/*Stylesheet for Houston Web Designers*/

body{
background:url(images/header_background.jpg) repeat-x #FFFFFF;
margin-top:0;
margin-bottom:0;
}

#wrap1{
width:1000px;
margin:0 auto;
background:url(images/header_side_back.jpg) top left no-repeat;
}

#wrap2{
width:1000px;
margin:0 auto;
background:url(images/header_side_back2.jpg) top right no-repeat;
}

span{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
line-height:150%;
}

ul li{
margin:2pz;
padding:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
}

#main{
width:985px;
margin:0 auto;
background:#FFFFFF;
border-left:1px solid #000000;
border-right:1px solid #000000;
}

#content_left{
width:490px;
padding-top:10px;
padding-left:30px;
}

#content_right{
width:370px;
padding:30px;
float:right;
display:inline;
}

h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
color:#898989;
border-bottom:1px solid #CCCCCC;
}

p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
line-height:180%;
}

#header{
width:100%;
height:122px;
}

#header_right{
float:right;
display:inline;
text-align:right;
margin:0;
padding:0;
}

#header_left{
width:455px;
height:106px;
background:url(images/header_logo.jpg) no-repeat;
float:left;
display:inline;
}

#header_left_two{
width:100%;
height:106px;
background:url(images/header_logo.jpg) no-repeat;
float:left;
display:inline;
}

span.line{
color:#FFFFFF;
font-size:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
float:left;
display:inline;
margin-top:12px;
}

span.grey{
color:#666666;
}

.imgleft{
margin-left:3px;
float:left;
display:inline;
}

#header_menu{
width:100%;
height:75px;
background:url(images/header_menuback.jpg) repeat-x;
}

#latest_news{
width:347px;
margin-top:7px;
margin-left:5px;
border:1px solid #000000;
}

#latest_news2{
width:347px;
margin-top:20px;
margin-left:5px;
border:1px solid #000000;
}

#header_latest_news{
background:#333333;
width:100%;
height:50px;
text-align:center;
padding-top:10px;
}

#header_latest_news span{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#FFFFFF;
font-weight:bold;
}

div#footer{
width:100%;
height:70px;
padding-top:10px;
margin:0 auto;
background:#21262A;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
}

div.space_img{
float:left;
display:inline;
padding-bottom:10px;
padding-left:25px;
}

/*Drop Down Menu*/

#nav, #nav ul { /* all lists */
	padding: 8px;
	margin: 0;
	text-align:center;
	list-style: none;
	line-height: 2;
}

#nav a {
	display: block;
	width: 10.6em;
	color:#FFFFFF;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align:center;
	border-right:1px solid #FFFFFF;
}

#nav .aspecial{
border:0;
}

#nav a:hover{
text-decoration:overline;
text-align:center;
}

#nav li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
}

#nav ul li{
border-bottom:1px solid #FFFFFF;
}

#nav li ul { /* second-level lists */
	position:absolute;
	background:#262B31;
	width: 10em;
	margin:0;
	padding:0;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}