/*  
Description: Human Resource Potential Styles
Designer: Jacob Lett, www.jacoblett.com

COLORS
	Gray footer: #545454
	Body text: #a0a0a0
	Rust: #b56224
	Background cream: #d4d0b3
	Gold: #e6a348
	Orange: #d29442
	
/*-------------------RESET & BASIC SETUP-------------------*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td 	{ margin: 0; padding: 0; } /* Reset */
html, body 							{ height: 100%;}
html 								{ background: url(images/bckd.jpg) repeat-y; background-color: #d4d0b3; background-position: center;  }
body 								{ font-size: 62.5%; font-family: 'Lucida Grande', Helvetica, Arial, sans-serif; margin: 0; padding: 0;  }
ul									{list-style: none;}
ol									{ list-style: decimal inside;}
a 									{ outline: none; text-decoration: none;}
a img 								{ border: none; margin: 0; padding: 0; }
.bio								{ padding: 0px 0px 50px 0px;}

table								{ border-collapse: collapse; }

object 								{ margin: 0; padding: 0; }

.printpdf 							{ background: url(images/print-icon.gif) no-repeat 0 50%;
line-height:20px;
padding: 2px 0 0px 20px;
 }

/*--------------------Structure--------------------------*/

#page-wrap 			{ z-index: 200; width: 750px; margin: 0 auto;background-color: #545454; }

#header 			{  height: 215px; background-color: white;}

#content			{  width: 440px; min-height: 330px; background: white url(images/content.jpg) no-repeat; padding: 30px 30px 5px 280px }



#behind 			{ z-index: 100; position:absolute; top: 215px; width: 440px; min-height: 330px; padding: 30px 30px 30px 280px; }		


#footer 			{width: 750px; height: 86px;  background: url(images/footer2.jpg) no-repeat; }


/*------------------TYPOGRAPHY------------------*/
h1  { font-size : 1.9em; font-style: italic; margin-bottom : 0.6em; font-family : 'Palatino Linotype', Palatino,'Book Antiqua', Georgia, 'Times New Roman', serif; letter-spacing : 0.02em; color : #545454; border-bottom : 1px solid #a0a0a0; } 
h2 									{ font-size : 1.5em; font-style: italic;font-family : 'Palatino Linotype', Palatino,'Book Antiqua', Georgia, 'Times New Roman', serif; letter-spacing : 0.02em; color : #545454;  }
p 									{ font-size: 1.3em; line-height: 1.5em; margin-bottom: 0.6em; font-family: sans-serif; color: #545454; }
#content p, dd 							{ font-size: 1.3em; line-height: 1.5em; margin-bottom: 15px; font-family: sans-serif; color: #545454; }

.readbio							{ color: #d29442; font-weight:bold;font-variant:italic; }
.biotease							{ margin-bottom:30px; }

ul.list  {
font-size : 1.5em;
line-height : 1.4em;
margin-bottom : 0.6em;
font-family : Times, 'Times New Roman', Palatino, serif;
color : #b56224;
font-style : italic;
padding-left: 1em;
list-style-type: square;
}

ul.list2  {
font-size : 1.5em;
line-height : 1.4em;
margin-bottom : 0.6em;
font-family : Times, 'Times New Roman', Palatino, serif;
color : #b56224;
font-style : italic;
list-style-type: none;
}

.list2 li {
margin-bottom : 0.6em;
}

.nored  {
color : #545454;
}



a									{ color: #d29442; }


/*--------------------Utility---------------------------*/
.clear 									{ clear: both; }
.floatleft 								{ float: left; }
.floatright							 	{ float: right; }


/*--------------------MENU NAVIGATION---------------------------*/

ul#menu {  list-style:none; height:27px; margin:0;background:url(images/nav.jpg) no-repeat 0px -27px;background-color: #e6a348; }

ul#menu li { display:inline;background-color: #e6a348; }

ul#menu li a { height:27px;  float: left; text-indent:-9999px; text-decoration:none;background-color: #e6a348; }

body#home ul#menu  li#menu-1 a.current { background-position:0px 0px;}
ul#menu  li#menu-1 a:hover { background-position:0px -27px;}
ul#menu li#menu-1 a { width:89px; background:url(images/nav.jpg) no-repeat 0px -54px;}

body#services ul#menu  li#menu-2 a.current { background-position:-89px 0px;}
ul#menu  li#menu-2 a:hover { background-position:-89px -27px;}
ul#menu li#menu-2 a { width:114px; background:url(images/nav.jpg) no-repeat -89px -54px;}
        
body#programs ul#menu  li#menu-3 a.current { background-position:-203px 0px;}
ul#menu  li#menu-3 a:hover { background-position:-203px -27px;}
ul#menu li#menu-3 a { width:128px; background:url(images/nav.jpg) no-repeat -203px -54px;}

body#hrqa ul#menu  li#menu-4 a.current { background-position:-331px 0px;}
ul#menu  li#menu-4 a:hover { background-position:-331px -27px;}
ul#menu li#menu-4 a { width:113px; background:url(images/nav.jpg) no-repeat -331px -54px;}

body#clients ul#menu  li#menu-5 a.current { background-position:-444px 0px;}
ul#menu  li#menu-5 a:hover { background-position:-444px -27px;}
ul#menu li#menu-5 a { width:105px; background:url(images/nav.jpg) no-repeat -444px -54px;}

body#staff ul#menu  li#menu-6 a.current { background-position:-549px 0px;}
ul#menu  li#menu-6 a:hover { background-position:-549px -27px;}
ul#menu li#menu-6 a { width:91px; background:url(images/nav.jpg) no-repeat -549px -54px;}

body#careers ul#menu  li#menu-7 a.current { background-position: -640px 0px;}
ul#menu  li#menu-7 a:hover { background-position: -640px -27px;}
ul#menu li#menu-7 a { width:110px; background:url(images/nav.jpg) no-repeat -640px -54px;}


/*--------------------FOOTER STYLES---------------------------*/
p#address									{ font-size: 1.2em; line-height: 1.5em; margin-bottom: 0.6em; font-family: sans-serif; color: white; padding: 30px 0px 0px 30px;  }
p#contact									{ font-size: 1.2em; line-height: 1.5em; margin-bottom: 0.6em; font-family: sans-serif;color: white; padding: 0px 0px 5px 30px;  }
p#contact strong							{ color: #e6a348; }
p#contact a									{ color: white; }
p#contact a:hover							{ color: #e6a348; }
p#copyright									{ font-size: 1.1em; line-height: 1.5em; margin-bottom: 1em; font-family: sans-serif;color: #E0E0E0; padding: 0px 0px 30px 30px; }

/* ------------------------------------------ Forms -------------------------------------------- */

#contact-area {
	width: 500px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 400px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #d29442;
}

#contact-area input.submit-button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:bold;
	line-height: 140%;
	color: white;
	font-weight: bold; 
	background-color: #d29442;
	width: 100px;
	display: block;
}

label {
	margin-right: 0px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
	color : #a0a0a0;
}