div { border: solid 0px red; }
table { border-collapse: collapse; }
td { vertical-align: top; }
body { color: #666666; font-family: Verdana, Sans-Serif; background-color: #DEDEDE; background-image: url(../Images/back-main.gif); background-repeat: repeat-x; background-position: top; margin: 0px; }
form { margin: 0px auto; }
input { font-size: 10px; font-family: Verdana; }
ul, ol { }
ul li { list-style: square; }
p, li, .font-smallstrong, .font-warning { margin-top: 0.7em; margin-bottom: 0.7em; }
h1, h2, h3, h4 { margin: 0px; line-height: 1em; clear: both; }
h1 { font-family: Arial; font-weight: normal; }
h4 { background-image: url(../Images/bullet-01.gif); background-repeat: no-repeat; padding-left: 20px; vertical-align: middle; height: 20px; }
a { color: #6699CC; text-decoration: none; }
a:hover { color: #CC0033; text-decoration: underline; }
img { border: none; }

body.default { font-size: 11px; }
body.medium { font-size: 13px; }
body.large { font-size: 16px; }
body.default h1 { font-size: 18px; }
body.medium h1 { font-size: 20px; font-weight: bold; }
body.large h1 { font-size: 22px; font-weight: bold; }

body.default h2 { font-size: 13px; }
body.medium h2 { font-size: 14px; font-weight: bold; }
body.large h2 { font-size: 16px; font-weight: bold; }

body.default h3 { font-size: 12px; font-weight: normal; }
body.medium h3 { font-size: 13px; font-weight: normal; }
body.large h3 { font-size: 16px; font-weight: normal; }

body.default h4 { font-size: 13px; }
body.medium h4 { font-size: 14px; font-weight: bold; }
body.large h4 { font-size: 16px; font-weight: bold; }

body.default .font-smallstrong { font-size: 9px; font-weight: bold; }
body.medium .font-smallstrong { font-size: 11px; font-weight: bold; }
body.large .font-smallstrong { font-size: 12px; font-weight: bold; }

body.default .table-of-content li { font-size: 10px; }
body.medium .table-of-content li { font-size: 13px; }
body.large .table-of-content li { font-size: 16px; }

body.default .nav-archive { font-size: 11px; }
body.medium .nav-archive { font-size: 12px; }
body.large .nav-archive { font-size: 13px; }



.font-warning { background-color: #CC0033; color: #ffffff; }

.btn-submit { }
.wrapper-default, .wrapper-home { margin: 0px auto; width: 780px; height: 100%; text-align: left; }

.table-01 { width: 278px; }
.table-01 td { padding: 2px; }

/* navigation */
ol.main-nav { font-weight: bold; float: left; margin: 0px; padding: 0px; font-size: 11px; }
ol.main-nav li { margin: 0px; list-style: none; float: left; background-color: #999999; border-right: solid 1px #ffffff; }
ol.main-nav li.selected { background-color: #C2C2C2; border-bottom: solid 1px #CC0033; }
ol.main-nav li.selected a { border-bottom: solid 1px #ffffff; }
ol.main-nav a { color: #ffffff; padding: 1px 7px 1px 7px; display: block; }
ol.main-nav a:hover { background-color: #CC0033; color: #ffffff; text-decoration: none; }
ol.main-nav li.selected a:hover { background-color: #C2C2C2; }
.font-sizes { float: left; font-size: 6px; margin-left: 2px; }
.font-sizes img { cursor: pointer; }

/* default */
.wrapper-default .div-nav { width: 780px; margin: 10px 0px 16px 0px; float: left; }
.wrapper-default .font-sizes { float: right; }
.wrapper-default .column-left, .wrapper-default .column-right { margin-top: 30px; float: left; }
.wrapper-default .column-left { width: 200px; padding-right: 10px; text-align: right; }
.wrapper-default .column-right { padding-right: 10px; padding-left: 10px; width: 538px; }

/* table of content of current issue*/
.table-of-content { margin-top: 30px; float: left; }
.table-of-content .column-left, .table-of-content .column-middle, .table-of-content .column-right { text-align: left; float: left; margin-top: 0px; padding: 0px; }
.table-of-content .column-left { width: 242px; padding-right: 10px; }
.table-of-content .column-middle { width: 252px; padding-left: 10px; padding-right: 10px; }
.table-of-content .column-right { width: 242px; padding-left: 10px; }
.table-of-content .column-left, .table-of-content .column-middle { border-right: solid 1px #eeeeee; }
.table-of-content .intro img { float: left; margin: 0px 10px 4px 10px; border-top: 0px; border-left: 0px; border-right: solid 1px #999999; border-bottom: solid 1px #999999; }
.table-of-content .intro { margin-bottom: 30px; }
.table-of-content ol { margin: 0px; padding: 0px; }
.table-of-content h4 { text-transform: uppercase; }
.table-of-content ol li { margin-top: 0.5em; margin-bottom: 0.5em; list-style: none; font-weight: bold; text-transform: uppercase; }
.table-of-content ol li ol li { text-transform: none; }
.table-of-content .column-left .photo IMG, .table-of-content .column-middle .photo IMG, .table-of-content .column-right .photo IMG  { border: solid 2px #E1E1E1; }
.table-of-content .photo { float: left; background-image: url(../Images/shade-photo.gif); padding-right: 3px; padding-bottom: 3px; margin-right: 10px; margin-bottom: 4px; }
.table-of-content h4 { margin-bottom: 0.7em; }

/* home*/
.wrapper-home .content { width: auto; clear: both; margin-top: 30px; }
.wrapper-home .column-right img { border-right: solid 1px #999999; border-bottom: solid 1px #999999; }
.wrapper-home .column-right { width: 290px; padding: 14px 6px 6px 6px; float: right; background-color: #e0e0e0; background-image: url(../Images/back-feature.gif); background-repeat: repeat-x; margin-top: 0px; }
.wrapper-home .column-left { width: 470px; float: left; }

/* footer */
.footer { float: left; color: #999999; font-size: 10px; width: 780px; border-top: solid 5px #CC0033; margin-top: 30px; margin-bottom: 30px; padding-top: 16px; padding-bottom: 16px; font-weight: bold; }
.footer a { color: #999999; }
.footer .logo { float: right; }
.footer ol.link-group, .footer .copyright { float: right; }
.footer ol.link-group { margin: 0px; padding: 0px; line-height: 1.5em; overflow: hidden; display: block; white-space: nowrap; }
.footer ol.link-group li { margin: 0px; list-style: none; display: inline; padding-right: 2px; padding-left: 3px; border-left: solid 1px #999999; margin-left: -1px; }
.footer .copyright { padding-right: 4px; }

/* article page */
.left-pict { margin-top: 12px; }
.left-pict-caption { padding-right: 3px; border-top: #666666 1px solid; margin-top: 2px; padding-left: 3px; padding-bottom: 3px; width: 157px; padding-top: 3px; float: right; text-align: left; }
.stand-first { color:#333333; font-weight: bold; font-size:12px; }

.quotes-01 { width: 180px; float: right; border-top: 5px solid #333333; border-bottom: 1px solid #333333; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; font-size: 14px; }
.quotes-02 { width: 180px; float: right; border-top: 5px solid #6699cc; border-bottom: 1px solid #6699cc; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; font-size: 14px; }
.quotes-03 { width: auto; background-color: #f2f2f2; margin-top: 10px; margin-bottom: 10px; }

.quotes-01 td, .quotes-02 td { PADDING-BOTTOM: 10px; PADDING-TOP: 10px; }
.quotes-03 td { padding: 5px; }

.cust-table { border-left: 1px solid #eeeeee; border-top: 1px solid #eeeeee; border-right: 1px solid #eeeeee; }
.cust-table td { border-bottom: 1px solid #eeeeee; padding: 5px; padding-left: 6px; }
.cust-table tr.caption01 td { background-color: #666666; color: #ffffff; height: 20px; vertical-align: middle; }
.cust-table tr.caption02 td { background-color: #999999; color: #ffffff; }
.cust-table tr.t-footer td { background-color: #999999; color: #ffffff; font-size: 9px; }

.head02 { font-weight:bold; font-size:12px; border-left: solid 6px #666666; padding-left: 4px;  }
.head03 { font-weight:bold; font-size:12px;}

.wrapper-default .column-right img { margin:10px; padding:1px; border: #c2c2c2 1px solid; }
.column-right .photo img { padding:0px; margin:0px; border:none;}

.issue-name { font-style:italic; color:#ABABAB; }

/* archive page */
.nav-archive { margin-top: 10px; margin-bottom: 20px; }
.nav-archive div { width: 170px; float: left; margin-right: 4px; margin-bottom: 4px; padding: 2px 4px 2px 4px; font-weight: bold; background-color: #6699CC; }
.nav-archive a { color: #ffffff; }