0@charset "UTF-8";
body  {
	font:100%;
	font-family:sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

a {
	font-size:11px;
	color:#59595b;
}

hr {
	color:#CCCCCC;
	height:1px;
}

td {
	font-size:11px;
	color:#59595b;
}

input {
	border:solid;
	border-width:1px;
	border-color:#b2b4b4;
}


.twoColFixRtHdr { 
	font-family:Arial, Helvetica, sans-serif;
	background:#f3eee7;
	margin-top:0px;
}
.twoColFixRtHdr #container {
	width: 813px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	overflow:hidden;
	padding-left: 0px;
} 
.twoColFixRtHdr #header { 
	background: #1c5a41; 
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

.twoColFixRtHdr #headGraphic {
	background-image:url(../images/home/homeBanner.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:813px;
	height:121px;
}
.twoColFixRtHdr #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 310px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px;
}
.twoColFixRtHdr #mainContent {
	margin: 0 310px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px 0px 0px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	
}

.twoColFixRtHdr #mainContent p {
	font-size:11px;
	color:#59595b;
	padding-left:10px;
}  

.twoColFixRtHdr #mainContent h1 {
	margin:0px;
	margin-left:0px;
	padding-top:10px; 
	padding-right:10px;
	padding-bottom:10px; 
	padding-left:20px;
	color:#544f44;
	font-size:14px;
	font-weight:bold;
	width:310px;
} 

.twoColFixRtHdr #mainContent h2 {
	font-size:11px;
	color:#244429;
	padding-left:10px;
} 

.twoColFixRtHdr #mainContent h3 {
	font-size:15px;
	color:#544f44;
	font-weight:bold;
	margin:0px;
	padding: 10px 0px 0px 10px;
} 

.mainContentRight {
	background-color:#FFFFFF;
	padding:10px 10px 10px 10px;
}  

.mainContentRight p {
	font-size:11px;
	color:#59595b;
}  

.mainContentRight ul {
	margin:10px;
	padding:0px;
} 

.mainContentRight li {
	font-size:11px;
	color:#59595b;
} 





.twoColFixRtHdr #footer { 
	padding:0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#FFFFFF;
} 

.twoColFixRtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* MENU */

.twoColFixRtHdr #header ul { 
	display:inline;
	margin:0px;
	padding:0px;
	background-color:#1c5a41;
} 

.twoColFixRtHdr #header ul li { 
	display:inline;
	list-style: none;
	height:41px;
	background-color:#395a44;
} 

.twoColFixRtHdr #header ul li a { 
	height:41px;
	text-indent:-5000px;
	display: block;
	margin: 0px;
	background-position:bottom left;
	background-repeat:no-repeat;
	float:left;
} 

.twoColFixRtHdr #header ul li a.nav1 { background-image: url(../images/navHostsUp.gif); width:77px; }
.twoColFixRtHdr #header ul li a.nav2 { background-image: url(../images/navPrivateUp.gif); width:88px; }
.twoColFixRtHdr #header ul li a.nav3 { background-image: url(../images/navSydneyUp.gif); width:76px; }
.twoColFixRtHdr #header ul li a.nav4 { background-image: url(../images/navMtnsUp.gif); width:107px; }
<!--.twoColFixRtHdr #header ul li a.nav5 { background-image: url(../images/navSouthUp.gif); width:126px; } -->
.twoColFixRtHdr #header ul li a.nav5 { background-image: url(../images/navHunterUp.gif); width:102px; }
.twoColFixRtHdr #header ul li a.nav6 { background-image: url(../images/navPartnersUp.gif); width:73px; }
.twoColFixRtHdr #header ul li a.nav7 { background-image: url(../images/navTestUp.gif); width:91px; }
.twoColFixRtHdr #header ul li a.nav8 { background-image: url(../images/navContactUp.gif); width:73px; }

.twoColFixRtHdr #header ul li a.nav1selected { background-image: url(../images/navHostsOver.gif); width:77px; }
.twoColFixRtHdr #header ul li a.nav2selected { background-image: url(../images/navPrivateOver.gif); width:88px; }
.twoColFixRtHdr #header ul li a.nav3selected { background-image: url(../images/navSydneyOver.gif); width:76px; }
.twoColFixRtHdr #header ul li a.nav4selected { background-image: url(../images/navMtnsOver.gif); width:107px; }
<!--.twoColFixRtHdr #header ul li a.nav5selected { background-image: url(../images/navSouthOver.gif); width:126px; } -->
.twoColFixRtHdr #header ul li a.nav5selected { background-image: url(../images/navHunterOver.gif); width:102px; }
.twoColFixRtHdr #header ul li a.nav6selected { background-image: url(../images/navPartnersOver.gif); width:73px; }
.twoColFixRtHdr #header ul li a.nav7selected { background-image: url(../images/navTestOver.gif); width:91px; }
.twoColFixRtHdr #header ul li a.nav8selected { background-image: url(../images/navContactOver.gif); width:73px; }

.twoColFixRtHdr #header ul li a:hover.nav1, a:active.nav1 { background-image: url(../images/navHostsOver.gif); }
.twoColFixRtHdr #header ul li a:hover.nav2, a:active.nav2 { background-image: url(../images/navPrivateOver.gif); }
.twoColFixRtHdr #header ul li a:hover.nav3, a:active.nav3 { background-image: url(../images/navSydneyOver.gif); }
.twoColFixRtHdr #header ul li a:hover.nav4, a:active.nav4 { background-image: url(../images/navMtnsOver.gif); }
<!--.twoColFixRtHdr #header ul li a:hover.nav5, a:active.nav5 { background-image: url(../images/navSouthOver.gif); }-->
.twoColFixRtHdr #header ul li a:hover.nav5, a:active.nav6 { background-image: url(../images/navHunterOver.gif); }
.twoColFixRtHdr #header ul li a:hover.nav6, a:active.nav7 { background-image: url(../images/navPartnersOver.gif); }
.twoColFixRtHdr #header ul li a:hover.nav7, a:active.nav8 { background-image: url(../images/navTestOver.gif); }
.twoColFixRtHdr #header ul li a:hover.nav8, a:active.nav9 { background-image: url(../images/navContactOver.gif); }

/* Right hand nav buttons */


#sidebar1 h1 {
	margin:0px;
	padding:10px 10px 10px 10px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	width:310px;
	background-color:#bdae92;
}

#sidebar1 table {
	width:293px;
	margin-left: 7px;
	margin-top: 7px;
}

#sidebar1 table tr td div {
	margin-left: 1px;
	background-position:top left;
	background-repeat:no-repeat;
	display:block;
	color:#244429;
	font-size:11px;
	font-weight:normal;
	margin:0px;
	text-decoration:none;
	width:146px;
	padding-top:105px;
	padding-bottom:5px;
}

#sidebar1 table tr td {
	padding-left:1px;
}

.greyFont {
	color:#59595b;
}

.rightNavHome1 { background-image: url(../images/home/homePic1.jpg); }
.rightNavHome2 { background-image: url(../images/home/homePic2.jpg); }
<!--.rightNavHome3 { background-image: url(../images/home/homePic3.jpg); } -->
.rightNavHome4 { background-image: url(../images/home/homePic4.jpg); }

.rightNavPrivate1 { background-image: url(../images/private/privatePic1.jpg); }
.rightNavPrivate2 { background-image: url(../images/private/privatePic2.jpg); }
.rightNavPrivate3 { background-image: url(../images/private/privatePic3.jpg); }
.rightNavPrivate4 { background-image: url(../images/private/privatePic4.jpg); }

.rightNavSydney1 { background-image: url(../images/sydney/sydneyPic1.jpg); }
.rightNavSydney2 { background-image: url(../images/sydney/sydneyPic2.jpg); }
.rightNavSydney3 { background-image: url(../images/sydney/sydneyPic3.jpg); }
.rightNavSydney4 { background-image: url(../images/sydney/sydneyPic4.jpg); }

.rightNavMtns1 { background-image: url(../images/mtns/mtnsPic1.jpg); }
.rightNavMtns2 { background-image: url(../images/mtns/mtnsPic2.jpg); }
.rightNavMtns3 { background-image: url(../images/mtns/mtnsPic3.jpg); }
.rightNavMtns4 { background-image: url(../images/mtns/mtnsPic4.jpg); }

.rightNavSouth1 { background-image: url(../images/south/southPic1.jpg); }
.rightNavSouth2 { background-image: url(../images/south/southPic2.jpg); }
.rightNavSouth3 { background-image: url(../images/south/southPic3.jpg); }
.rightNavSouth4 { background-image: url(../images/south/southPic4.jpg); }

.rightNavHunter1 { background-image: url(../images/hunter/hunterPic1.jpg); }
.rightNavHunter2 { background-image: url(../images/hunter/hunterPic2.jpg); }
.rightNavHunter3 { background-image: url(../images/hunter/hunterPic3.jpg); }
.rightNavHunter4 { background-image: url(../images/hunter/hunterPic4.jpg); }

/* Footer styles */

#footer h1 {
	font-size:15px;
	color:#544f44;
	font-weight:bold;
	margin-left:30px;
	padding:0px;
}

#footer h2 {
	color:#244429;
	font-size:10px;
	font-weight:bold;
	padding:0px;
}

#footer p {
	color:#59595b;
	font-size:10px;
}

#footer table {
	padding-bottom:20px;
	width:793px;
	margin-left:10px;
}

#footer table tr td {
	background-color:#f5f2ed;
}

.carwidthSmall {
	width:174px;
	padding:0px 0px 0px 10px;
}

.carwidthSmall p {

	margin-top:0px;
	padding-top:0px;
}

.carwidthWide {
	width:206px;
	text-align:left;
}

#footer div table tr td a {
	display:block;
	height:106px;
	width:204px;
	background-position:top left;
	background-repeat:no-repeat;
}



.twoColFixRtHdr #footer table tr td a.Volkswagen { background-image: url(../images/home/vw.jpg); }
.twoColFixRtHdr #footer table tr td a.Mercedes { background-image: url(../images/home/mercedes.jpg); }


/* Footer menu*/


.twoColFixRtHdr #footer ul { 
	display:inline;
	margin:0px;
	padding:0px;
	background-color:#009900;
} 

.twoColFixRtHdr #footer ul li { 
	display:inline;
	list-style: none;
	background-color:#330033;
} 

.twoColFixRtHdr #footer ul li a { 
	display: block;
	margin: 0px;
	padding:10px;
	float:left;
	font-size:12px;
	color:#707173;
	text-decoration:none;
	
} 

.twoColFixRtHdr #footer ul li { 

	font-size:12px;
	color:#707173;
	text-decoration:underline;
	
} 

.twoColFixRtHdr #footer ul li a:hover {
	text-decoration:underline;
}

.footerDiv {
	width: 813px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px;
	/*text-align: left;  this overrides the text-align: center on the body element. */
	overflow:hidden;
	padding-left: 150px;
}


.footerDiv ul { 
	display:inline;
	margin:0px;
	padding:auto;
} 

.footerDiv ul li { 
	display:inline;
	list-style: none;
} 

.footerDiv ul li a { 
	display: block;
	margin: 0px;
	padding:10px;
	float:left;
	font-size:11px;
	color:#707173;
	text-decoration:none;
	
} 

.footerDiv ul li a:hover {
	text-decoration:underline;
}
