/* Styles */

/* ----- Global ---- */

html, body{ 									/* full height */						/* change bg color */
	font-family: Arial, Helvetica, sans-serif;		/* change font face */
	color: #566088;									/* change font color */
	font-size: 12px; 								/* change font size */
	margin: 0;										/* margin's = 0 */
}

#main_table{
	padding-left: 28px;
	padding-right: 28px;
}

a{
	font-family: Arial, Helvetica, sans-serif;		/* change font face */
	color: #566088;									/* change font color */
	font-size: 11px; 
}

a:hover{
	font-family: Arial, Helvetica, sans-serif;		/* change font face */
	color: #213b5c;									/* change font color */
	font-size: 11px; 
}

/* -- main nav -- */
#main_nav { position: absolute; top: 207px; left: 0px; width: 710px; }
#main_nav ul, #main_nav ul li { margin: 0; padding: 5px;}
#main_nav ul { display: block; padding-top: 7px; padding-left: 11px; }
#main_nav ul li { display: inline; padding: 5px; }
#main_nav a { font-family: Arial, Helvetica, sans-serif; color: #00328b; font-weight: bold; font-size: 12px; text-decoration: none; padding: 5px 12px 5px 3px; elevation: above;  }
#main_nav a:hover { text-decoration: none; color: #808cc5; }

/*///////////////////////////////////////////////////////
/////////////////  INDEX PAGE ///////////////////////////
///////////////////////////////////////////////////////*/

#index_blue_left{
	position: relative;
	top: 0px;
	left: 0px;
	padding: 10px;
}

#index_blue_right{
	position: absolute;
	top: 10px;
	left: 322px;
	width: 155px;
	padding: 10px;
}

#input { padding-left: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #213b5c; margin-bottom: 2px; margin-top: 2px; border: solid thin; border-width: 1px; border-color: #999999; }


/*///////////////////////////////////////////////////////
/////////////////  STAFF AREA ////////////////////////////
///////////////////////////////////////////////////////*/

#staff_pic{ 
	border-left: 0px;
	padding: 0px;
}

/*///////////////////////////////////////////////////////
/////////////////  MAIN AREA ////////////////////////////
///////////////////////////////////////////////////////*/

#right_bar{
	position: relative;
	top: 0px;
	background: url(../images/main_fade.gif);
	background-repeat: repeat-x;
}

#right_bar_main{
	padding: 15px 15px 5px 15px; 
	border-left: thin solid; 
	border-left-width: 1px; 
	border-left-color: #ccc;
}

#blue_bar{
	/*background: #bec6e0;*/
	background: #96a1c6;
	padding: 3px 10px 3px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}

#blue_box{
	position: relative;
	background: #ebedf5;
	padding: 10px;
	border-top: thin solid;
	border-top-width: 3px;
	border-top-color: #ffffff;
}

#outline_box_forest{
	position: relative;
	padding: 10px;
	border: thin solid;
	border-width: 1px;
	border-color: #acab4e;
}

#outline_box_blue{
	position: relative;
	padding: 10px;
	border: thin solid;
	border-width: 1px;
	border-color: #bec6e0;
}

#outline_box_orange{
	position: relative;
	padding: 10px;
	border: thin solid;
	border-width: 1px;
	border-color: #ffae3a;
}

#outline_box_pink{
	position: relative;
	padding: 10px;
	border: thin solid;
	border-width: 1px;
	border-color: #f2b0df;
}

#outline_box_purple{
	position: relative;
	padding: 10px;
	border: thin solid;
	border-width: 1px;
	border-color: #b780fa;
}

#outline_box_yellow{
	position: relative;
	padding: 10px;
	border: thin solid;
	border-width: 1px;
	border-color: #ffba00;
}

#outline_box_taupe{
	position: relative;
	padding: 10px;
	border: thin solid;
	border-width: 1px;
	border-color: #c8c5ac;
}



/*////////////////////////////////////////////////////////
///////////////   LEFT SIDE BAR //////////////////////////
////////////////////////////////////////////////////////*/

#left_bar{
	position: relative;
	top: 0px;
	width: 202px;
	background: url(../images/main_fade.gif);
	background-repeat: repeat-x;
	padding: 10px 0px 10px 10px;
}

#left_content{
	 padding-left: 10px;
}

#left_content2{
	 padding-left: 0px; 
	 padding-right: 10px;
}

#left_title_forest{
	background: #888600;
	padding: 5px 10px 5px 10px;
	width: 172px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
}

#left_box_forest{
	background: #acab4e;
	padding: 10px;
	width: 172px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
	border-top: thin solid;
	border-top-width: 3px;
	border-top-color: #ffffff;
}

#left_title_pink{
	background: #c41e99;
	padding: 5px 10px 5px 10px;
	width: 172px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
}

#left_box_pink{
	background: #f2b0df;
	padding: 10px;
	width: 172px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
	border-top: thin solid;
	border-top-width: 3px;
	border-top-color: #ffffff;
}

#left_title_blue{
	background: #007cd1;
	padding: 5px 10px 5px 10px;
	width: 172px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
}

#left_box_blue{
	background: #74b3e1;
	padding: 10px;
	width: 172px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
	border-top: thin solid;
	border-top-width: 3px;
	border-top-color: #ffffff;
}

#left_title_orange{
	background: #ff8c04;
	padding: 5px 10px 5px 10px;
	width: 172px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
}

#left_box_orange{
	background: #ffae3a;
	padding: 10px;
	width: 172px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
	border-top: thin solid;
	border-top-width: 3px;
	border-top-color: #ffffff;
}

#left_title_purple{
	background: #3b0084;
	padding: 5px 10px 5px 10px;
	width: 172px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
}

#left_box_purple{
	background: #b780fa;
	padding: 10px;
	width: 172px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
	border-top: thin solid;
	border-top-width: 3px;
	border-top-color: #ffffff;
}

#left_title_yellow{
	background: #ffa801;
	padding: 5px 10px 5px 10px;
	width: 172px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
}

#left_box_yellow{
	background: #ffba00;
	padding: 10px;
	width: 172px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
	border-top: thin solid;
	border-top-width: 3px;
	border-top-color: #ffffff;
}

#left_title_taupe{
	background: #ada576;
	padding: 5px 10px 5px 10px;
	width: 172px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
}

#left_box_taupe{
	background: #c8c5ac;
	padding: 10px;
	width: 172px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
	border-top: thin solid;
	border-top-width: 3px;
	border-top-color: #ffffff;
}

#left_box{
	background: #ebedf5;
	padding: 10px;
	width: 172px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7887be;
	font-weight: normal;
	border-top: thin solid;
	border-top-width: 5px;
	border-top-color: #ffffff;
}

#left_list{
	padding: 2px 10px 2px 10px;
}

/*//////////////////////////////////////////////////////////
////////////////  FOOTER STYLES ////////////////////////////
//////////////////////////////////////////////////////////*/

#footer_bar_forest{
	background: #787602;
	height: 20px;
}

#footer_bar_pink{
	background: #c41e99;
	height: 20px;
}

#footer_bar_blue{
	background: #007cd1;
	height: 20px;
}

#footer_bar_orange{
	background: #ff8c04;
	height: 20px;
}

#footer_bar_purple{
	background: #3b0084;
	height: 20px;
}

#footer_bar_yellow{
	background: #ffa801;
	height: 20px;
}

#footer_bar_taupe{
	background: #ada576;
	height: 20px;
}

/*///////////////////////////////////////////////////////////
/////////////////  	TEXT STYLES /////////////////////////////
///////////////////////////////////////////////////////////*/

.error{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
}

.bblue_header{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #213b5c;
}

.forest_header{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #787602;
}

.pink_header{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #c41e99;
}

.blue_header{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #007cd1;
}

.blue_link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #7887be;
}

.orange_header{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ff8c04;
}

.purple_header{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3b0084;
}

.yellow_header{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffba00;
}

.taupe_header{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ada576;
}

.grey_header{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #a2a2a2;
}

.white_link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: underline;
}

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

.ol_list li{
	margin-left: -15px;
}

.center {
  text-align: center;
  padding: 15px 0 0;
}

.image {
  padding: 15px 0 0;
}