/* CSS Document */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #262626;
}
body {
	background-color: #000;
	background-image: url(images/hr_background.jpg);
	background-repeat: repeat-x;
}

html,body{
margin-top:0px;
}
p {
margin:0 10px 10px
}

#wrapper { 
width:1024px;
height:620px;
background:url(images/HROptical5_rev_July2010.jpg) no-repeat top right;
margin: 10px auto 0 auto;
}

#header {
width:100%;
height:262px;

}

#navigation {
position:relative;
top:0px;
z-index:800;
margin-bottom:5px;
}

#leftcontent{
height:280px;
width:150px;
float:left;
margin-top:-40px;
margin-left:10px;
display:inline;
}

#leftcontent img {
border:0;
padding-top:3px;
}


#rightcontent{
height:230px;
width:695px;
top:-42px;
position:relative;
left:15px;
overflow:auto;
padding: 15px 0px 15px 10px;
}

#rightcontent p, h1, h2, h3, h4, h5, h6{
padding-left:15px;
}

div#footer{ width:540px; font-size:10px; color:#49A6DA; clear:both; margin:0 auto; 
}
#footer table p { color: #49A6C8; font-size: 10px; }

#logolink a {
	display:block;
	height:205px;
	width:275px;
	margin-right:47px;
	float:left;
	text-indent:-9000px;
	overflow:hidden;
}
.larger {
	font-size:1.9em;
}
.darkblue {
	color:#2159A0;
}
.smaller {
	font-size:.8em;
}
#flashheader {
float:left;
height:264px;
position:relative;
top:-6px;
z-index:0;
}

#lowerflash {
float:left;
padding-left:240px;
width:610px;
margin-top:-20px;
}

a:link {
	color: #1D5A9E;
}
a:visited {
	color: #1D5A9E;
}
a:hover {
	color: #1D5A9E;
}
a:active {
	color: #1D5A9E;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}
h1 {
	font-size: 18px;
	color: #1D5A9E;
}
h2 {
	font-size: 16px;
	color: #1D5A9E;
}
h3 {
	font-size: 14px;
	color: #1D5A9E;
}
h4 {
	font-size: 12px;
	color: #1D5A9E;
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:1000px; height:32px; font-size:11px; z-index:600;margin-left:30px;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:1000px; w\idth:1000px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:99px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:99px;position:relative;margin:0 5px; text-align:center;}
/* style the links for the top level */
.menu ul li {background:url(images/header_button_right.jpg) top left no-repeat;padding:0;}
.menu ul li ul li {background-image:none;}
.menu a, .menu a:visited {display:block;font-size:14px;text-decoration:none; color:#024579; width:99px; height:32px;line-height:34px; font-variant:small-caps;padding:0px; }
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:99px; w\idth:79px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#2AA3E7;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#2AA3E7;}
.menu ul ul :hover > a.drop {background:#2AA3E7;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#2AA3E7;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#2AA3E7;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:29px;left:0; width:50px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:29px;t\op:29px;}

/* position the third level flyout menu */
.menu ul ul ul{left:90px; top:-1px; width:90px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-90px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#2AA3E7; color:#FFF; height:auto; line-height:1em; padding:5px 10px; width:70px;border-left:1px solid #3366FF; border-right:1px solid #3366FF; border-bottom:1px solid #3366FF; font-variant:normal; font-size:12px; font-weight:normal;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:90px;w\idth:90px;}

/* style the top level hover */
.menu a:hover {color:#FFF; background-image:url(images/header_button_left.jpg) top left no-repeat; font-weight:bold;}
.menu :hover > a {color:#FFF; background-image:url(images/header_button_left.jpg) top left no-repeat;}
.menu ul ul a:hover{color:#FFF;font-style:italic;font-weight:normal; background:#07478F;}
.menu ul ul :hover > a {color:#FFF; font-weight:normal; background:#07478F;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
.border {
	border: 1px solid #BEBEBE;
}
#newslettersign {
	margin-left: 20px;
	width: 280px;
	float: left;
}
#newsletterarchive {
	margin-left: 310px;
	margin-right: 10px;
}
#newsletterarchive p, h2 {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.mustangslogo {
width:100px;
height:100px;
display:block;
float:left;
margin-top:-30px;
}
.testimonials { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dcdcdc; padding-bottom: 20px; padding-top: 10px; }