﻿html{height:100%;overflow-x:hidden;}
body{background:#eaddd6 url('../img/mainback.jpg') repeat-x;font-family:Arial;font-size:11px;height:100%;margin:0px;padding:0px; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
div.maincontainer{width:968px; margin:10px auto; background:#FFF; border:1px solid #555;}
.clear{clear:both;}
a{text-decoration:none; color:#195872; font-weight: bolder;}
a:hover{text-decoration:underline;}
.blue{color:#195872;}

/*Dynamic White Box stuff*/
div.whitebox{float:left;}
div.multiwhitebox{}
div.stacked{margin:5px 0 0 0;}
curvedbottom{display:block; background:transparent; font-size :1px;}
.curvedtop{display:block; background:transparent; font-size :1px;}
.curvedtop{background:url('../img/curvedtopbg.jpg')}
.curve4{display:block; overflow:hidden;}
.curve3{display:block; overflow:hidden;}
.curve2{display:block; overflow:hidden;}
.curve1{display:block; overflow:hidden;}
.curve3 {height:1px;}
.curve2 {height:1px;}
.curve1 {height:1px;}
.curve4{background:#FFF; border-left:1px solid #e0e5ff; border-right:1px solid #e0e5ff;}
.curve3{background:#FFF; border-left:1px solid #e0e5ff; border-right:1px solid #e0e5ff;}
.curve2{background:#FFF; border-left:1px solid #e0e5ff; border-right:1px solid #e0e5ff;}
.curve1 {margin:0 5px; background:#e0e5ff;}
.curve2 {margin:0 3px; border-width:0 2px;}
.curve3 {margin:0 2px;}
.curve4 {height:2px; margin:0 1px;}
.curvedtop .curve3{background-color:#fbfcff;}
.curvedtop .curve4{background-color:#f4f6fe;}
.curveboxcontent {display:block; background:#FFFFFF url('../img/boxback.jpg'); background-repeat:repeat-x;border:0 solid #e0e5ff; border-width:0 1px;padding:5px; overflow:hidden;}

/*End of Dynamic White box */

/*Header*/
div.header{height:107px; width:950px; margin:2px 0 0 9px; }
div.officermoduleon{float:left;}

div.officermoduleoff{float:left;}

div.slogan{float:left;}

div.logo{float:left;}

div.header div.logo{width:160px; height:105px;}
div.header div.slogan{font-weight:bold; font-size:20px; width:340px; color:#543002; margin:80px 0 0 75px;}
div.header div.officermoduleoff{width:300px; margin:33px 0 0 70px;}

div.header div.officermoduleoff div.searchofficer{font-size:20px; font-weight:bold; color:#195872;}
div.searchbutton{float:left;}
div.inputofficer{float:left;}
div.header div.officermodule div.inputofficer input {width:220px;}
div.header div.officermoduleoff div.inputofficer {width:220px;}
div.header div.officermoduleoff div.inputofficer input{height:16px; border:1px #195872 solid; padding:2px; color:#444444; font-size:12px;}
div.header div.officermoduleoff div.searchbutton{font-size:12px; color:#195872; font-weight:bold; margin:3px 0 0 8px;}
div.header div.officermoduleoff div.searchbutton a{color:#195872; text-decoration:none;}
div.header div.officermoduleoff div.searchbutton a:hover{color:#e5052a;}
div.header div.officermoduleoff div.searchbutton .chevron{ font-weight:bold; font-size:18px; color:#195872;}
div.header div.officermoduleoff div.disclaimer{font-size:9px; color:#444444; margin:3px 0 0 0;}

div.header div.officermoduleon{width:350px; margin:0px 0 0 20px; border:1px solid #e6eaff; height:100px;}
div.header div.officermoduleon div.officerpic{width:90px; height:90px; float:left;margin:5px 0px 0 5px;text-align:center;}
div.header div.officermoduleon div.officerdesc{width:237px; height:86px; float:left; margin:5px 0px 0 5px; background-color:#e6eaff;padding:2px 4px 2px 4px;}
div.header div.officermoduleon div.officerdesc div.name{float:left; width:145px; font-size:11px; font-weight:bold;}
div.header div.officermoduleon div.officerdesc div.notmyofficer{float:left; width:100px; font-size:9px; margin:3px 0 0 0;}
div.header div.officermoduleon div.officerdesc div.desc{font-size:9px; text-align:justify;}
div.header div.officermoduleon div.officerdesc div.more{font-size:9px;}
/*End of Header */

/*Main Menu */
div.menu{width:950px; margin: 2px 0 0 9px;height:34px;position:relative; z-index:100;}
div.menubottom{width:950px;}
div.menubuttons{width:950px;}
div.menubuttons{height:27px;}
div.menubuttons .button{width:100px; height:27px; text-indent:-3000px; float:left;overflow:hidden; background-position:-200px 0; display:block;}
div.menubuttons .button:hover{background-position:-100px 0;}
div.menubuttons .buttonon{background-position:0 0;}
div.menubuttons .buttonon:hover{background-position:0 0;}

.home{background-image:url('../img/mainmenu/button-home.jpg');}
.apply{background-image:url('../img/mainmenu/button-apply.jpg');}
.rates{background-image:url('../img/mainmenu/button-rates.jpg');}
.programs{background-image:url('../img/mainmenu/button-programs.jpg');}
.calculators{background-image:url('../img/mainmenu/button-calculators.jpg');}
.contact{background-image:url('../img/mainmenu/button-contact.jpg');}
.help{background-image:url('../img/mainmenu/button-help.jpg');}
div.menubottom{height:7px; background-color:#663d18;clear:both;}

/*Dropdown menu*/
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu li {float:left;width:105px;position:relative;}
.menu ul a:hover ul{visibility:visible; }
.menu ul li:hover ul{visibility:visible; }
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* second level links */
.menu ul ul a:visited {background:#eaedff; color:#444444; height:auto; line-height:1em; padding:5px 10px; width:100px; border:1px #543110 solid; font-size:10px;}
.menu ul ul a {background:#eaedff; color:#444444; height:auto; line-height:1em; padding:5px 10px; width:100px; border:1px #543110 solid; font-size:10px;}
* html .menu ul ul a:visited {width:100px;}
* html .menu ul ul a {width:100px;}
.menu ul ul {width:100px;}
.menu ul ul a:hover {background:#195872; text-decoration:none; color:#FFFFFF;}
.menu ul ul a{display:block;}
.menu ul ul {visibility:hidden;position:absolute;height:0;top:27px;left:0px; width:100px;}

/*third level flyout menu Currently NOT USED but in case for future expansion */
.menu ul ul ul{left:121px; top:-1px; width:100px;}
.menu ul :hover ul ul{visibility:hidden;}
.menu ul :hover ul :hover ul{ visibility:visible;}
/*End of Menu*/

/*Banner Unit*/
div.banner{width:950px; margin: 0px 0 0 9px;}



/*Maincontent*/
div.maincontent{width:950px; margin: 0px 0 0 9px;}
/*div.row{width:950px; margin:5px 0 0 0; clear:both;}*/
div.row{width:950px; margin:5px 0 0 0; clear:both; float:left;}
div.nextmodule{margin:0 0 0 5px;}
div.maincontent h3{color:#195872; padding:0; margin:0;}
div.maincontent h2{color:#195872; padding:0; margin:0;}
div.maincontent h1{color:#195872; padding:0; margin:0;}
div.maincontent h1{font-size:18px;font-weight:bold;}
div.maincontent h2{font-size:16px;font-weight:bold;}
div.maincontent h3{font-size:14px;font-weight:bold;}
div.maincontent h6{color:#444444;padding:0; margin:0;}
div.maincontent h5{color:#444444;padding:0; margin:0;}
div.maincontent h4{color:#444444;padding:0; margin:0;}
div.maincontent h4{font-size:18px;font-weight:bold;}
div.maincontent h5{font-size:16px;font-weight:bold;}
div.maincontent h6{font-size:14px;font-weight:bold;}
div.maincontent p{margin:4px 0;}

div.maincontent div.multicolumn{float:left;}
div.maincontent div.endspace{clear:both; height:10px;}

/*Side Adunit*/
div.maincontent div.adunit{float:left;}


/*Officer Page side unit*/
div.officersidemodule{float:left; width:235px;}
div.officersidemodule div.officermenu{width:233px;}
div.officersidemodule div.officerimg{width:233px;}
div.officersidemodule div.officerimg{ border:1px #e0e5ff solid;}
div.officersidemodule div.officermenu{margin:5px 0 0 0;}
div.officersidemodule div.officermenu a{width:233px;display:block; text-decoration:none; background-color:#eaedff; font-size:14px; font-weight:bold; height:20px;padding:2px 0 2px 0; text-align:center;border:1px #e0e5ff solid;}
div.officersidemodule div.officermenu a:hover{background-color:#195872; color:#FFFFFF;}

/*officer availability page*/
div.officersearchmodule{height:24px;}
div.officersearchmodule input{height:16px; border:1px #195872 solid; padding:2px; color:#444444; font-size:12px;float:left; width:250px}
div.officersearchmodule div.searchtext{float:left; color:#444444; width:140px; font-size:14px; font-weight:bold; margin:3px 0 0 492px;}
div.officersearchmodule div.searchbutton{float:left; margin:3px 0 0 5px;}
div.officerlist{width:928px; background-color:#e0e5ff; padding:5px; margin:5px 0 0 0; clear:both;}
div.officerlist div.listimg, div.officerlist div.assigned, div.officerlist div.description{float:left; }
div.officerlist div.assigned, div.officerlist div.description{margin:0 0 0 5px;background-color: #FFF; padding:2px 4px 2px 4px; height:86px;}
div.officerlist div.listimg{width:100px; height:90px;text-align:center;}
div.officerlist div.assigned{width:142px; text-align:center; vertical-align:middle;}
div.officerlist div.assigned div.text{margin:30px 0 0 0; font-size:16px; font-weight:bold;}
.officerassigned{color:#e00000;}
.officernotassigned{color:#008800;}
div.officerlist div.description{width:815px;background-color : #FFF;}
/*Rates Table*/
div.maincontent table.currentrates{width:250px; border-collapse:collapse;} 
div.maincontent table.currentrates th{text-align:left;}
div.maincontent table.currentrates td{padding:1px 4px 1px 0px;}

/*Footer*/
div.footer{width:968px; margin:0 auto; }
div.footer div.firstitem{margin:0 0 0 200px;display:inline;}
div.footer div.nextitem{margin:0 0 0 7px;}
div.footer div.logo{float:left;}
div.footer div.footertext{float:left; width:400px;}
div.footer p{margin:0; padding:0;}

.texthighlight {
color:#5B040A;
font-weight:bold;
}
a.applynow 
{
   width: 110px;
   height: 35px;
   display: block;
   background-color: Transparent;
   background-image: url(../img/applynow.png);
   background-position: left;
}
a.applynow:hover
{
   background-position: right;
}
div.officersidemodule ul 
{
   margin: 10px 0 10px 10px;
   padding: 0;
   list-style: none;
}
div.officersidemodule ul li
{
   margin: 5px 0;
}
.SUBMITFORM{
float:left;
width: 95px; 
height: 22px;
text-indent: -3000px;
overflow: hidden;
background:0 no-repeat;
background-image:url(../img/submitform.gif);
margin-right:3px;
}

.SUBMITFORM:hover{
background-position: -95px 0;
}

img 
{
   border: none;
}

.True_FONT
{
   font-weight: bolder;
}

div.CONTENT h2
{
    color: #996600;
    font-size: 12px;
    font-weight: bold;
    margin: 4px 0 0;
}

.rate_button{
   width: 110px;
   height: 35px;
   display: block;
   background-color: Transparent;
   background-image: url(../img/rates.png);
   background-position: left;
}

.rate_button:hover{
background-position: right;
}