/*-----------------------------------------
Basic Style Sheet
version: 1.1
author: Hannah LaBorie
email: studiohbl@hotmail.com
website: http://www.studiohbl.com
------------------------------------------*/

/* General Styles
=================================*/

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial,  Helvetica, sans-serif;
	color: #686F73;
	font-size: 12px;
	text-align: left;	
	margin: 0 auto;
	background-color: #fff;
	
}

.bodybold {
	font-weight: bold;
}

.bodybold12 {
	font-weight: bold;
	font-size: 12px;
}

.bodyitalic {
	font-style: italic
}

.bodybluebold {
	font-weight: bold;
	color: #384466;
	font-size: 12px;
}

.bluebold {
	font-weight: bold;
	color: #384466;
	font-size: 11px;
}

a:link {
	color: #384466;
}

a:visited {
	color: #384466;
}

a:hover {
	border-bottom: 1px underline #384466;
}


p {
	font-size: 12px;

}

p indent {
	font-size: 12px;
	margin-left: 30px;
}


/* Layout
=================================*/


#wrapper{
	width: 800px;
	position: relative;
	min-height: 100%;
	margin-left: -400px;
	background: url(../images/bg-tileNEW.gif) repeat-y bottom;
	margin: 0 auto;
 	height: auto !important; /* For Modern Browsers */
}

* html #wrapper{
	height: 100%;
}

.clearer{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

.hidden{
	position: absolute;
	left: -10000px;
}

#bottomblock {
	width: 800px;
	height: 82px;
	background: url(../images/bottom-gradient.jpg);
	margin:0;
	padding:0;
}



#logo {
	background: url(../images/logo_new.gif) no-repeat top left;
	position: absolute;
	margin:290px 0px 0px 22px;
	width: 371px;
	height: 120px;
}
	
#logointerior {
	background: url(../images/logo_new.gif) no-repeat top left;
	position: absolute;
	margin: 26px 0px 0px 22px;
	width: 371px;
	height: 120px;
}



/* Header
=================================*/
	
#mainnav {
	background-color:#384466;	
	list-style: none;
	height: 24px;
	width: 800px;
	margin: 6px 0px 0px 0px;
	padding: 0px;
	text-align: left;
	
}

html>body #mainnav
{
	/* IE fix */
	margin: 5px 0px 0px 0px;
	padding: 0px;	
}


#mainnav a {
	color: #fff;
	height: 24px;
	margin: 0px;
	padding: 0px 8px 0px 8px;
	text-decoration: none;

}

#mainnav a:hover {
	background: url(../images/mainnav-rollover.gif) no-repeat left top;
	color: #fff;
	margin: 0px;
	padding: 4px 8px 12px 8px;
	border-bottom: none;
}

html>body #mainnav a:hover
{
	/* IE fix */
	padding: 4px 8px 6px 8px;
}

#active a {
	background: url(../images/mainnav-rollover.gif) no-repeat left top;
	color: #fff;
	margin: 0px;
	padding: 4px 8px 9px 8px;
	border-bottom: none;
}

#activelong a {
	background: url(../images/mainnav-rolloverlong.gif) no-repeat left top;
	color: #fff;
	margin: 0px;
	padding: 4px 8px 9px 8px;
	border-bottom: none;
}

#mainnav li { 

	color: #fff;
	line-height: 23px;
	font-size: 12px;
	padding: 3px;
	margin-left: 20px;
	display: inline;

}
html>body #mainnav a:hover
{
	/* IE fix */
	line-height: 23px;
}

#container-foot {
	width: 675px;
 	padding-left: 50px;
}

#footer {
	clear: both;
	font-size: 10px;
	color: #a7a7a7;
  	text-align: right;
}

/* Interior Page Content Styling */

#interiorbgimage {
	background: url(../images/interiorbgimage.jpg) no-repeat top;
	width: 800px;
	height: 184px;
	margin:0px;

}

#maincontent {

	width: 517px;
	float: left;
	margin-top: -1px;
	padding: 0px;
}

.content {
  	background: url(../images/contentbox-tileNEW.gif) repeat-y;
	padding: 0px;
 	margin:0px;

}

.content p {
	font-size: 11px;
	margin:0px;
	padding: 0px 25px 15px 25px;
	line-height: 15px;
	text-align: left;
}


html>body .content p
{
	/* IE fix */
	padding: 10px 25px 20px 27px;
}

.content h1 {
	color: #384466;
	font-size: 12px;
	padding: 0px 25px 5px 25px;
	text-align: left;
}

html>body .content h1
{
	/* IE fix */
	padding-left: 27px;
}

.content h2 {
	color: #686F73;
	font-size: 11px;
	padding: 0px 25px 20px 25px;
	text-align: left;
}

html>body .content h2
{
	/* IE fix */
	padding: 0px 25px 12px 27px;
}

.indent {
	margin-left: 30px;
}

.contentboxbottom {
  	background: url(../images/contentbox-bottomNEW.gif) no-repeat left bottom;
	margin: 0px;
	padding-top: 20px;
}
	
.contentboxbottomhome {
  	background: url(../images/contentbox-bottomNEWhome.gif) no-repeat left bottom;
	margin: 0px;
	padding-top: 20px;
	width: 668px;
}

.content a:link {
	font-weight: bold;
	text-decoration: 1px underline #384466;
}
.content a:visited {
	font-weight: bold;
	color: #384466;
	text-decoration: 1px underline #384466;
}
.content a:hover {
	color:#707a93;
	text-decoration: 1px underline #707a93;
}

.content li {

	font-size: 11px;	
	line-height: 15px;
	margin: 0px 20px 10px 25px;	
	padding: 0px 20px 0px 0px;
}

html>body .content li
{
	/* IE fix */
	margin: 0px 20px 10px -10px;	
}

.contentindent {
	margin: 0px 20px 10px 48px;	

}

#subtitlebox {
	width: 675px;
	height: 45px;
	padding-left: 60px;
	margin: 20px 0px 0px 7px;
}

.aboutus {
	background: url(../images/subtitlebox-aboutus.gif) no-repeat;
	width: 665px;
	height: 45px;
}

.employment {
	background: url(../images/subtitlebox-employment.gif) no-repeat;
	width: 665px;
	height: 45px;
}

.resources {
	background: url(../images/subtitlebox-resources.gif) no-repeat;
	width: 665px;
	height: 45px;
}

.contactus {
	background: url(../images/subtitlebox-contactus.gif) no-repeat;
	width: 665px;
	height: 45px;
}

#subnav {
	width: 218px;
	float: left;
}

#subnav a {
	color: #fff;
	font-size: 11px;
}

#subnav ul {
	margin: 10px 0px 0px 0px;
	padding-left: 90px;
}

#subnav li{
	margin-top: -2px;
	margin-bottom: -2px;
	padding: 0px;
	width: 128px;
	background: #384466;
	border: .5px solid #fff;	
	list-style: none;

}

html>body #subnav li
{
	/* IE fix */ 
	margin-top: 0px;
	margin-bottom: 0px;
	border: .5px solid #fff;	
}

#subnav ul a {
	
	padding: 3px 0 3px 5px;
	display: block;
	text-decoration: none;
	line-height: 16px;
}

#subnav ul a:hover {
	
	padding: 3px 0px 3px 5px;
	display: block;
	color: #fff;
	background: #707a93;
	text-decoration: none;
	line-height: 16px;
	border-bottom: 0px;	
}

/*Table Styling*/


table {
	font-size: 11px;
 	border-collapse: collapse;
 	width: 410px;  
 	margin: 15px 0px 20px 28px;
	line-height: 15px;
}

html>body table
{
	/* IE fix */ 
 	margin: 0px 0px 20px 52px;
} 

td {
 	padding: 7px 6px 7px 6px;
}

.odd {
  background-color:#e4e5e5;
}

/* Form Styling */

fieldset {
	margin: 0px;
	padding 0px;
	border: none;
	
}

label {
	display: block;

}

input:focus, text area:focus {
	background: #eeeeee;
}

textarea:focus, text area:focus {
	background: #eeeeee;
}

textarea {
	width: 200px;
	height: 50px;
}


/* Home Page Content Styling */

#bgimage {

	background: url(../images/bgimage.jpg) no-repeat top;
	width:800px;
	height: 450px;
}

#contenthome {
	
	width:517px;
	margin: 20px 0px 0px 68px;
	padding: 0px;
}

.contentboxhome {
  	background: url(../images/homebox-tileNEW.gif) repeat-y;
  	width: 668px;
	padding: 0px;
	margin: 0px;
}

.contentboxhome h2 {
  	background: url(../images/homebox-topNEW.gif) no-repeat left top;
  	width: 668px;
	margin-bottom: -13px;

}

html>body .contentboxhome h2
{
	/* IE fix */ 
	margin-bottom: 0px;
	padding-top: 2px;
} 

.contentboxhome p {
	font-size: 11px;
	padding: 0px 25px 0px 25px;
	line-height: 15px;
	text-align: left;

}
html>body .contentboxhome p
{
	/* IE fix */ 
	padding: 15px 20px 15px 25px;
}