body { background: #3c4b2f url(img/bg.gif) repeat-x; color: #333333; margin: 0px; padding: 0px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; } p { line-height: 20px; } h1 { font-size: 30px; font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; color: #a1b8a1; } h2 { font-size: 14px; } a:link, a:visited, a:active { color: #333333; } a:hover { color: #900000; } img { border: 0; } .rf { float: right; } .lf { float: left; } .cleared { clear: both; } fieldset { border: 1px solid #ccc; margin-top: 20px; padding: 10px; } legend { border: 1px solid #ccc; font-weight: bold; padding: 3px; margin-bottom: 6px; } legend.new { background-color: #E6F7E3; font-size: 14px; font-weight: bold; margin: 0px 0px 0px 10px; padding: 5px; border: 1px #829F81 solid; } .error { color: #f00; font-weight: bold; } #wrapper { width: 980px; margin: 0 auto; padding: 0px; background: url(img/wrapper_bg.gif) repeat-y; } #header { background: url(img/header_bg.gif) no-repeat; height: 168px; position: relative; } #top { background: url(/img/top_bg.gif) repeat-x; height: 82px; } #logo { position: absolute; top: 0px; left: 0px; } #mainnav { position: absolute; top: 95px; left: 15px; background: #ffffff url(img/nav.bg.jpg) no-repeat; height: 66px; width: 940px; padding: 6px 0px 0px 9px; } #mainnav a:link, #mainnav a:visited, #mainnav a:active { text-decoration: none; font-size: 13px!important; color: #ffffff!important; margin-left: 4px; margin-right: 4px; } #mainnav a:hover { color: #e3f2e3!important; } #mainnav img { vertical-align: middle; } #pathnav { background: #ededed url(/img/nav_bg.gif) repeat-x; font-size: 10px; font-weight: bold; height: 20px; width: 80%; } #pathnav a:link, #pathnav a:visited, #pathnav a:active { text-decoration: none; } #pathnav a:hover { color: #fff; } #pathnav img { vertical-align: middle; } #pathnav1 { background: #ededed url(/img/nav_bg.gif) repeat-x; font-size: 10px; font-weight: bold; height: 20px; width: 730px; margin-left: 230px } #pathnav1 a:link, #pathnav1 a:visited, #pathnav1 a:active { text-decoration: none; } #pathnav1 a:hover { color: #fff; } #pathnav1 img { vertical-align: middle; } #topnav { position: absolute; top: 10px; right: 20px; color: #000000; font-size: 13px; font-weight: bold; } #topnav a:link, #topnav a:visited, #topnav a:active { text-decoration: none; color: #000000; } #topnav a:hover { color: #cccccc; } #tabnav { float: right; position: absolute; top: 220px; right: 0px; background: transparent; font-size: 10px; line-height: normal; border-bottom: 2px solid #e3e3e3; width: 725px; } #tabnav ul { margin: 0; padding: 5px 2px 0; list-style: none; } #tabnav li { float: right; background: url("/img/tableft.gif") no-repeat left top; margin: 1; padding: 0 0 0 9px; } #tabnav a { float: left; display: block; background: url("/img/tabright.gif") no-repeat right top; padding: 4px 10px 4px 5px; text-decoration: none; color: #fff; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabnav a { float: none; } /* End IE5-Mac hack */ #tabnav a:hover { color: #ccc; padding-bottom: 4px; } #mainimg { height: 110px; } #content { width: 980px; } #textual { margin: 10px 30px 10px 15px; overflow: hidden; } #textual li { line-height: 20px; margin-left: 5px; } #leftcol { width: 206px; float: left; margin: 0px 0px 0px 25px; padding: 0px; } #leftcol h2 { font-size: 18px; font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; color: #a1b8a1; padding: 0px; margin: 0px 10px 10px 10px; } #leftcol hr { color: transparent; margin: 0px 10px 0px 10px; border-bottom: 1px solid #d5e0d5; } #leftcol p { font-size: 12px; color: #333333; padding: 0px 10px 0px 10px; line-height: 16px; } #leftcol .boxed { width: 204px; background: url(img/left_box_bg.png) no-repeat; min-height: 120px; padding: 10px 0px 0px 0px; } #leftcol a:link, #leftcol a:visited, #leftcol a:active { text-decoration: none; color: #000000; } #leftcol a:hover { color: #cccccc; } #leftcol .boxed_bottom { width: 204px; height: 22px; background: url(img/left_box_bottom.png) no-repeat transparent; margin-top: 0px; } #news { margin: 5px; padding: 0px; border: 1px solid #c4c4c4; } #news p { font-size: 11px; color: #818181; margin: 5px; } #news h3 { font-size: 14px; color: #818181; margin: 0px 0px 2px 0px; padding: 2px 5px 2px 5px; background: #DEDEDE; border-bottom: 1px solid #c4c4c4; } #news h3 { font-size: 14px; color: #818181; margin: 0px 0px 2px 0px; padding: 2px 5px 2px 5px; background: #DEDEDE; border-bottom: 1px solid #c4c4c4; } #rightcol { width: 740px; float: right; padding: 0px 0px 0px 0px; margin-right: 6px; } #footer { width: 930px; height: 47px; padding: 30px 30px 10px 20px; text-align: center; margin: 0 auto; background: url(img/footer_bg.gif) no-repeat; } #footer p { font-size: 10px; } #footer a { color: #666666; text-decoration: none; font-weight: bold; font-size: 9px; } #footer td { color: #666666; text-decoration: none; font-weight: bold; font-size: 9px; } #homeBox_1 { width:348px; height:272px; float: left; padding: 0px 0px 0px 0px; margin: 0px; background: url(img/home_box_bg_1.jpg) no-repeat; position: relative; } #homeBox_1 p { line-height: 17px; font-size: 12px; font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; color: #666666; margin: 5px 12px 10px 12px; } #homeBox_1 h2 { font-size: 24px; font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; color: #a1b8a1; margin: 15px 12px 10px 12px; } #homeBox_1 li { line-height: 17px; font-size: 12px; font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; color: #666666; margin: 0px 5px 0px 5px; padding: 0px; } #homeBox_2 { width:348px; height:272px; float: left; padding: 0px 0px 0px 0px; margin: 0px; background: url(img/home_box_bg_2.jpg) no-repeat; position: relative; } #homeBox_2 p { line-height: 17px; font-size: 12px; font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; color: #666666; margin: 5px 12px 10px 12px; } #homeBox_2 h2 { font-size: 24px; font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; color: #a1b8a1; margin: 15px 12px 10px 12px; } #homeBox_2 li { line-height: 17px; font-size: 12px; font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; color: #666666; margin: 0px 5px 0px 5px; padding: 0px; } #homeBox_3 { width:348px; height:272px; float: left; padding: 0px 0px 0px 0px; margin: 0px; background: url(img/home_box_bg_3.jpg) no-repeat; position: relative; } #homeBox_3 p { line-height: 17px; font-size: 12px; font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; color: #666666; margin: 5px 12px 10px 12px; } #homeBox_3 h2 { font-size: 24px; font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; color: #a1b8a1; margin: 15px 12px 10px 12px; } #homeBox_3 li { line-height: 17px; font-size: 12px; font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; color: #666666; margin: 0px 5px 0px 5px; padding: 0px; } #homeBox_4 { width:348px; height:272px; float: left; padding: 0px 0px 0px 0px; margin: 0px; background: url(img/home_box_bg_4.jpg) no-repeat; position: relative; } #homeBox_4 p { line-height: 17px; font-size: 12px; font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; color: #666666; margin: 5px 12px 10px 12px; } #homeBox_4 h2 { font-size: 24px; font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; color: #a1b8a1; margin: 15px 12px 10px 12px; } #homeBox_4 li { line-height: 17px; font-size: 12px; font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; color: #666666; margin: 0px 5px 0px 5px; padding: 0px; } .homeBox_read_more { position: absolute; bottom: 10px; right: 10px; } .homeBox_read_more a:link, .homeBox_read_more a:visited, .homeBox_read_more a:active { text-decoration: none; color: #000000; } .homeBox_read_more a:hover { color: #cccccc; } .paddedtbl { border: 0px; } .paddedtbl td { background: #f9f9f9; border: 1px solid #829f81; padding: 15px; margin: 3px; } .largetbl { border: 0px; } .largetbl td { background: #fdfdfd; border: 1px solid #eee; vertical-align: top; padding: 5px; margin: 3px; } .tblheader { background-color: #BABABA; font-weight: bold; text-align: center; } .tdsurvey { line-height: 18pt; } .shaded { background-color: #EEF7EE; color: #000; font-family:Arial, Helvetica, sans-serif; font-size:10px; } .shaded1 { background-color: #EEF7EE; color: #000; } .shaded2 { background-color: #EFEFEF; color: #000; } .shaded3 { background-color: #CCCCCC; color: #000; } .smalltext { font-size: 10px; } .largetext_14 { font-size: 14px; } .largetext { font-size: 16px; } .boldtext { font-weight: bold; } .c { text-align: center; } .r { text-align: right; } .redtext { color: #FF0000; } .field { background-color: #EEEEEE; border: 1px #CCCCCC solid; padding: 2px; } .field:focus { background-color: #FFFFFF; } .btn { color: #FFFFFF; background: #829F81; font-weight: bold; font-size: 16px; } .form_failure { background-color: #F9D7D7; margin: 5px 0px; padding: 6px; border: 1px #CCCCCC solid; } .form_success { background-color: #CCF2CD; margin: 5px 0px; padding: 6px; border: 1px #CCCCCC solid; } .grid01 { border-collapse: collapse; } .grid01 td { padding: 3px; } .grid02 { border-collapse: collapse; border: 0px; margin: 20px 0px; } .grid02 td { padding: 3px; border: 1px #CCCCCC solid; } .grid02 .hdr { background-color: #FFE; font-size: 13px; font-weight: bold; text-align: center; } .grid03 { border: 1px solid #ECECEC; margin: 20px 0px; } .grid03 td { padding: 3px; border: 1px #CCCCCC solid; } .grid03 .hdr { background-color: #FFE; font-size: 13px; font-weight: bold; text-align: center; } .vert-align * { vertical-align: middle; } .padded0 { padding: 0px !important; } .padded20 { padding: 20px !important; } .hiddentextfield { background-color: transparent; border: 0px; } .submitbtn { background-color: #829F81; color: #FFFFFF; font-size: 16px; font-weight: bold; } .submitbtnwrap { background-color: #CCE4CB; width: 100px; text-align: center; margin: 20px auto; padding: 10px; border: 1px #5e7c5d solid; } a.tt{ position:relative; z-index:24; color:#2C2C2C; font-weight:bold; text-decoration:none; } a.tt span{ display: none; } /*background:; ie hack, something must be changed in a for ie to execute it*/ a.tt:hover{ z-index:25; color: #993300; background:;} a.tt:hover span.tooltip{ display:block; position:absolute; top:0px; left:0; padding: 15px 0 0 0; width:200px; color: #2C2C2C; text-align: left; filter: alpha(opacity:90); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90; } a.tt:hover span.top{ display: block; padding: 30px 8px 0; background: url(bubble.gif) no-repeat top; } a.tt:hover span.middle{ /* different middle bg for stretch */ display: block; padding: 0 8px; background: url(bubble_filler.gif) repeat bottom; } a.tt:hover span.bottom{ display: block; padding:3px 8px 10px; color: #548912; background: url(bubble.gif) no-repeat bottom; }