@charset "utf-8";
body {
	font: .9em Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0; 	padding: 0;
	text-align: center; /* centers the container in IE 5*. The text is then set to left aligned default in #container selector */
	color: #000;
}
a:link, a:visited { 
	color: #0C817D; /*#002B6A; 23767A  1B8986  */
	text-decoration:none;
}

a:focus, a:hover, a:active { 
	color:#999;
}
/* define below for links within H2, H3  */
a img {
	border:none;
}

#container {
	width: 850px;  
	background: #ffc;
	margin: 5px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #666;
	text-align: left; /* this overrides text-align:center on body element. */
}
#header {
	/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
}
#nav {
	margin: 0;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: .9em;
	font-weight: bold;
	width:100%;	
	height:39px;	
	background:url(images/navBg.jpg) no-repeat center;
	text-align:center;
}
#nav ul {
	margin:0;
	/*padding-left: 20px;*/
	padding-top:10px;
	list-style:none;
}
#nav li {
	display:inline;
	margin-right: 30px;
}
#nav li a, #footer a {
	text-decoration:none;
}
#nav, #nav a, #footer, #footer a { /*color should match h1/h2/h3 and header txt*/
	color:#002B6A;
}
#nav a:hover, #nav a:active, #nav a:focus, #footer a:hover, #footer a:active, #footer a:focus {
	color:#fff;
}
#barPhotos {
	text-align: center;
	width:100%;
	border:none;
	height:96px;
}
#barPhotos img {
	margin:0;
}

#mainContent, #employeeMain { /* Remove padding from mainContent div itself to set background img correctly. Put padding on text elements within */
	margin:0;
	padding:0;	
	background:url(images/mainBg.jpg) no-repeat center top;
	/*background-position:top;*/
	min-height:355px;
	color:#333;
	margin-bottom:30px;
}
#mainContent h1, #mainContent h2, #mainContent h3, #employeeMain h1, #employeeMain h2, #employeeMain h3 { 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
	padding: 0 10px 0 30px; /* side padding should match p */
	color:#002B6A; 
	/*color should match nav and header txt (dkblue=1d206b) */
}

/* define links within H2, H3 */
h2 a:link, h3 a:link, h2 a:visited, h3 a:visited {
	text-decoration:underline;
	color:#002B6A; 
}
h2 a:focus, h2 a:hover, h2 a:active, h3 a:focus, h3 a:hover, h3 a:active {
	color:#999;
}

#mainContent h1, #employeeMain h1 {
	margin:0 0 10px 0;
	padding-top:20px;
	font-size: 1.2em;
	width:70%;
	display:inline-block;
	/*border-bottom:#1d206b 1px solid;*/
	/* zeroing the margins of the first element in #mainContent avoids the possibility of margin collapse - a space between divs */
}
#mainContent h2, #employeeMain h2 {
	font-size:1.1em;
}
#mainContent h3, #employeeMain h3 {
	font-size:1.0em;
}
.thankYou {
	color:#002B6A; 
	font-size:1.0em;
}
.subhead1 {
	/*font-variant:small-caps;*/
}

#mainContent p {
	padding: 0 10px 0 30px; /* side padding should match h1/h2/h3*/
	 max-width:500px; 
/* may need to style paragraphs within #mainContent div with class for maxwidth */
}
#employeeMain p {
	padding: 0 10px 0 30px; /* side padding should match h1/h2/h3*/
	max-width:700px;
}

#footer {
	font-size: 12px;
	margin-top:10px;
	text-decoration: none;
	background:url(images/footerBg.jpg) top center no-repeat;
	height:54px;
	/* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
}
#footer p {
	margin: 0 10px;
	padding: 10px 20px;
	font-size: .8em;
	text-align:center;
}
#footer ul {
	list-style:none;
	margin:0;
	font-size:.8em;
	text-align:center;
}
#footer  li {
	display:inline;
	margin-right: 30px;
}
#rightPics {
	float: right;
	width: 300px;
/*	border:1px solid #333;*/
	margin:0 30px 0 0;
	padding-top:20px;
	text-align:center;
}
#rightPics_sm {
	float: right;
	width: 200px;
	margin:0 20px 0 0;
	padding-top:20px;
	text-align:center;
}
#rightPics .caption, #rightPics_sm .caption {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #F90 /*c43e01 cb6002 df7430 b84a15 */;
	margin:10px 0;
}
#rightPics p, #rightPics_sm p {
	text-align:left; /*overrides the centering of the div contents*/
	margin-left:10px;
	margin-right:5px;
	padding:0;
	font-size:.8em;
	line-height:1.5em;
}
#rightPics img, #rightPics_sm img {
	border:1px solid #F93;
}

.clearfloat { /* Place this class on a div or break element. It 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;
}
#leftMain {
	width: 600px;
	margin:0 10px 0 0;
}
.note {
	padding: 10px 20px;
	font-size: .8em;
	color:#002B6A;
	font-weight:bold;
}
/*  FORM STYLING */
#empForm p {
	padding: 0 30px; /* side padding should match h1/h2/h3*/
/*	text-align:right;
	margin:0 0 10px 0;
*/
}
#empForm p.right {
	text-align:right;
	margin:0 0 10px 0;
}
label {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#002B6A;
	font-size:1em;
	font-weight:bold;
}
.label, #contractorPayroll label {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#002B6A;
	font-size:.8em;
	font-weight:bold;
}
#employers {
	margin-right:15px;
}
#employers hr {
	color:#002b6a;
	height:1px;
	margin: 10px 30px;
}
#contactForm, #contractorPayroll {
	margin-left:30px;
}
/*  
	For employee pages: may need to style form/script elements
    #employeeMain 

*/
#employeeLogin {
	margin:0 30px;
}