@charset "ISO-8859-1";
body { font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:11px; margin:0px; padding: 0px; background-color:#000000; line-height: 16px }
a img {border: 0}

#container {
	width:990px;
	height: 738px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/sitedesign-background.jpg);
	background-repeat:no-repeat;
	text-align:left;
	margin-top:2px
}


#nav-container {margin-right: 10px}

#banner {
	float:left;	
	margin:-3px 0 0 10px;
	z-index:30;
}

#banner[id] {
	float:left;	
	margin:-3px 0 0 20px;
	z-index:30;
}

#banner img {border: 1px solid #fff;}


#content {width:940px;	height: 285px;	float:left;	padding:30px 0 15px 30px;}
#content[id] {width:940px;	height: 285px;	float:left;	padding:30px 0 15px 25px;}

#content #image { width:290px; float:left; margin-right: 15px}
#content #image img{ border: 1px solid #FFF}
#content #image #imageleft {margin: 15px 15px 0 0;float:left}
#content #image #imageright {margin: 15px 0 0 0;float:left}

#content #texthome {width:400px;height: 280px;float:left;}
#content .text {width:295px;	height: 250px;	float:left;	margin-right: 15px}
img.border {border: 1px solid #fff; margin-bottom: 15px}
#content #homelogo {margin: 240px 0 0px 60px; }

h1 { width:220px; height:40px; float:left; background-image:url(images/sitedesign-logo.jpg); background-repeat:no-repeat; margin: 3px 10px 0 0 }
h1 span { display:none; }
h2 { font-size: 15px;	font-weight: bold; margin-top: 0; margin-bottom: 8px; text-transform:uppercase; color: #B5641D; font-weight: normal}

h3 {font-size:13px;text-transform:uppercase; margin: 0 0 5px 0}

p {margin: 0 0 8px 0}

.center { text-align:center; }
.clear { clear:both; }
.left {float:left;}
.right {float: right}
.smalltext {font-size:9px}
.transparent {/* Mozilla ignores crazy MS image filters, so it will skip the following */
	 background-image: none;
	 width:428px;
	 padding: 10px;
	 filter:
	progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/bg-transparent.png,
	sizingMethod='scale');
}
.transparent[class] {
    background:url(images/bg-transparent.png) repeat;
}

a:link, a:visited {color:#FFFFFF; text-decoration:none}
a:hover, a:active {color:#B5641D; text-decoration:none}

a.selected {color:#B5641D; text-decoration:none}
.color-orange {color:#B5641D;}

ul {margin-top:0}

/************* LOCATIONS **********/
#location-list {width:410px;float:left;}
.location-details {	width: 450px; float:left; margin: 0 50px 0 0; display:none}
.location-details p {font-size:14px; line-height:20px}
.map {position: relative; float: right; margin-top:-20px}
.location-address {width: 185px; margin-right: 10px; float: left}




#footer {text-align: right; padding: 10px 0; font-size:9px}

/* ================================================================ 
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/basic_dd.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* remove the bullets, padding and margins from the lists */
ul#navlinks {
list-style-type:none;
padding:5px 0 0 0;
margin:0;
line-height:22px;			/**** EDIT ****/
font-size:12px;
}

ul#navlinks ul {
list-style-type:none;
padding:0;
margin:0;

}

/* make the top level links horizontal and position relative so that we can position the sub level */
ul#navlinks li{
float:left;
position:relative;
z-index:100;
background: none;	/**** EDIT *****/
}

/* use the table to position the dropdown list */
ul#navlinks table{		/**fake table - only applies to IE6 **/
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:0px;			/**** EDIT ****/
}

/* style all the links */
ul#navlinks a:link, ul#navlinks a:visited {
	display:block;
	width: 120px;				/**** EDIT ****/
	padding:10px 0px 15px 0;		/**** EDIT - to control the height of the main nav ****/
	color:#fff;	
	text-decoration:none;
	margin-right:1px;
	text-align:center;			/**** EDIT ****/
	
}

/* hide the sub level links */
ul#navlinks .dropdown {
	visibility:hidden;
	position:absolute;
	height:0;
	font-size: 10px;
	top:45px;	
}

ul#navlinks ul.dropdown li a:link, ul#navlinks ul.dropdown li a:visited{
	background: #120301; 		/**** EDIT ****/
	color: #fff;				/**** EDIT ****/
	padding: 1px;				/**** EDIT ****/
	line-height:15px;
}

/* style the links hover */
ul#navlinks li a:hover{
	color:#B5641D;				/**** EDIT ****/
	background: none;		/**MUST SET BG - otherwise won't work in IE **/
}


ul#navlinks ul.dropdown a:hover, 
ul#navlinks li:hover ul.dropdown, 
ul#navlinks li a:hover ul.dropdown, 
ul#navlinks li ul.dropdown li a:hover{
	visibility:visible;
	background: #B5641D;			/**** EDIT ****/
	color: #fff;					/**** EDIT ****/
}
#content #texthomes {
	width:340px;
	height: 280px;
	float:left;
}
