/* ---- Global Site ----- 
  Header Blue: #064161
  Light Blue: #3287a3
  Dark Blue: #17375e
  Orange: #f38b3b
  Light Gray: #f0f0f0
----------------------- */

html, body{
   height: 100%;
   background-color: #ededed;
   font-family: arial, helvetica, verdana, sans-serif;;
   font-size: 12px;
   color: black;
   padding: 0px;
   margin: 0px;
   text-align: center;
}

#wrapper_home{
	width: 1000px;
	background-image: url('images/bg_blue.gif');
	background-repeat: repeat-y;
	height: 110%;
   position: relative;
   padding: 0;
	margin: auto;
}

#wrapper{
	width: 1000px;
	background-image: url('images/bg.gif');
	background-repeat: repeat-y;
	height: 100%;
   position: relative;
   padding: 0;
	margin: auto;
}


#container{
	background-color: white;
	width: 960px;
	text-align: left;
	padding: 0;
	margin: auto;
	position: relative;
}


/* ------- Header Styles ---------------------- */
#header{
	background-color: #064161;
	width: 960px;
	height: 91px;
	text-align: left;
	padding: 0;
	margin: auto;
	border-bottom-color: #f38b3b;
	border-bottom-style: solid;
	border-bottom-width: 8px;
	vertical-align: middle;
	position: relative;
}

#header img{
	float: left;
	margin: 0px;
	padding-top: 10px;
	padding-left: 10px;
	border: 0px;
	outline: none;
}

#header h2{
	float: left;
	margin: 0px;
	padding-top: 14px;
	padding-left: 10px;
	line-height: 30px;
}
.whiteHdr{font-size: 15px;	color: white;}
.blueHdr{font-size: 18px; color: #5a81b3;}

/* ------ Top Right Menu ---------------------- */
#contact{
   float: right;
   color: white;
   width: 78px;
   background-image: url('images/mail.gif');
   background-position: left;
   background-repeat: no-repeat;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-right: 15px;
   padding-left: 2px;
   text-align: right;
   font-size: 11px;
   font-weight: bold;
}

#contact a{color: white; text-decoration: underline;}
#contact a:visited{color: white;	text-decoration: underline;}
#contact a:hover{color: white; text-decoration: none;}

#top_menu{
   clear: right;
   float: right;
   padding-top: 10px;
   padding-right: 10px;
   color: white;
   text-align: right;
   margin: 0px auto;
}

#top_menu ul {
	overflow: hidden;
	padding: 0px;
	margin: 0px auto;
	list-style: none;
}

#top_menu ul li{
	padding: 0px;
	margin: 0px;
	display: inline;
}

#top_menu ul li a{
	border: 1px white solid;
	float: left;
	display: block;
	height: 24px;
	width: 90px;
	margin-left: 8px;
	padding: 8px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: white;	
	outline: none;
}

#top_menu li a:visited{
	color: white;
}

#top_menu li a:hover, #top_menu a.current_top{
   background: #f38b3b;
	color: white;
}

/* ----------- Subpage Menus ---------------- */

#left_nav{
   width: 220px;
   margin-bottom: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-left: -20px;
}

#left_nav ul{
   margin-bottom: 0px;
   margin-top: 0px;
}


#left_nav li{
	list-style: none;
	margin-bottom: 0px;
}

#left_nav li a{
   height: 20px;
   width: 200px;
   color: #17375e;
   display: block;
   text-decoration: none;
   padding-top: 10px;
   padding-left: 0px;
   border-bottom: #17375e 1px solid;
}

#left_nav li a:visited{
   color: #17375e;
   text-decoration: none;
   border-bottom: #17375e 1px solid;
}

#left_nav li a:hover{
   text-decoration: none;
   background: #f0f0f0;
   border-bottom: #17375e 1px solid;
}
.current_menu{
   text-decoration: none;
   background: #f0f0f0;
   border-bottom: #17375e 1px solid;
}

#left_nav li a:active{
   text-decoration: none;
   background: #f0f0f0;
   border-bottom: #17375e 1px solid;
}


/* ------- Content Styles --------------------- */
/* Generic Links */
a {text-decoration: underline; color: #17375e;}
a:visited {text-decoration: underline; color: #17375e;}
a:hover {text-decoration: none; color: gray;}

a.small {text-decoration: underline; color: #17375e; font-size: 10px;}
a.small:visited {text-decoration: underline; color: #17375e; font-size: 10px;}
a.small:hover {text-decoration: none; color: gray; font-size: 10px;}


a.white {text-decoration: underline; color: white;}
a.white:visited {text-decoration: underline; color: white;}
a:white:hover {text-decoration: none; color: gray;}


p{
   font-size: 12px;
   font-weight: normal;
   color: black;
   text-decoration: none;
   line-height: 18px;
   margin-top: 0px;
   margin-bottom: 16px;

}
.subtxt{margin-left: 20px;}

h1{
   font-size: 24px;
   font-weight: bold;
   color: black;
   text-decoration: none;
   margin-top: 18px;
   margin-bottom: 18px;
}

h4{
   font-size: 18px;
   font-weight: bold;
   color: #17375e;
   text-decoration: none;
   margin-top: 18px;
   margin-bottom: 2px;
}

h5{
   font-size: 14px;
   font-weight: bold;
   color: #17375e;
   text-decoration: underline;
   margin-top: 18px;
   margin-bottom: 2px;
}

h5.plain{
   text-decoration: none;
}

/* --------- General table related styles ------------- */
td{vertical-align:top;}
td.normal{font-size: 12px; line-height: 16px;}
td.nowrap{white-space: nowrap;}
td.header{font-size: 14px; color: #17375e; line-height: 16px; margin-bottom: 3px;}

/* --------- General form related styles ------------- */
input.flat, select.flat{background: #f0f0f0; border: 1px #17375e solid;}
textarea{background: #f0f0f0; border: 1px #17375e solid;}

.imglink{
   border: 0px;
   outline: none;
}

.map_image{
   border-top: 5px #f38b3b solid;
   border-bottom: 5px #f38b3b solid;
}

ul.bluedot{
   list-style-type: none;
   padding: 0px;
   margin-top: 12px;
   margin-left: 10px;
}

ul.bluedot li{
   background-image: url(images/blue_dot.gif);
   background-repeat: no-repeat;
   background-position: 0px 5px; 
   padding-left: 10px;
   margin-bottom: 12px;
}

ol li{
   margin-bottom: 16px;
}

#banner{
	clear: both;
	width: 960px;
	text-align: left;
	padding: 0;
	background-color: #17375e;
	border-bottom-color: #17375e;
	border-bottom-style: solid;
	border-bottom-width: 3px;
}

#home_left_content{
   float: left;
   width: 470px;
   padding-top: 7px;
   padding-left: 10px;
   padding-bottom: 10px;
   font-size: 14px;
   line-height: 20px;
}

#home_left_content h2{
	font-size: 20px;
	font-weight: bold;
	color: #17375e;
	margin-top: 0px;
	margin-bottom: 3px;
}

#home_left_content hr{
   height: 1px;
	color: #17375e;
	background-color: #17375e;
}

#home_right_content{
   float: right;
   width: 450px;
   padding: 10px;
   position: relative;
}

#news{
   border: 1px #17375e solid;
   background-color: #f0f0f0;
   margin: 2px;
   padding: 2px;
   position: relative;
}

#news_header{
   margin: 0px;
   padding: 4px;
   background-color: #3287a3;
   font-size: 16px;
   font-weight: bold;
   color: white;
   position: relative;
}

#news ul{
   list-style-type: none;
   padding: 0px;
   margin-left: 10px;
}

#news ul li{
   background-image: url(images/blue_dot.gif);
   background-repeat: no-repeat;
   background-position: 0px 5px; 
   padding-left: 14px;
   margin-bottom: 14px;
}

#employees{
   border: 1px #17375e solid;
   background-image: url('images/employee_corner.jpg');
   background-repeat: no-repeat;
   margin: 2px;
   padding: 8px;
   position: relative;
}

#employees h5{
   font-size: 14px;
   font-weight: bold;
   line-height: 10px;
   margin-bottom: 3px;
   margin-top: 2px;
}

#employees p{
   line-height: 16px;
   margin-bottom: 2px;
   margin-top: 2px;
}


#left_content{
   width: 240px;
   float: left;
   padding: 0px;
   margin-left: 0px;
   line-height: 14px;
}

#right_content{
   float: left;
   text-align: left;
   width: 710px;
   padding: 0px;
}

#intro_text{
   text-align: left;
   padding: 0px;
   font-size: 14px;
   font-weight: normal;
   color: black;
   text-decoration: none;
   line-height: 20px;
}
#intro_text img{border: 1px #17375e solid;}

#intro_text p{
   text-align: left;
   padding: 0px;
   font-size: 14px;
   font-weight: normal;
   color: black;
   text-decoration: none;
   line-height: 20px;
}


#main_text{
   float: left;
   text-align: left;
   width: 480px;
   padding: 0px;
}
#main_text img{border: 1px #17375e solid;}
#main_text img.noborder{border: 0px;}

#side_notes{
   float: left;
   width: 200px;
   border: 1px #17375e solid;
   padding: 10px;
   background: #f0f0f0;
}

#side_notes_narrow{
   float: left;
   width: 165px;
   border: 1px #17375e solid;
   padding: 10px;
   background: #f0f0f0;
}


#gotomeeting{
   float: left;
   width: 200px;
   margin-top: 10px;
   border: 0px;
   padding: 10px;
   text-align: center;
}

#career_post, #news_page{
width:600px;
}
#news_page img{border: 1px #17375e solid;}

table.job_listings{width: 100%; border: 0px;}
table.job_listings th{padding: 4px; background: gray; text-align: left; color: white;}
table.job_listings td{padding: 4px; border-bottom: 1px #f0f0f0 solid; text-align: left;}

table.job_detail{width: 100%; border: 0px;}
table.job_detail td{padding: 4px; border-bottom: 1px #f0f0f0 solid; text-align: left;}

#main_right{
   float: left;
   width: 200px;
   padding: 0px;
   text-align: center;
}
#main_right img{border: 1px #17375e solid;}

#breadcrumbs{
   height: 20px;
   border-bottom: 1px #17375e solid;
   padding-left: 10px;
   padding-top: 10px;
   margin: 0px;
}

#breadcrumbs img{
   margin-left: 5px;
}

#breadcrumbs ul {
	overflow: hidden;
	padding: 0px;
	margin: 0px auto;
	list-style: none;
}

#breadcrumbs ul li{
	padding: 0px;
	margin: 0px;
	display: inline;
}

#breadcrumbs ul li a{
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	color: #17375e;	
	outline: none;
}

#breadcrumbs li a:visited{
	color: #17375e;
}

#breadcrumbs li a:hover, #breadcrumbs li .current{
	color: #17375e;
	text-decoration: underline;
}

#cleaner_home{
   clear: both;
	background-color: white;
	width: 960px;
	text-align: left;
	padding: 0;
	margin: auto;
	border-bottom-color: #f38b3b;
	border-bottom-style: solid;
	border-bottom-width: 8px;
	position: relative;
}

#cleaner{
   clear: both;
	background-color: white;
	width: 960px;
	height: 20px;
	text-align: left;
	padding: 0;
	margin: auto;
	position: relative;
}

/* ------- Footer Styles ----------------------- */
#home_footer{
   clear: both;
   float: right;
   font-size: 10px;
   color: white;
   padding-top: 10px;
   padding-right: 30px;
}

#footer{
   clear: both;
   width: 960px;
   text-align: right;
   font-size: 10px;
   color: #17375e;
   padding-top: 10px;
   margin: 0px;
   background-color: white;
}