
body { background-image:url(/images/bg2.jpg); background-repeat:repeat-x; background-color:#abd0d2; font-family:arial; font-size:12px; margin:20px 0px 10px 0px; padding:0px; }

img { border:0px; }

#footerpopup_text {position: relative; visibility: hidden; top:-80px; left:-430px; width: 310px; height: 70px; background-color: #fef5e0; border:10px solid #c7e2e3; padding: 5px; text-align: center; }

#footerpopup_logos {position: relative; visibility: hidden; top:-300px; left:-370px; width: 320px; height: 450px; background-color: #fef5e0; border:10px solid #c7e2e3; padding: 20px 20px 40px 20px; text-align: center; }

#close {float: right;}


#container { margin:0px auto; width:985px; }

#header { width:100%; float:left; clear:both; }

#logo {width:100%; float:left; clear:both; padding-bottom:5px; }

#logo2 {width:292px; float:left; padding:0px; margin-bottom:-10px;}

#logo3 {width:301px; float:left; padding:0px; margin-bottom:-3px;}

#sponsorlogos { width:100%; float:left; clear:both; padding-bottom:5px; }

#banner { width:683px; float:left; padding-left:10px; padding-bottom:8px; background-image:url(/images/header_curve.gif); background-repeat:no-repeat; background-position:bottom left; }

#banner2 { width:674px; float:left; }


#navcontainer { width:100%; background-image:url(/images/bg_navcontainer.gif); background-repeat:repeat; }
#nav { width:246px; background-color:#fff; /*background-image:url(/images/bg_nav.gif); background-position:bottom left; background-repeat:no-repeat;*/ margin-left:18px; margin-bottom:0px; padding-bottom:0px; clear:both; float:left;}
#nav a { display:block; }

#body { width:100%; float:left; clear:both; background-color:#fff; background-image:url(/images/bg_content.jpg); background-position:top right; background-repeat:no-repeat; margin:0px auto; padding:0px;   }

#footer1 { width:100%; float:left; clear:both; background-image:url(/images/bg_content_btm.gif); background-repeat:no-repeat; padding-bottom:10px;  height:9px;}
#content-left { width:302px; float:left; padding:0px; }
#content-left2 { width:282px; float:left; padding:10px;}
#content-left-home { width:282px; float:left; padding:10px; background-image:url(/images/bg_corner_top.gif); background-repeat:no-repeat; background-position:top left; }


#content { float:left; width:623px; padding:20px; padding-top:40px; }
#content h1 { color:#37669f; font-size:22px; font-weight:bold; padding-bottom:5px; }
#content h2 { font-size:16px; font-weight:bold; color:#086c72; border-top:1px solid #82c5c8; border-bottom:1px solid #82c5c8; padding-top:5px; padding-left:7px; padding-bottom:5px; background-color:#d1e8e9; display:block; width:100%; }
#content h3 {  border-top:1px solid #82c5c8; border-bottom:1px solid #82c5c8; margin:0px; padding-top:5px; padding-left:7px; padding-right:10px; padding-bottom:5px; background-color:#d1e8e9; display:block; width:97%; float:left; vertical-align:top; }
#content h3 .title { font-size:16px; font-weight:bold; color:#086c72; text-align:left; vertical-align:top; }
#content h3 .backtotop { text-align:right; font-size:11px; vertical-align:top; margin-right:10px;  }
#content h4 { font-size:13px; font-weight:bold; color:#597ca9; padding:0px; margin:0px;}
#content h5 { color:#b2032c; font-size:16px; font-weight:bold; padding:0px; margin:0px; }


/* for rad control WYSIWYG editor.css */
.header1 { color:#37669f; font-size:22px; padding-bottom:5px; font-weight:bold; line-height:22px; }
.header2 { font-size:16px; font-weight:bold; color:#086c72; border-top:1px solid #82c5c8; border-bottom:1px solid #82c5c8; padding-top:5px; padding-left:7px;  padding-bottom:5px; background-color:#d1e8e9; display:block; width:100%;}

#content p { padding-left:0px; padding-right:0px; }
#content a { color:#b2032c; text-decoration:none;  }
#content a:hover { color:#b2032c; text-decoration:underline;  }
.link a { color:#4a6e9b; text-decoration:none;  }
.link a:hover { color:#4a6e9b; text-decoration:underline;  }
#content p.quote { padding:15px; color:#000; background-color:#aff29e; line-height:20px; font-style:italic; }
#content ul { margin-left:-40px; list-style:none; }
#content li { margin-bottom:10px; background-image:url(/images/bullet.gif); background-repeat:no-repeat; padding-left:18px; background-position:3px 2px; }

#content img.margin-right { margin:10px; }
#content img.nomargin { margin:0px; }


/* Misc. Content Styles */

#paging { border-top:1px #c97d7d solid; border-bottom:1px #c97d7d solid; padding-top:10px; padding-bottom:10px; color:#b20303; text-align:right; }
#paging a { text-decoration:none }
#paging a:hover { text-decoration:underline; }

#box { background-color:#fff; border: 10px solid #c7e2e3; padding:10px; width:80%; align:center;}
#box h6 { background-color:#c7e2e3; color:#00676d; font-size:16px; padding:20px; margin:0px;}
#box .content { padding:20px;  }

.note  { font-style:italic; color:#587496; font-size:11px;  }

blockquote { background-color:#fff5dd; color:#032e65; padding-top:20px; padding-right:20px; padding-bottom:10px; padding-left:20px; }

hr { border-bottom:1px solid #c7e2e3; border-top:none; border-left:none; border-right:none; height:1px; line-height:1px;}

th { background-color:#078182; text-align:left; padding:3px 3px 3px 5px; color:#FFFFFF; font-size:11px; border:1px solid #fff;  }

table td { vertical-align:top; }

.box { padding:5px; border:1px solid #f5cb68; background-color:#fef8e6; color:#7b5600; display:block;}
.box a { color:#7b5600; text-decoration:none; }
.box:hover { padding:5px; border:1px solid #c7e2e3; background-color:#f5cb68; text-decoration:none; cursor:pointer; }

.initiativestable { padding:4px 8px 4px 0px;  }
.initiativestable td {  padding:0px; }
.initiativestable .padding { padding:5px; border: 1px solid #c7e2e3; }

.button { background-color:#de7a03; color:#fff; font-size:12px; font-weight:bold; padding:1px; border:1px solid #c25555; }

a { color:#b2032c; text-decoration:none;  }
a:hover { color:#b2032c; text-decoration:underline;  }
#content .biglink a { color:#b2032c; text-decoration:none; font-size:16px; font-weight:bold; }
#content .biglink a:hover { color:#b2032c; text-decoration:underline; font-size:16px; font-weight:bold; }
#content .link a { color:#4a6e9b; text-decoration:none;  }
#content .link a:hover { color:#4a6e9b; text-decoration:underline;  }

#footercontainer { width:955px; padding-right:30px; margin:0px auto; float:left; clear:both;}
#footer { width:100%; background-image:url(/images/bg_footer.gif); background-repeat:no-repeat; color:#c59217; clear:both; float:left; text-align:right; font-size:10px; padding:0px 40px 40px 0px; float:left;   margin:0px auto;}
#footer a { color:#fff; }
#footer .copyright { display:block; color:#fff; }
#footer .copyright a { margin:0px; color:#fff; }
 

/* navigation & rollover buttons */
.btnAssessment  { background-image:url(/images/btn_assessment.jpg); width:246px; height:191px; }
.btnGuide  { background-image:url(/images/btn_guide.jpg); width:246px; height:191px; }
.btnTemplate  { background-image:url(/images/btn_template.gif); width:120px; height:110px; }

.rollover1 { background-image:url(/images/nav_01.gif); width:246px; height:42px; }
.rollover2 { background-image:url(/images/nav_02.gif); width:246px; height:42px; }
.rollover3 { background-image:url(/images/nav_03.gif); width:246px; height:42px; }
.rollover4 { background-image:url(/images/nav_04.gif); width:246px; height:42px; }
.rollover5 { background-image:url(/images/nav_05.gif); width:246px; height:42px; }
.rollover6 { background-image:url(/images/nav_06.gif); width:246px; height:42px; }
.rollover7 { background-image:url(/images/nav_07.gif); width:246px; height:42px; }
.rollover8 { background-image:url(/images/nav_08.gif); width:246px; height:42px; }
.rollover9 { background-image:url(/images/nav_09.gif); width:246px; height:42px; }
.rollover10 { background-image:url(/images/nav_10.gif); width:246px; height:42px; }
.rollover11 { background-image:url(/images/nav_11.gif); width:246px; height:42px; }
.rollover12 { background-image:url(/images/nav_12.gif); width:246px; height:42px; }
.rollover13 { background-image:url(/images/nav_13.gif); width:246px; height:42px; }
.rollover14 { background-image:url(/images/nav_14.gif); width:246px; height:42px; }
.rollover15 { background-image:url(/images/nav_15.gif); width:246px; height:42px; }


/* If you make the main links vertical, it's best to supply a static width */
#nav ul { width:246px; background-image:none; list-style: none; margin-left:0; padding-left: 0; margin-bottom:0px;}

/* Comment out float:left; to make the main links vertical */
#nav ul li { list-style: none; padding-bottom:3px; width:246px; height:42px; /*float: left;  */}
#nav ul li a { text-decoration:none; }
#nav ul li a:hover { background-position:0px -42px; }
#nav ul li .active { background-position:0px -42px; }


/* Function - Do not change */
#nav ul {list-style: none;}
#nav ul li {position: relative;}
#nav ul li ul {position: absolute; display: none;}
#nav ul li:hover ul, #nav ul li.over ul {display: block;}
#nav ul li ul li {  }
#nav ul li ul li ul {  }
#nav ul li:hover ul li ul, #nav ul li.over ul li ul {display: none;}
#nav ul li:hover ul li ul a, #navn ul li.over ul li ul a {display: none;}
#nav ul li:hover ul li:hover ul, #nav ul li.over ul li.over ul {display: block;}
#nav ul li:hover ul li:hover ul a, #nav ul li.over ul li.over ul a {display: block;}
#nav ul li ul li ul li {  }

/* Fix IE. Hide from IE Mac \*/
* html #nav ul li ul li {float: none;}
* html #nav ul li a {height: 1%;}
/* End */


/* Collapsible Div Panel  */
.CollapsiblePanel {  }
.CollapsiblePanelTab { display:block; background-color:#fff6e0; padding:10px; border: 1px double #d29b17; cursor:pointer;  }
.CollapsiblePanelTab:hover { display:block; background-color:#f5cb68; padding:10px; border: 1px double #d29b17; cursor:pointer;  }


.form0 { font-size:16px; font-weight:bold; color:#086c72; border-top:1px solid #82c5c8; border-bottom:1px solid #82c5c8; padding-top:5px; padding-left:7px; padding-bottom:5px; background-color:#d1e8e9;}
.form1 { /*background-color:#fff5dd; */ text-align:left; font-weight:bold; }
.form2 { /*color:#296d35; background-color:#d2e1f02;*/ }
/* These form2 and 3 span rules are for ASP.NET error messages that often appear inside of these tables. */
.form2 span { vertical-align:top; }
.form3 {  background-color:#fef8e6; }
.form3 span { vertical-align:top; }
.fields {  }

.CalculationClaimer { font-size:14px; color:#990000; font-weight:bold; }




