
/*####################
##### HTML, BODY #####
#####################*/ 


body {
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 12px;
	color					: #003366;
	text-align				: center;
	margin					: 0px 0px 0px 0px;
	padding 				: 0px 0px 0px 0px;
	background-color		: #313637;
	background-image		: url(../images/bkgrndBtm.gif);
}


/*###################
##### CONTAINER #####
###################*/ 

#containerOuter{
	width					: 100%;
	height					: auto;
	margin					: 0px 0px 0px 0px;
	padding 				: 15px 0px 0px 0px;
	background-image		: url(../images/bkgrndTop.png);
	background-position		: top left;
	background-repeat		: repeat-x;
	
}

#container{
	width					: 800px;
	min-height				: 300px;
	margin					: 0px auto 0px auto;
	text-align				: left;
	display					: block;
	
}

*html #container{
	height					: 300px;
	
}

/*###############
##### FONTS #####
###############*/ 

 
 
p{
	padding					: 5px 0px 5px 0px;
	margin					: 0px 0px 0px 0px;
	font-size 				: 100%;
	line-height				: 1.4em;
}


h1{  /*  Page Titles */
	padding		 			: 5px 0px 0px 0px;
	margin					: 0px 0px 10px 0px;
	line-height				: 1.2em;
	font-size 				: 150%;
	font-weight				: normal;

}


h2{  /*  Teaser Titles */
	padding		 			: 5px 0px 5px 0px;
	margin					: 0px 0px 0px 0px;
	line-height				: 1.2em;
	font-size 				: 130%;
	font-weight				: bold;
}


h3{  /*  Teaser Headers */
	padding		 			: 0px 0px 0px 10px;
	margin					: 0px 0px 0px 5px;
	line-height				: 2.0em;
	font-size 				: 110%;
	font-weight				: normal;
	background-image		: url(../images/arrow.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}




/*#contentFull ul {
	padding 				: 0px 0px 0px 0px;
	margin					: 5px 0px 20px 30px;
	font-size 				: 115%;
}

#contentFull ul ul {
	padding 				: 0px 0px 0px 0px;
	margin					: 5px 0px 0px 30px;
	font-size 				: 100%;
}

#contentFull ul li{
	padding 				: 0px 0px 5px 5px;
	margin					: 0px 0px 0px 0px;
	line-height				: 1.4em;
}


#contentRight ul {
	list-style				: none;
	padding 				: 0px 0px 0px 0px;
	margin					: 5px 0px 0px 0px;
	font-size				: 80%;
}


#contentRight ul li{
	padding 				: 0px 10px 5px 12px;
	margin					: 0px 0px 5px 10px;
	font-size 				: 110%;
	line-height				: 1.4em;
	background-image		: url(../images/bullet.gif);
	background-position		: top left;
	background-repeat		: no-repeat;
}*/

a{
	color					: #666666;
	text-decoration			: none;
}

a:hover {
	color					: #000000;
	text-decoration			: underline;
}



/*################
##### HEADER #####
################*/ 


#header{
	width					: 800px;
	height 					: 144px;
	display					: block;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	background-image		: url(../images/bkgrndHeader.png);

}


#logo{
	margin					: 12px 0px 7px 15px;
	padding					: 0px 0px 0px 0px;
	border					: none;
	float					: left;
}


#address{
	margin					: 15px 15px 0px 0px;
	padding					: 0px 0px 0px 0px;
	border					: none;
	float					: right;
	text-align				: right;
	font-size				: 14px;
	font-weight				: bold;

}


/*################
### NAVIGATION ###
################*/ 


ul#headerNav{
	margin 					: 0px 0px 0px 1px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	clear					: both;
	list-style 				: none;
	width					: 798px;
	height					: 28px;
}


ul#headerNav li{
	display 				: inline;
}


ul#headerNav li a{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 10px 0px 10px;
	display 				: block;
	float 					: left;
	color					: #FFF;
	text-decoration 		: none;
	font-size 				: 11px;
	line-height				: 2.6em;
	height 					: 28px;
	text-transform			: uppercase;
	border-left				: 1px solid #496CBF;
	border-right			: 1px solid #6986CB;
	
}

*html ul#headerNav li a{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 12px 0px 12px;
	
}


#headerNav li a:hover{
	text-decoration 		: none;
	color					: #FFF;
	background-image		: url(../images/navHoverOver.jpg);
}

#headerNav li a.selected{
	text-decoration 		: none;
	color					: #FFF;
	background-image		: url(../images/navOver.jpg);
}




/*###############
#### CONTENT ####
###############*/ 
	
#content{
	display 				: block;
	margin					: 0px 0px 0px 0px;
	padding					: 10px 10px 0px 10px;
	width					: 778px;
	min-height			    : 400px;
	background-color		: #FFFFFF;
	border-left				: 1px solid #999999;
	border-right			: 1px solid #999999;
}
*html #content{
	height				    : 400px;
}

#contentRight{
	display 				: block;
	float					: right;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	width					: 480px;
	height					: auto;
}



/*#################
##### TEASERS #####
#################*/ 

.teaser{
	display					: block;
	float					: left;
	margin					: 10px 10px 0px 0px;
	padding					: 0px 0px 0px 0px;
	width					: 220px;
	height					: 138px;
	border					: 1px solid #999999;
}

.teaser h6{ 
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 10px;
	border					: 1px solid #666666;
	font-weight				: normal;
	background-image		: url(../images/bkgrndTeaserHeader.jpg);
	font-size				: 12px;
	color					: #FFFFFF;
	height					: 28px;
	line-height				: 2.4em;
}

.teaser img{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 8px 0px 0px;
	float					: left;
}

.teaser p{
	margin					: 0px 0px 8px 0px;
	padding					: 5px 5px 0px 0px;
	font-size				: 11px;
	line-height				: 1.3em;
}

.teaserLink a{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 12px;
	font-size				: 11px;
	background-image		: url(../images/arrow.gif);
	background-position		: left;
	background-repeat		: no-repeat;

}

.teaserLink a:hover{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 12px;
	background-image		: url(../images/arrowOver.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}

/*################
##### FOOTER #####
################*/ 

#footer{
	margin					: 0px auto 0px auto;
	padding					: 15px 15px 0px 15px;
	height					: 38px;
	width					: 770px;
	line-height				: 1.4em;
	font-size				: 11px;
	color					: #666666;
	clear					: both;
	background-image		: url(../images/bkgrndFooter.gif);
	background-position		: top left;
	background-repeat		: no-repeat;
}


#footer a {
	text-decoration			: none;
	color					: #444444;
}


#footer a:hover {
	color					: #000000;
	text-decoration			: underline;
}


#copyright{
	margin					: 0px;
	padding		 			: 5px 10px 0px 0px;
	float					: left;
	text-align				: left;
	
}


#footerLinks{
	float					: right;
	margin					: 0px;
	padding		 			: 5px 0px 0px 5px;
	text-align				: right;
}

#footerLinks a{
	padding		 			: 0px 5px 0px 5px;
}



/*###############
##### MISC. #####
###############*/ 

/*
.logoImg{
	margin					: 5px 23px 35px 23px !important;
	padding		 			: 0px;
	float					: left;
}


.btn a{
	margin					: 5px 5px 0px 0px;
	padding		 			: 0px 0px 0px 0px;
	float					: right;
	display					: block;
	background-image		: url(../images/bkgrndNav.gif);
	background-position		: bottom;
	height					: 18px;
	width					: 60px;
	text-decoration			: none;
	text-transform			: uppercase;
	text-align				: center;
	font-size				: 10px;
	line-height				: 1.8em;
	color					: #FFFFFF;
	border					: 1px solid #999999;
		
}

.btn a:hover{
	background-image		: url(../images/bkgrndNavOver.gif);
	background-position		: bottom;
	color					: #FFFFFF;
	text-decoration			: none;

		
}

*/


/*#########################
##### JOB SEARCH PAGE #####
#########################*/ 

/* JOB SEARCH BOX */
.jobSearch{
	margin					: 0px 0px 0px 0px;
	padding					: 5px 5px 5px 25px;
	border					: 1px solid #BBBBBB;
	background-color		: #CCCCCC;
	float					: right;
	background-image		: url(../images/searchArrow.gif);
	background-repeat		: no-repeat;
	background-position		: left;
}

.form{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
}

.ddmenu{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	font-size				: 11px;
	width					: 200px;
}

/* JOB SEARCH TABLE */
.jobTbl{
	margin					: 10px 0px 10px 0px;
	padding					: 0px 0px 0px 0px;
	font-size				: 100%;
	width					: 778px;
	border					: 1px solid #CCCCCC;
	background-color		: #EFEFEF;
}

.jobTbl td{
	margin					: 0px 0px 0px 0px;
	padding					: 5px 5px 5px 5px;
	vertical-align			: top;
}

.jobTbl p{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	line-height				: 1.4em;
}

.submitBtn{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	float					: right;
	font-weight				: normal;
	text-align				: center;
	color					: #FFF;
	text-decoration 		: none;
	font-size 				: 11px;
	line-height				: 1.8em;
	height					: 20px;
	width					: 80px;
	border					: 1px solid #999999;
	background-image		: url(../images/bkgrndTeaserHeader.jpg);
	background-position		: bottom;
	cursor					: pointer
}

.submitBtn:hover{
	background-image		: url(../images/navHoverOver.jpg);
	background-position		: bottom;
	color					: #FFF;
	text-decoration 		: none;
}


input.submitBtn{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	float					: right;
	font-weight				: normal;
	text-align				: center;
	color					: #FFF;
	text-decoration 		: none;
	font-size 				: 11px;
	line-height				: 1.2em !important;
	height					: 22px;
	width					: 100px;
	border					: 1px solid #999999;
	background-image		: url(../images/bkgrndTeaserHeader.jpg);
	background-position		: bottom;
	cursor					: pointer
}

input.submitBtn:hover{
	background-image		: url(../images/navHoverOver.jpg);
	background-position		: bottom;
}

/* CONTACT FORM */
.table{
	margin					: 10px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;

}

.table td{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 10px 5px 0px;	
	vertical-align			: top;

}


.textField{
	width					: 230px;
	height					: 16px;
	font-size				: 13px;
	font-family				: Arial, Helvetica, sans-serif;
}

.textArea{
	width					: 230px;
	height					: 80px;
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 12px;
}

.textUpload{
	width					: 230px;
	height					: 23px;
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 11px;
}
