@charset "UTF-8";
/* CSS Document */

body{
padding: 0px;
margin: 0px;
background-color: #E4E4E4;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 1.5em;
}

a {
outline: none;
color: #669900;
}

a:hover {
color: #003399;
text-decoration: none;
}

#clear{
	clear: both;
	}

#wrapper{
width: 1054px;
background-image: url(../images/backgrounds/bg-body.jpg);
background-position: top;
background-repeat: repeat-y;
}

#wrapper-wide{
width: 1054px;
background-image: url(../images/backgrounds/bg-body-wide.jpg);
background-position: top;
background-repeat: repeat-y;
}


/*-------------*/
/*HEADER STYLES*/
/*-------------*/
#header{
text-align: center;
width: 954px;
background-color: #003399;
}

#header-logo{
text-align: left;
width: 229px;
float: left;
}

#header-nav{
text-align: right;
width: 696px;
float: right;
color: #FFFFFF;
font-size: 14px;
}

#header-nav a{
color: #FFFFFF;
}

#header-nav a:hover{
text-decoration: none;
color: #669900;
}

#login-padding{
vertical-align: middle;
padding-top: 6px;
padding-left: 11px;
padding-right: 10px;
text-align: right;
}

#search-padding{
padding-top: 51px;
padding-right: 17px;
height: 51px;
_height: 25px; /*IE6 HACK*/
width: 363px;
}

.search-bar-padding{
padding-top: 8px;
float: left;
}

.search-button-padding{
float: right;
width: 48px;
}

.search-button-padding a{
outline: none;
}
/*-------------*/

/*---------------*/
/*MAIN NAVIGATION*/
/*---------------*/
html #hmenu {
margin-left: 27px;
_margin-left: 0px;/*IE6 HACK*/
padding-left: 41px;
background-image: url(../images/backgrounds/bg-main-nav.jpg);
background-repeat: repeat-x;
background-position: top;
width: 913px;
}

html #hmenu, x:-moz-any-link, x:default{
margin-left: 0px;
padding-left: 41px;
background-image: url(../images/backgrounds/bg-main-nav.jpg);
background-repeat: repeat-x;
background-position: top;
width: 913px;

}

html>body #hmenu{
*margin-left: 0px;
}

html #hmenu ul {
margin: 0px;
padding: 0px;
float: left;
list-style: none;
list-style-type: none;
list-style-position: outside;
}

html #hmenu ul li{
float: left;
margin: 0px;
padding: 0px;
_width: 1%;/*IE6 HACK*/
}

html #hmenu a{
display: block;
margin: 0px;
padding: 0px;;
}

html #hmenu a:hover {
 /* to insist on a redraw */
background-position: 1%;
}

html #hmenu li{
position: relative;
}

html #hmenu ul ul
{
position: absolute;
top: 0;
left: -16px;
}

html #hmenu ul li ul {
position: absolute;
top: 37px;
left: -16px;
width: 198px;
}

html #hmenu ul li ul li{
left: 0px;
border-bottom: thin;
border-bottom-color: #9DB2D8;
border-bottom-style: solid;
text-align: center;
height: 20.25px;
background-image: url(../images/backgrounds/bg-dropdowns.png);
}

html #hmenu ul li ul li a{
font-size: 12px;
text-decoration: none;
color: #FFFFFF;
}

html #hmenu ul li ul li a:hover{
text-decoration: none;
color: #669900;
}


html div#hmenu ul li ul,
html div#hmenu ul li:hover ul li ul,
html div#hmenu ul li ul:hover ul li{
display: none;
}

html div#hmenu ul li:hover ul,
html div#hmenu ul ul li:hover ul,
html div#hmenu ul ul ul li:hover ul{
display: block;
}

html #hmenu ul li ul li{
float: left; 
width: 100%; 
}

html #hmenu ul li a{
height: 100%;
} 
/*---------------*/

/*BANNER STYLES*/
#banner{
width: 954px;
}

#inner-wrapper{
width: 954px;
}

/*---------------*/
/*LEFT NAVIGATION*/
/*---------------*/
#left-nav{
float: left;
width: 229px;
height: 742px;
background-color: #FFF;
}

#left-nav-padding{
padding-top: 14px;
padding-left: 26px;
text-align: left;
color: #003399;
}

#left-nav-padding li{
list-style: none;
list-style-position: outside;
}

#left-nav-padding-left{
padding-left: 15px;
color: #003399;
}

#left-nav-padding-left:hover{
background-image: url(../images/backgrounds/bg-green-arrows.jpg);
background-repeat: no-repeat;
background-position: left;
font-size: 11px;
}

#left-nav-padding-left-selected{
padding-left: 15px;
background-image: url(../images/backgrounds/bg-green-arrows.jpg);
background-repeat: no-repeat;
background-position: left;
font-size: 11px;
}

#vmenu ul{
list-style-position: outside;
margin: 0px;
padding: 0px;
}

#vmenu ul ul{
list-style-position: inside;
margin: 0px;
padding: 0px;
}

#vmenu li ul li div div{
padding-left: 20px;
}

.left-nav-links{
font-size: 11px;
color: #003399;
}

.left-nav-links a{
text-decoration: none;
font-size: 11px;
color: #003399;
}

.left-nav-links:hover{
text-decoration: none;
font-size: 11px;
color: #669900;
}


.left-nav-links-selected a{
text-decoration: none;
font-size: 11px;
color: #669900;
}

.left-nav-links-selected:hover{
text-decoration: none;
font-size: 11px;
color: #669900;
}


/*ORANGE COLORED LEFT NAVIGATION*/

#left-nav-padding-orange{
padding-left: 9px;
}

#left-nav-padding-orange:hover{
background-image: url(../images/backgrounds/bg-services-nav.jpg);
}

#left-nav-links-orange{
padding-left: 14px;
padding-top: 19px;
}

#left-nav-links-orange a{
font-size: 11px;
color: #003399;
text-decoration: none;
}

#left-nav-links-orange a:hover{
color: #FFCC33;
}

/*MEMBERS NAVIGATION
#members-nav{
	background-image: url(../images/backgrounds/bg-dropdowns.png);
	background-repeat: repeat;
	}*/

/*---------------*/


/*--------------*/
/*CONTENT STYLES*/
/*--------------*/
#content-wrapper{
float: right;
width: 640px;
text-align: left;
padding-top: 28px;
padding-left: 60px;
padding-right: 22px;
padding-bottom: 60px;
}

#content-wrapper-wide{
text-align: left;
padding-top: 28px;
padding-left: 60px;
padding-right: 22px;
padding-bottom: 60px;
	}

#home-inner-wrapper{
width: 415px;
float: left;
}

#home-left-column{
float: left;
width: 250px;
padding-right: 33px;
}

#home-right-column{
float: right;
width: 250px;
padding-right: 100px;
}
/*--------------*/

/*------------*/
/*FORMS STYLES*/
/*------------*/
#white-bg{
	background-color: #FFF;
	}

#form-wrapper{
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	background-color: #FFF;
	line-height: normal;
	}
	
#form-wrapper input{
	color: #666;
	}
	
#form-wrapper-bg{
	padding: 5px;
	font-size: 7px;
	background-color: #CCC;
	border: #666 solid 1px;
	}
	
#form-wrapper-bg input{
	color: #666;
	width: 150px;
	}

/*DASHBOARD STYLES*/
#dashboard-outer-margin{
	margin-left: -50px;
	position: relative;
	/*IE6 HACKS*/
	_margin-left: -40px;
	}
	
#dashboard-shortage-outer-margin{
	margin-left: -50px;
	position: relative;
	/*IE6 HACKS*/
	_margin-left: -25px;
	}

#form-dashboard-wrapper{
	width: 700px;
	/*IE6 HACKS*/
	_width: 680px;
	}
	
#form-dashboard-shortage-wrapper{
	width: 700px;
	/*IE6 HACKS*/
	_width: 500px;
	}
	
#form-header{
	padding-top: 16px;
	padding-left: 29px;
	padding-right: 22px;
	color: #003399;
	background-image: url(../images/backgrounds/bg-forms-top.jpg);
	background-position: top;
	background-repeat: repeat-x;
	}
	
.form-title{
	font-size: 16px;
	font-weight: bold;
	}
	
#form-padding{
	padding-bottom: 10px;
	padding-right: 17px;
	}
	
#dashboard-titles{
	color: #FFF;
	font-size: 13px;
	line-height: normal;
	background-image: url(../images/backgrounds/bg-forms-header.jpg);
	background-position: top;
	background-repeat: repeat-x;
	border-right: #FFF 1px solid;
	}
	
#dashboard-titles-right{
	color: #FFF;
	font-size: 13px;
	line-height: normal;
	background-image: url(../images/backgrounds/bg-forms-header.jpg);
	background-position: top;
	background-repeat: repeat-x;
	}
	
#row-green{
	background-color: #FFF;
	}
	
#row-grey{
	background-color: #CCC;
	}
	
#row-divider{
	border-bottom: 1px #E8F5FE solid;
	}
	
#dashboard-elements{
	color: #666;
	font-size: 13px;
	line-height: normal;
	text-align: left;
	border-right: #FFF 1px solid;
	border-bottom: #FFF 3px solid;
	}
	
#dashboard-elements-right{
	color: #666;
	font-size: 13px;
	line-height: normal;
	text-align: center;
	background-color: #999;
	border-bottom: #FFF 3px solid;	
	}
	
#dashboard-elements-right a{
	color: #FFF;
	text-decoration: underline;
	}

#dashboard-elements-right a:hover{
	color: #003399;
	text-decoration: none;
	}
	
/*POP FORM STYLES*/
#popup-form-wrapper{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	background-color: #E5F4FF;
	}
	
#popup-form-header{
	height: 77px;
	background-image: url(../images/backgrounds/bg-popup-form-header.jpg);
	background-position: top;
	background-repeat: repeat-x;
	}
	
#popup-form-header-left{
	float: left;
	width: 252px;
	}

#popup-form-header-right{
	float: right;
	width: 200px;
	padding-top: 31px;
	color: #99CC00;
	font-size: 22px;
	}
	
#popup-form-content{
	padding-top: 11px;
	padding-left: 17px;
	padding-right: 8px;
	padding-bottom: 33px;
	color: #003399;
	font-size: 13px;
	}
	
#popup-form-content hr{
	height: 1px;
	border: 0px;
	border-bottom: #6699CC 1px solid;
	}
/*------------*/

/*-----------*/
/*FONT STYLES*/
/*-----------*/
.more-link{
font-size: 14px;
color: #669900;
}

.more-link a{
color: #669900;
}

.more-link a:hover{
color: #003399;
text-decoration: none;
}

.home-spotlight{
font-size: 12px;
}

.blue-text{
color: #003399;
}

.blue-text-lrg{
color: #003399;
font-size: 14px;
}

.blue-subtitle{
color: #003399;
font-size: 20px;
}

.blue-title{
color: #003399;
font-size: 24px;
font-weight: bold;
line-height: 1.25em;
}

/*WHITE TEXT*/
.white-text{
	color: #FFF;
	}

/*ORANGE TEXT*/

.orange-title{
font-size: 24px;
color: #FFCC33;
font-weight: bold;
line-height: 1.25em;
}

.orange-subtitle-with-indent{
color: #FFCC33;
font-size: 20px;
margin-left: -33px;
}

.orange-divider hr{
width: 680px;
border: 0px;
padding-bottom: 10px;
margin-left: -38px;
border-top-color: #FFCC33;
border-top-style: solid;
border-top-width: 2px;
}

/*DARK ORANGE*/

.dark-orange-title{
font-size: 24px;
color: #CC6600;
font-weight: bold;
line-height: 1.25em;
}

.dark-orange-subtitle-with-indent{
color: #CC6600;
font-size: 20px;
margin-left: -33px;
}

.dark-orange-divider hr{
width: 680px;
border: 0px;
padding-bottom: 10px;
margin-left: -38px;
border-top-color: #CC6600;
border-top-style: solid;
border-top-width: 2px;
}

/*GREEN TEXT*/

.green-title{
font-size: 24px;
color: #669900;
font-weight: bold;
line-height: 1.25em;
}

.green-subtitle-with-indent{
color: #669900;
font-size: 20px;
margin-left: -33px;
}

.green-subtitle{
	color: #669900;
font-size: 20px;
	}

.green-divider hr{
width: 680px;
border: 0px;
padding-bottom: 10px;
margin-left: -38px;
border-top-color: #669900;
border-top-style: solid;
border-top-width: 2px;
}

/*PURPLE TEXT*/

.purple-title{
font-size: 24px;
color: #9966CC;
font-weight: bold;
line-height: 1.25em;
}

.purple-subtitle-with-indent{
color: #9966CC;
font-size: 20px;
margin-left: -33px;
}

.purple-divider hr{
width: 680px;
border: 0px;
padding-bottom: 10px;
margin-left: -38px;
border-top-color: #9966CC;
border-top-style: solid;
border-top-width: 2px;
}

/*VIOLET TEXT*/

.violet-title{
font-size: 24px;
color: #9999CC;
font-weight: bold;
line-height: 1.25em;
}

.violet-subtitle-with-indent{
color: #9999CC;
font-size: 20px;
margin-left: -33px;
}

.violet-divider hr{
width: 680px;
border: 0px;
padding-bottom: 10px;
margin-left: -38px;
border-top-color: #9999CC;
border-top-style: solid;
border-top-width: 2px;
}

/*MAGENTA TEXT*/

.magenta-title{
font-size: 24px;
color: #CC0066;
font-weight: bold;
line-height: 1.25em;
}

.magenta-subtitle-with-indent{
color: #CC0066;
font-size: 20px;
margin-left: -33px;
}

.magenta-divider hr{
width: 680px;
border: 0px;
height: 10px;
margin-left: -38px;
border-top-color: #CC0066;
border-top-style: solid;
border-top-width: 2px;
}

/*LIGHT BLUE TEXT*/
.light-blue-text-lrg{
color: #003399;
font-size: 14px;
}

.light-blue-title{
font-size: 24px;
color: #00CCFF;
font-weight: bold;
line-height: 1.25em;
}

.light-blue-subtitle-with-indent{
color: #00CCFF;
font-size: 20px;
margin-left: -33px;
}

.light-blue-divider hr{
width: 680px;
border: 0px;
padding-bottom: 10px;
margin-left: -38px;
border-top-color: #00CCFF;
border-top-style: solid;
border-top-width: 2px;
}
/*-----------*/