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

body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color:#EBF2FA;
}
	
	
/*------------ Global --------------------------------------------------------*/

#container { 
	width: 1030px;
	background: #eff0f5;
	margin: 0;
	text-align: left;}

 
/*p, ul, li, div, ul , ol, li, dl, dt, dd, td*/
p, div, dl, dt, dd, td {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #333333
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	line-height: normal;
	font-weight: bold;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: normal;
	font-weight: bold;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: normal;
	font-weight: bold;
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
	
h1, h2, h4, h5 {
	margin: 0; padding: 0}
	
div img {
	margin: 0; padding: 0}
	
img {border: none}
	
	a,
	a:link 
	a:active {
	   text-decoration: none; background-color: inherit; color: #3b73b9}
	
	a:visited {
	   text-decoration: none; background-color: inherit; color: #3b73b9}
	
	a:hover {
	   text-decoration: underline; color: #3b73b9}
.spot_color { color: #005798;}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;}
	
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;}
	
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;}

.clearfix:after { content: ".";
	display: block; height: 0;
	clear: both;
	visibility: hidden; }
	
.imgCenter {
	position: relative;
	left:5px; top:5px}
	
.middle {
	vertical-align: middle;
	padding-right: 6px}

img.floatRight { 
    float: right; 
    margin: 0px 0px 4px 12px; }

.imgBtm{ margin-bottom: 6px 0}

.end_of_content {
	border-top-width: thin;
	border-top-style: solid;
	border-right-style: none;
	border-left-style: none;
	border-top-color: #8BA4CC;
	height: 5px;
}

.callout_box {
	border: thin solid #ffe384;
	height: 5.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin-top: 12px;
	margin-right: 5px;
	float: none;
	clear: none;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.content_box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.3em;
	font-weight: normal;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 21px;
	
}
 

/*------------ Top Menu --------------------------------------------------------*/

.nav_bar_backgrounding {
	border-top-width: 2px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #658BBA;
	border-bottom-color: #658BBA;
	background-color: #005696;
}
#topNavWrp {
	position: relative;
	left: 21px;
	top: 3px;
	width: 930px;
	height: 30px;
	align: center;
	background: none;
	z-index: 20
}
	
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu-t {
	border: 0 none; /*For KHTML*/
	list-style: none;
	height: 28px;
	width: 900px;
	padding-top: 0;
	padding-right: 5;
	padding-bottom: 0;
	padding-left: 0;
}

ul#navmenu-t li {
	margin: 0;
	border: 0 none;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
    width: 130px;
	height: 25px;
	padding-top: 0;
	padding-right: 5;
	padding-bottom: 0;
	padding-left: 5;
}

ul#navmenu-t ul {
	
	list-style: none;
	display: none;
	position: absolute;
	top: 23px;
	left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

ul#navmenu-t ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/20px serif;
  content: ".";
  height: auto;
  visibility: hidden;}

ul#navmenu-t ul li {
  width: 155px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/}

/* Root Menu */
ul#navmenu-t a {
  padding: 0 8px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block !important;
  background: none;
  color: #FFF;
  font: bold 12px/24px  Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 20%; /*For IE*/}
  
ul#navmenu-t li a.on {
	color: #005696;
	background-color: #EBF2FA;
}

ul#navmenu-t li a.on:hover, 
ul#navmenu-t li a.on:hover a,
ul#navmenu-t li a.on:iehover a {
	color: #31631E;
	background-color: #EBF2FA;
}

/* Root Menu Hover Persistence */
ul#navmenu-t a:hover,
ul#navmenu-t li:hover a,
ul#navmenu-t li.iehover a {
	display: block !important;
	color: #FFCC33;
	background-image: url(../site_images/spacer.gif);
}
  

/* 2nd Menu */
ul#navmenu-t li:hover li a,
ul#navmenu-t li.iehover li a {
	font-size: 11px;
	font-weight: normal;
	float: none;
	background: #fff;
	color: #005696;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #8BA4CC;
	border-left-color: #CCC;
	overflow: visible;
	}


ul#navmenu-t li.last {
	border-bottom: 1px solid #CCC}

/* 2nd Menu Hover Persistence */
ul#navmenu-t li:hover li a:hover,
ul#navmenu-t li:hover li:hover a,
ul#navmenu-t li.iehover li a:hover,
ul#navmenu-t li.iehover li.iehover a {
	background: #fff;
	color: #B4C9AB;
	text-decoration: underline;
}

/* 3rd Menu */
ul#navmenu-t li:hover li:hover li a,
ul#navmenu-t li.iehover li.iehover li a {
  background: #EEE;
  color: #333;}

/* 3rd Menu Hover Persistence */
ul#navmenu-t li:hover li:hover li a:hover,
ul#navmenu-t li:hover li:hover li:hover a,
ul#navmenu-t li.iehover li.iehover li a:hover,
ul#navmenu-t li.iehover li.iehover li.iehover a {
  background: #fff;
  color: #3b73b9;}

/* 4th Menu */
ul#navmenu-t li:hover li:hover li:hover li a,
ul#navmenu-t li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;}

/* 4th Menu Hover */
ul#navmenu-t li:hover li:hover li:hover li a:hover,
ul#navmenu-t li.iehover li.iehover li.iehover li a:hover {
	background: #CCC;
	color: #99CCCC;
}

ul#navmenu-t ul ul,
ul#navmenu-t ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-t li:hover ul ul,
ul#navmenu-t li:hover ul ul ul,
ul#navmenu-t li.iehover ul ul,
ul#navmenu-t li.iehover ul ul ul {
  display: none;}

ul#navmenu-t li:hover ul,
ul#navmenu-t ul li:hover ul,
ul#navmenu-t ul ul li:hover ul,
ul#navmenu-t li.iehover ul,
ul#navmenu-t ul li.iehover ul,
ul#navmenu-t ul ul li.iehover ul {
  display: block;}
  
ul#navmenu-t li.dropShadow {
	margin-top: 8px;
	background-image: url(../site_images/bg_dropmenu.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
	
ul#navmenu-t li.dropShadow2 {
	height: 3px;
	padding-bottom: 2px;
	background-image:  url(../site_images/spacer.gif);
	background-repeat: no-repeat;
	background-position: left top;
    margin-top: 0px !important;
	margin-top: -13px;/*For IE*/
    margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}


/*--------------- footer ---------------------------------------------------*/


#footer { 

	margin: 0 15px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	}

ul#footerList {

	padding-top: 8px;
	line-height: normal;
	text-align: center
}

#footerList li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline}

#footerList li a {

	color: #005696;
	text-decoration: none
}

#footerList li a:link, .footerList li a:visited {
	color: #005696}

#footerList li a:hover {
	color: #3b73b9}	

.center {
font-size: .9em;
	line-height: 1.5em;
	text-align: center;
	padding-bottom: 8px}

.footer_box {
	height: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top-width: thin;
	border-top-style: solid;
	border-right-style: none;
	border-left-style: none;
	border-top-color: #8BA4CC;
}


/*---front page columns---*/

.column_1 {
	/*background-color: #EBF2FA;
	margin-right: 15px;*/
	background-image: url(../site_images/blue_bottom_graphic_v2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 300px;
}
.column_1_text {
	padding-top: 18px;
	padding-right: 15px;
	padding-bottom: 12px;
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 1.5em;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	color: #FFFFFF;
}
.column_2 {
	/*background-color: #D6EACF;
	margin-right: 15px;*/
	background-image: url(../site_images/green_bottom_graphic_v2.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 300px;
}
.column_2_text {
	padding-top: 18px;
	padding-right: 15px;
	padding-bottom: 12px;
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 1.5em;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
}
.column_3 {
	/*background-color: #FFF8DE;
	margin-left: 1.1em;*/
    background-image: url(../site_images/gold_bottom_graphic.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 300px;
	}
.column_3_text {
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 1.5em;
	font-style: italic;
	font-weight: bold;
	text-align: left;
}
.subheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #333333;
	padding-bottom: 5px;
	padding-left: 12px;
	padding-top: 8px;
}

/*--- secondary page right hand column----*/

/*---colors (listed darkest to lightest)
blues - job seekers
#005596
#8BA4CC
#EBF2FA

greens - employers
#31631E
#6C915E
#D7EBCF

golds - members and general
#FFCC66
#FFE385
#FFEAA9
#FFF8DE

---*/

/*--- job seeker ---*/
.sidebar_box {
	background-color: #8BA4CC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
	width: 94%;
}
.img {
	margin-top: 0px;
	margin-bottom: 2px;
	margin-right: 0px;
	margin-left: 0px;
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #005596;
}
.sidebar_callout_1 {
	border: thin solid #005596;
	height: 4.68em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	float: none;
	clear: none;
	background-color: #FFFFFF;
	line-height: 1.1em;
	font-weight: normal;
	margin: 5px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}

/*--employers--*/
.sidebar_box2 {
	background-color: #6C915E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
	width: 94%;
}
.img2 {
	margin-top: 0px;
	margin-bottom: 2px;
	margin-right: 0px;
	margin-left: 0px;
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #31631E;
}
.sidebar_callout_2 {
	border: thin solid #31631E;
	height: 4.68em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	float: none;
	clear: none;
	background-color: #FFFFFF;
	line-height: 1.1em;
	font-weight: normal;
	margin: 5px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
/*---members and about us---*/
.sidebar_box3 {
	background-color: #FFEAA9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: bold;
	color: #333333;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
	width: 94%;
}
.img3 {
	margin-top: 0px;
	margin-bottom: 2px;
	margin-right: 0px;
	margin-left: 0px;
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #FFCC66;
}
.sidebar_callout_3 {
	border: thin solid #FFCC66;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	float: none;
	clear: none;
	background-color: #FFFFFF;
	line-height: 1.1em;
	font-weight: normal;
	margin: 5px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
/*---end right hand column css---*/

.nav_borders {
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #03589B;
	border-bottom-color: #03589B;
}
.content_box li, ul{
	margin: 0;
	text-align: left;
	color: #333333;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.content_box ol {
	list-style-type: decimal;
	text-align: left;
	color: #333333;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0 0 0 12px;
	}
.top_line_blue {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #8BA4CC;
}
.breadcrumbs {
	font-size: 0.9em;
	color: #333333;
	padding-left: 21px;
	padding-top: 12px;
	padding-bottom: 5px;
}
.breadcrumbs a:link{
	color: #00579A;
	text-decoration: underline;
}
.header {
	padding-left: 21px;
	padding-top: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	line-height: normal;
	font-weight: bold;
}
.sidebar_date_wh {
	font-size: 12px;
	color: #8BA4CC;
	text-align: center;
	padding-top: 50px;
	float: right;
	width: 155px;
	font-weight: bold;
	margin-right: 18px;
}
.column_1 .column_1_text a {
	color: #005595;
}
.column_1 .column_1_text a:hover {
	text-decoration: underline;
}
.column_2 .column_2_text a {
	color: #31422B;
}
.column_2 .column_2_text a:hover {
	text-decoration: underline;
}
.column_3 .column_3_text a {
	color: #E88B00;
}
.column_3 .column_3_text a:hover {
	text-decoration: underline;
}

.suspension_notice
{
	margin-left: auto;
	margin-right: auto;
	display: block;
}