/************* Site Colors ***************
#F1F1F1 light gray 
#BFBFBF dark gray 
#666666 grey navigation
#15788E link blue 
#8F2100 dark red 

Navigation:
#E7F1DF light yellow green / #DEF4CC yellow green 
#E3ECF5 light blue / #C4D5E6 blue 
#EEE3E3 light red / #f7d1d1 red 
#E6E3EF light purple / #D5D1E4 purple 
#F9F7E2 light yellow / #FBF7CA yellow
#d8ebe2 light green /#b8cec4 green
#f9e7d2 light peach / #efc490 peach

****************************************/

H1 {
color: #8F2100;
font: normal 20px Georgia, "Times New Roman", Times, serif;
line-height: 26px;
margin: 12px 0 18px 0;
}

H2, .PCname {
font: normal 16px Georgia, "Times New Roman", Times, serif;
font-weight: normal;
line-height: 22px;
margin: 12px 0;
}

H3 {
color: #8F2100;
font-size: 12px;
margin: 12px 0 6px 0;
}

H4 {
font-size: 12px;
margin: 6px 0;
}

H2, H3, H4, H5, H6, b, strong, .PCname {
font-weight: bolder;
}

.A {/* mock Outline*/ 
list-style-type: upper-alpha;
}

.a {/* mock Outline*/
list-style-type: lower-alpha;
}

.center {
text-align: center;
}

.right {
text-align: right;
}

p.clear {
clear: both;
margin: 0;
padding: 0;
}

.smallText {font: normal 9px verdana, lucida, sans-serif;}

/* Link Styles ********************************************/
.loginInput INPUT, .loginInput textarea {
font: normal 10px verdana, arial, lucida, sans-serif;
margin: 0;
padding: 0;
}

a:link, a:visited {
color: #15788E;
text-decoration: underline;
}

a:link:hover, a:visited:hover {
color: #8F2100;
text-decoration:none;
}

a:link:active, a:visited:active {
color: #8F2100;
text-decoration:none;
}

.more a:link:hover, .more a:visited:hover, .more a:link, .more a:visited {
font-size: 10px;
text-decoration:none;
}


/******************* List: Arrows (Img) *****************************************/

ul.arrowedList {
margin: 0;
padding: 0 10px 0 0;
}

li.arrowList {
background-image: url('/assets/images/icons/iconArrow.gif');
background-repeat: no-repeat;
background-position: 0 3px;
list-style-type: none;
list-style-position: outside;
margin-left: 8px;
margin-bottom: 10px;
padding-left: 18px;

}

/******************* Basic Layout *****************************************/
.layout {/* alert: tables still need 'cellspacing="0"' in the markup! */ 
margin: 0 auto;
width: 750px;
} 

.logo {
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image:url('/assets/images/logoHead.jpg');
	height:93px;
	width: 400px;
	float: left;
}

.logo a {
background-repeat: no-repeat; 
background-position: left bottom; 
background-image:url('/assets/images/logoHead.jpg');
display: block;
height:91px;
width: 750px;
}

.logo a span {
visibility: hidden;
}

.logo a:link, .logo a:visited, .logo a:hover, .more a:active {
text-decoration:none;
}


/******************* TOP NAVIGATION *****************************************/
#navcontainer {
background-color:transparent;
background-image: url('/assets/images/topNav/navBG.gif');
background-position: left top;
background-repeat: no-repeat;
height:31px;
margin: 0;
padding: 0;
width: 100%;
}

.menu {
background-color:transparent;
/*border-right:1px solid #fff;*/
color: #666666;
float: right;
height:31px;
margin: 0;
padding: 0;position:relative;
width:672px;
z-index:100;
}

* html .menu {/* hack to correct IE5.5 faulty box model, same px as above */
width:679px;
}

.menu a, .menu a:visited {/* style the links for the top level */
background-color:transparent;
color: #666666;
display:block;
height:26px;
margin: 0;
padding:3px 6px 2px 6px;
text-decoration:none;
width:83px;  /*subtract border and padding*/
}

* html .menu a, * html .menu a:visited {/*  hack so that IE5.5 faulty box model is corrected, same px as above */
width:83px;
}

.menu table {/* style the table so that it takes no part in the layout - required for IE to work */
border-collapse:collapse;
left:0;
position:absolute;
top:0;
}

/*First Level*/
.menu ul {/* remove all the bullets, borders and padding from the default list styling */
border: 0;
height: 32px;
list-style-type:none;
margin: 0;
padding: 0;
text-align: center;
/*width: 679px;*/
}

.menu li {/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
border-right: 1px solid #fff;
float:left;
font: bold 9px verdana, lucida, sans-serif;
margin: 0;
padding: 0;
position:relative;
/*width:97px;*/
}

/*Second Level*/
.menu ul ul {/* hide the sub levels and give them a positon absolute so they take up no room */
height:0;
left:0;
list-style-type:none;
margin: 0;
padding: 0;
position:absolute;
top:31px;
visibility:hidden;
}

* html .menu ul ul {/*  hack for IE5.5, same as above */
top:31px;
list-style-type:none;
}

.menu ul ul li {border-top: 1px solid #fff; border-right: none;}

.menu ul ul a, .menu ul ul a:visited {/* style the second level links */
background-color:transparent;
color: #666666;
font-weight: normal;
height:auto;
list-style-type:none;
margin: 0 1px 0 0;
padding:5px 10px;
width:76px;/*subtract border and padding*/
}

* html .menu ul ul a,* html .menu ul ul a:visited {/* hack for IE5.5, same px as above */
list-style-type:none;
width:76px;
}

.menu ul li:hover ul, .menu ul a:hover ul {/* make the second level visible when hover on first level list OR link */
list-style-type:none;
visibility:visible;
}

.menu a:hover, .menu ul ul a:hover, .menu :hover > a, .menu ul ul :hover > a {
background-color:transparent;
color: #666666;
list-style-type:none;
}

/* TOP NAVIGATION STYLES*/

.belowNavSpacer, .belowNavSpacerAbout, .belowNavSpacerNewMem, .belowNavSpacerMember, 
.belowNavSpacerEdu, .belowNavSpacerOpp, .belowNavSpacerGovAff, .belowNavSpacerCareer {
border-top: 1px solid #fff;
height: 6px;
width: 750px;
}

li.about, li.newMember, li.memberCenter, li.medEdu, li.bizOp, li.govAff, li.career {
/*border-bottom: 1px solid #fff;*/
list-style-type:none;
}

.belowNavSpacer {background-color: #666666;}
.belowNavSpacer a:hover {background-color: #666666;}

li.about,  li.about a:link, li.about a:visited, .belowNavSpacerAbout {background-color: #E7F1DF;}
.about ul:hover, .about li:hover, li.about a:hover, li.about a:active, .belowNavSpacerAbout a:hover {background-color: #DEF4CC;}

li.newMember,  li.newMember a:link, li.newMember a:visited, .belowNavSpacerNewMem {background-color: #E3ECF5;}
.newMember ul:hover, .newMember li:hover, li.newMember a:hover, li.newMember a:active, .belowNavSpacerNewMem a:hover {background-color: #C4D5E6;}

li.memberCenter,  li.memberCenter a:link, li.memberCenter a:visited, .belowNavSpacerMember {background-color: #eee3e3;}
.memberCenter ul:hover, .memberCenter li:hover, li.memberCenter a:hover, li.memberCenter a:active, .belowNavSpacerMember a:hover {background-color: #f7d1d1;}

li.medEdu,  li.medEdu a:link, li.medEdu a:visited,.belowNavSpacerEdu {background-color: #E6E3EF;}
.medEdu ul:hover, .medEdu li:hover, li.medEdu a:hover, li.medEdu a:active, .belowNavSpacerEdu a:hover {background-color: #D5D1E4;}

li.bizOp,  li.bizOp a:link, li.bizOp a:visited, .belowNavSpacerOpp {background-color: #F9F7E2;}
.bizOp ul:hover, .bizOp li:hover, li.bizOp a:hover, li.bizOp a:active, belowNavSpacerOpp a:hover {background-color: #FBF7CA;}

li.govAff,  li.govAff a:link, li.govAff a:visited, .belowNavSpacerGovAff {background-color: #d8ebe2;}
.govAff ul:hover, .govAff li:hover, li.govAff a:hover, li.govAff a:active, .belowNavSpacerGovAff a:hover {background-color: #b8cec4;}

li.career,  li.career a:link, li.career a:visited, .belowNavSpacerCareer {background-color: #f9e7d2;}
.career ul:hover, .career li:hover, li.career a:hover, li.career a:active, .belowNavSpacerCareer a:hover {background-color: #efc490;}

/****/
li.spacer {
background-color: transparent;
border-bottom: 1px solid white;
width: 200px;
}

/******************* SIDE NAVAGATION *****************************************/

.navlistcontainer {
float: left;
margin: 23px 0 0 0;
padding: 0;
width: 100%;
}

.navlist {
background-color: #F1F1F1;
color: #666666;
font: 11px verdana, sans-serif;
margin-left: 0;
padding: 1px;
width: 160px;
}

.navlist li {
border-top: 1px white solid;
list-style: none;
margin: 0;
text-align: left;
}

.navlist li a {
display: block;
height: 100%;
padding: 6px 20px 6px 10px;
text-decoration: none;
width: 130px;
}

.navlist li a:link, .navlist li a:visited {
color: #666666;
text-decoration: none;
}

H4.sidenav {
color: #000000;
margin: 20px 10px 0 10px;
}

.belowNavSpacer {
background-color: #DEF4CC:
}

.navlist li a:hover {
/*color: #8F2100; background-color: #E6E3EF;*/
}

/*******************Sidenav OVER states*****************************************/
.aboutOver {background-color: #def4cc;}
.newmemOver {background-color: #c4d5e6;}
.memberOver {background-color: #f7d1d1;}
.eduOver {background-color: #d5d1e4;}
.oppOver {background-color: #fbf7ca;}
.gofaffOver {background-color: #b8cec4;}
.careersOver {background-color: #efc490;}

.abouthome a:hover {
background-color:transparent;
background-image: url('/assets/images/topNav/navBGover.gif');
background-position: -71px top;
background-repeat: no-repeat;
}

/*******************Sidenav Images *****************************************/
.sideNavImageabout, .sideNavImagenewmem, .sideNavImagemember, .sideNavImageedu, .sideNavImageopp, .sideNavImagecontact {
background-repeat: no-repeat;
background-position: top left;
background-color: #F1F1F1;
border-bottom: 1px solid white;
border-top: 1px solid white;
margin: 0;
padding: 0 0 144px 0;
}

.sideNavImageabout {background-image: url('/assets/images/sideNav/sideNavAbout.jpg');}
.sideNavImagenewmem {background-image: url('/assets/images/sideNav/sideNavNewMem.jpg');}
.sideNavImagemember {background-image: url('/assets/images/sideNav/sideNavMember.jpg');}
.sideNavImageedu {background-image: url('/assets/images/sideNav/sideNavEdu.jpg');}
.sideNavImageopp {background-image: url('/assets/images/sideNav/sideNavOpp.jpg');}
.sideNavImagecontact {background-image: url('/assets/images/sideNav/sideNavContact.jpg');}
.sideNavImagemain {background-image: url('/assets/images/sideNav/sideNavAbout.jpg');}
.sideNavImagegovaff {background-image: url('/assets/images/sideNav/sideNavGovAff.jpg');}
.sideNavImagecareer {background-image: url('/assets/images/sideNav/sideNavCareer.jpg');}
/******************* SIDE SUB-NAVAGATION *****************************************/

.navlistSub {
margin: 0;
padding: 0;
}

.navlistSubMEMBER {
margin: 0;
padding: 0;
}

.navlist li li {
border: 0 none;
list-style: none;
margin: 0;
}

.navlist li li a {
border-bottom: 0;
display: block;
height: 100%;
margin: 0;
width: 135px;
}

.navlist li li a:link, .navlist li li a:visited {
background-color: #EEE3E3;
border-bottom: 0;
color: #666666;
margin: 0;
padding: 4px 0 3px 25px;
text-decoration: none;
}

.navlist li li a:hover, .navlist li li a:active {
border-bottom: 0;
color: #15788E;
text-decoration: underline;
}

/******************* BOTTOM NAVAGATION *****************************************/
#bottomNavContainer {
border-top: 1px solid black;
border-bottom: 1px solid black;
margin: 0 auto;
}

#bottomNavContainer ul {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

#bottomNavContainer ul li {
display: inline;
font-weight: bold;
list-style-type: none;
padding: 4px;
text-align: center;
}

#bottomNavContainer ul li a {
color: #666666;
font: bold 9px verdana, lucida, sans-serif;
height: 16px;
padding: 8px 26px 8px 33px;
text-decoration: none;
text-align: center;
}

#bottomNavContainer a:link, #bottomNav a:visited {
color: #000000;
text-decoration: none;
}

#bottomNavContainer a:hover, #bottomNav a:active {
color: #15788E;
text-decoration: none;
}

/******************* FOOTER *****************************************/
.footer {
font-size: 9px;
}

.footer1 {
float: left;
width: 435px;
}

.footer2 {
float: left;
width: 315px;
}

.footer a:link, .footer a:visited {
color: #666666;
text-decoration: underline;
}

.footer a:hover, .footer a:active {
color: #15788E;
text-decoration: none;
}

/******************* FORMS ONLY *****************************************/
.memberLogin {
	background-color: #F1F1F1;
	height: 190px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 8px;
	padding-bottom: 0;
	padding-left: 8px;
}

.searchForm {
margin: 0;
padding: 0 0;
text-align: right;
}

.loginText {
font-size: 10px;
margin: 6px 0 0 0;
padding: 0;
text-align: right;
}

p.error {
background-color: #ff0000;
background-image: url('/assets/images/icon/iconError.gif');
background-repeat: no-repeat;
background-position: 3px 3px;
border: 1px solid #000000;
color: #ffffff;
margin: auto 100px;
padding: 3px 3px 5px 27px;
}

/******************* "Content" Column *****************************************/

.contentCol {
background-image: url('/assets/images/dashedDiv2.gif');
background-repeat: repeat-y;
background-position: top right;
margin-top: 40px;
padding-right: 15px;
padding-bottom: 30px;
padding-left: 10px;
}

.auxCol {
padding: 0 10px 30px 20px;
margin-top: 40px;
}

.navCellBg {
background-color: #F1F1F1;
}

.navMember {
border-bottom: 1px solid white;
margin-bottom: 10px;
padding: 4px 10px 3px 10px;
width: 140px;
}

.reader {
border-top: 1px solid #F1F1F1;
margin: 50px 0 10px 0;
padding: 10px 0;
}


/******************* HOME PAGE ONLY *****************************************/
td.homeMission {
background-image: url('/assets/images/homeMainImg.gif'); 
background-repeat: no-repeat; 
background-position: left top;
height: 200px;
margin: 0;
padding: 0;
text-align:left;
width: 550px;
}

.homeMissionTxt {
margin: 10px 200px 10px 10px;
}

.homeColumnHead {
background-color: #BFBFBF;
padding: 8px 0 3px 0;
}

.dashed {
background-repeat: repeat-y; 
background-position: right top; 
background-image:url('/assets/images/dashedDiv1.gif');
}

.dashed2 {
background-repeat: repeat-y; 
background-position: right top; 
background-image:url('/assets/images/dashedDiv2.gif');
}

td.homeLogin {
background-color: #F1F1F1;
}

.homeColumnHead h3 {
color: white;
margin: 0;
padding: 0;
text-align: center;
}

.homeColumn {
padding: 15px 10px;
}

.floatLeft {
float: left;
margin-right: 12px;
}


/******************* Career Section Only *****************************************/

.careerWrap {
margin-top: 40px; 
padding: 0 10px 30px 15px;
}

.careerColL{
background-image: url('/assets/images/dashedDiv2.gif');
background-repeat: repeat-y;
background-position: top right;
float: left;
padding: 0 2% 0 0;
width: 47%;
}

.careerColR {
padding: 0 0 0 2%;
width: 47%;
}

.boxRt {
background-color: #ffffff;
background-image: url(/assets/images/box/Box_Rt.gif);
/*background-repeat: repeat-y;*/
background-position: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
.boxLt {
background-image: url(/assets/images/box/Box_Lt.gif);
background-repeat: repeat-y;
background-position: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;

}
.boxBotLt {
background-image: url(/assets/images/box/Box_BotLt.gif);
background-repeat: no-repeat;
background-position: right top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

.boxBotRt {
background-image: url(/assets/images/box/Box_BotRt.gif);
background-repeat: no-repeat;
background-position: left top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
.boxBack {
background-image: url(/assets/images/box/Box_Back.gif);
background-repeat: repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;

}
.boxBack h2, .boxBack h3 {text-align: center; margin: 6px 0;}

.boxBack h2 a:link, .boxBack h2 a:visited , .boxBack h3 a:link, .boxBack h3 a:visited {text-decoration: none;}
.boxBack h2 a:link:hover, .boxBack h2 a:visited:hover, .boxBack h3 a:link:hover, .boxBack h3 a:visited:hover {text-decoration: underline;}