/* Global
------------------------------*/
html, body { height: 100%; }
body, form { margin: 0px; padding: 10px 0px 0px 0px; }
strong, b { color:#001C5C; }
img { border: 0px; }
a, a:hover { font-weight: normal; text-decoration: underline; }
a { color:#001C5C; }
a:hover { color: #0D8A39; }
body, table, input, select, textarea, font {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
h1, h2 { font-size: 17px; }
h3, h4 { font-size: 12px; }
/* Classes
------------------------------*/
.tablewidth { width: 910px; text-align: left; }
.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
.height { height: 100%; }
.left { float: left; }
.right { float: right; }
.clear { clear: left; }
.spacer01 { background: #FDFCFC; }
.spacer02 { background: #e7e7e7; }
.spacer03 { background: #7D90AE; }
/* Template
------------------------------*/
#body { background-color: #7D90AE; }
#shell { background: url(../images/i_main_body_bg.gif) repeat-y #FDFCFC; }
#logo { float: left; width: 665px; height: 184px; }
#banner_photo { float: right; width: 245px; height: 252px; position: relative; }
#banner { padding-left: 5px; width: 461px; height: 29px; background: url(../images/bnr_bg.gif) no-repeat; }
#main_body { clear: both; /*height: 333px;*/ position: relative; top: -68px; }
#i_main_body { clear: both; position: relative; top: -68px; }
/* typo fix */
#nav_bg { float: left; background: url(../images/nav_bg.gif) no-repeat #F7F7F8 top; height: 350px; width: 184px; text-align: right; position: relative; padding-top: 4px; }
#i_nav_bg { float: left; background: url(../images/nav_bg.gif) no-repeat #F7F7F8 top; height: 500px; width: 184px; text-align: right; position: relative; padding-top: 4px; }
#nav { }
.nav_item {
font-family: Verdana, Arial, Helvetica, sans-serif;
background: url(../images/nav_item_bg.gif) bottom no-repeat;
margin-left: 22px;
font-size: 15px;
padding: 3px 12px 12px 0px;
position: relative;
}
.nav_item a { text-decoration: none; font-weight: bold; }
#subnav {
background: url(../images/subnav_bg.gif) bottom right no-repeat;
margin-left: 22px;
position: relative; top: -3px;
padding: 7px 0px 2px 0px;
z-index: 2;
text-align: left;
}
#subnav ul {
margin-left: 0px;
margin-top: 0px;
padding: 0px 5px 0px 30px;
list-style-type: none;
display: block;
line-height: 160%;
}
#subnav li {
color: #0D8A39;
background: url(../images/subnav_bg_li.gif) left no-repeat;
padding-left: 12px;
font-size: 11px;
}
#subnav li a { color: #0D8A39; text-decoration: none; }
#subnav li a:hover { color: #001C5C; text-decoration: none; }
#feat { float: left; margin-left: 30px; width: 438px; height: 170px; background: url(../images/feat_bg.gif) no-repeat #E9E9E9; }
#feat a.strong { color: #001C5C; text-decoration: none; }
#feat img { background: #7D90AE; padding: 1px; border: 4px solid #BEC5D6; }
#feat_img { float: left; width: 115px; margin: 40px 5px 0px 22px; }
#feat_text { float: left; width: 268px; margin-top: 41px; }
#feat_title_link a, #feat_title_link a:hover { color: #001C5C; text-decoration: underline; font-weight: bold; }
#i_search_bg { margin-left: 0px; margin-top: 20px; width: 184px; height: 40px; background: url(../images/i_search_bg.gif) no-repeat bottom; text-align: left; }
#i_search_pad { padding-left:25px; padding-top:12px; }
#search_bg { float: left; margin-left: 15px; margin-top: 3px; width: 168px; height: 124px; background: url(../images/search_bg.gif) #ffffff no-repeat; }
#search_pad { padding-left:3px; padding-top:6px; }
#searchbox-sword { color: #001C5C; font-size: 11px; width: 120px; border: 0px; }
#searchbox_button { width: 21px; height: 20px; vertical-align: middle; }
#b_left { float: left; width: 8px; height: 100%; background: #E1CBA7 url(../images/b_left_top.gif) top no-repeat; }
#b_right { float: right; width: 24px; height: 500px; background: #7D90AE; margin-top: 10px; margin-bottom: -10px; }
#content { float: left; width: 530px; /*height: 137px;*/ margin: 15px 0px 0px 20px; }
#content_pad { padding: 5px 0px 5px 13px; }
#whats_new { background: url(../images/whats_new_bg.gif) repeat-x #FAF5EF; width: 326px; height: 150px; }
#whats_new_pad { padding: 11px 30px 5px 15px; }
#whats_new img { border: 1px solid #97752E; margin-right: 15px; }
#i_content { float: left; width: 530px; height: 100%; margin: 13px 0px 0px 20px;/* position: relative; top: -68px; padding-top: 81px;*/ }
#i_content_pad { padding: 15px 0px 0px 12px; }
#crumb { font-size: 10px; }
#crumb a { color: #0D8A39; }
#crumb a:hover { color: #001C5C; }
#banners { background: url(../images/banner_bg.gif); width: 461px; height: 29px; }
#footer {
color: #ffffff;
background: url(../images/footer_bg.gif) no-repeat;
height: 70px;
font-size: 10px;
line-height: 150%;
position: relative;
top: -68px;
text-align: right;
}
#footer a, #footer a:hover { text-decoration: none; color:#ffffff; }
#footer_pad { padding: 32px 35px 0px 0px; } /*padding: 32px 35px 0px 0px;*/
/* TAF
------------------------------*/
.req { color: #ff0000; }
.input { border: 1px solid #C6CCDB; width: 160px; }
.taf_text { width: 100px; text-align: right; }
.button { background: #031B6E; color: #ffffff; border: 1px solid #C6CCDB; }
/* Search
------------------------------*/
.tx-indexedsearch-searchbox-sword { padding-left: 3px; border: 1px solid #C6CCDB; width: 100px; }
.submit { background: #031B6E; color: #ffffff; border: 1px solid #C6CCDB; width: 40px; }
/* Mail Form
------------------------------*/
.csc-mailform { border: 0px; }
.csc-mailform-field { width: 250px; text-align: right; vertical-align: top; }
#mailform { line-height: 200%; }
#mailform input { border: 1px solid #C6CCDB; width: 120px; }
#mailform textarea { border: 1px solid #C6CCDB; width: 200px; height: 70px; }
.csc-mailform-submit { background: #031B6E; color: #ffffff; border: 1px solid #C6CCDB; width: 40px; }
/* Misc
------------------------------*/
#bfid { background: #ffffff; }
/* Products
------------------------------*/
#prod_table { width: 400px; }
#prod_title { color:#001C5C; font-size: 14px; font-weight: bold; }
#prod_img img { padding: 3px; border: 1px solid #DDDEE1; }
#prod_text { padding: 0px 10px; }