@import url("reset.css");
@import url("etc.css");

body {
	background:#2f343d;
}


strong { font-weight:bold; color:#AAA}
em, i { font-style:italic; }

.left { float:left; }
.right { float:right; }
img.headerImg { margin:0px 0px 65px 0px; }
img.nobgHeaderImg { margin:0px 0px 8px 0px; }
img.flourish { border-bottom:1px white solid; }

p { margin:0px 0px 10px 0px; }

div#mainContainer {
	width:1100px;
	margin:0 auto;
	font-family:"Trebuchet MS", serif;
	font-size:1em;
	color:#fff;
	overflow:hidden;
}

div#footer {
	width:600px;
	clear:both;
	font-family:"Trebuchet MS", sans-serif;
	padding:10px 0px 0px 0px;
	margin:10px 0px 0px 0px;
	float:left;
}

div#footer p {
	color:#AAA;
	font-size:11px;
}

div#footer a {
	color:#9ae315;
	text-decoration:none;
}

div#footer a:hover {
	color:#FFF;
}

div#top {
	position:relative;
	width:996px;
	height:171px;
	background:url("../images/home/top-bg.jpg") no-repeat;
	z-index:5;
}

div#logo {
	position:absolute;
	z-index:10;
	top:38px;
	left:-12px;
}	

div#login {
	position:absolute;
	top:122px;
	left:14px;
}

div#login p {
	font-size:12px;
	color:#fff;
	padding:15px 0px 0px 0px;
}

div#login a {
	text-decoration:none;
	color:#9ae315;
}

div#login a:hover { color:#fff; }

div#nav {
	position:absolute;
	right:25px;
	bottom:18px;
	font-size:15px;
}

div#nav a { text-decoration:none; color:#fff; padding:0px 0px 10px 0px;}
div#nav a:hover { color:#9ae315; background:url("../images/buttons/little-arrow.jpg") no-repeat bottom center }

input {
	color:#666;
	border:1px #999 solid;
	font-size:10px;
	padding:0px 0px 0px 0px;
}

div#login button {
	border:none;
	background:none;
	width:65px;
	height:18px;
	z-index:10;
	margin:10px 0px 0px -5px;
	
}

button {
	border:none;
	background:none;
}

h1 {
	display:block;
	padding:9px 0px 0px 16px;
	width:198px;
	height:23px;
	background:url("../images/tiny-green.gif") no-repeat left 15px;
	color:white;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	
}

div#find-a-race, div#accommodations, div#dining, div#quickfind {
	float:left;
	width:212px;
	height:415px;
	padding:15px 10px 10px 14px;
	background:url("../images/home/column-bg.jpg") repeat-x;
	border-left:2px #000 solid;
	border-right:2px #000 solid;
}

div#mainListing {
	float:left;
	background:url("../images/dark-bg.jpg") repeat-x #000;
	width:715px;
	min-height:440px;
	margin:0px 0px 0px 7px;
	padding:15px 10px 10px 14px;
	border:2px #000 solid;
	border-top:1px #000 solid;
}

div#mainListing div#mainListingContent {
	width:668px;
	min-height:400px;
	padding:20px;
}

div#mainListingContent h1 {
	font-size:18px;
	color:#fff;
	letter-spacing:2px;
	font-weight:normal;
	float:left;
	width:90%;
}

div#mainListingContent p {
	font-size:12px;
	line-height:14px;
	
}

div#accommodations-content {
	width:208px;
	height:197px;	
	border:1px #fff solid;
	background:url("../images/stripes.jpg") 0px 29px;
	margin-bottom:12px;
	position:relative;	
}

h1.listheader {
	background:url("../images/h1-bg.jpg") no-repeat;
	width:178px;
	height:22px;
	font-size:14px;
	letter-spacing:1px;
	color:#fff;
	text-transform:uppercase;
	padding:7px 0px 0px 30px;
	border-bottom:1px #fff solid;
}

h1.listheader a {
	color:#fff;
	text-decoration:none;
}

h1.listheader a:hover {
	color:#9ae315;
}

div#quickfind-content {
	width:208px;
	height:157px;	
	border:1px #999 solid;
	background: url("../images/stripes.jpg");
	margin-bottom:12px;
	position:relative;	
}


div#browse-content {
	width:208px;
	height:237px;	
	border:1px #999 solid;
	background: url("../images/stripes.jpg");
	margin-bottom:12px;
	position:relative;	
}

div#browse-content a {
	color:#9ae315 !important;
	text-decoration:none;
}

div#dining-content {
	width:208px;
	height:197px;
	border:1px #999 solid;
	background:url("../images/stripes.jpg");
	margin-bottom:12px;
	position:relative;	
}

div#gear-content {
	width:208px;
	height:197px;
	border:1px #999 solid;
	background:url("../images/stripes.jpg");
	margin-bottom:12px;
	position:relative;	
}

div#rejuvenation-content {
	width:208px;
	height:197px;
	border:1px #999 solid;
	background:url("../images/stripes.jpg");
	position:relative;
}

div#list-with-us {
	float:left;
	margin:0px 0px 0px 10px;
	padding:15px 10px 10px 14px;
	background:url("../images/home/list-bg.jpg") no-repeat;
	width:216px;
	height:440px;
}

div#list-with-us h2, div#mainListingContent h2 {
	color:#9ae315;
	display:block;
	float:none;
	margin:20px 0px 10px 0px;
	padding:0px 0px 0px 15px;
	background:url("../images/h2-bg.jpg") no-repeat left 2px;
}

div#mainListingContent h2 { 
	display:block; 
	margin:15px 20px 5px 0px !important; 
	clear:both; 
	width:99%;
	padding:0px 0 5px 15px;
}

div#list-with-us p em {
	color:#fff;
}

div#list-with-us ul {
	margin:10px 0px 0px 40px;
	font-size:12px;
}

div#list-with-us ul li {
	list-style-image:url("../images/tiny-green.gif");
	margin:0px 0px 8px 0px;
	font-style:italic;
}

div#list-with-us p {
	width:195px;
	line-height:15px;
	color:#999;
	font-size:11px;
	margin:10px 0px 0px 10px;
}

div#list-content {
	width:208px;
	height:83px;
	background:url("../images/stripes.jpg");
	border:1px #fff solid;
	font-size:11px;
	color:#fff;
}

div#list-content p {
	font-size:11px;
	color:#fff;
	margin:10px 5px 0px 10px;
	float:left;
	width:125px;
}

div#list-content img.right {
	margin:15px 10px 0px 0px;
}

div#find-a-race-content {
	width:208px;
	height:408px;
	background:url("../images/find-a-race.jpg") no-repeat bottom left;
	border:1px #999 solid;
	position:relative;
}

div#accommodations, div#dining {
	margin:0px 0px 0px 10px;
	position:relative;
}

div.mainContent {
	color:#999;
	font-size:11px;
	border:1px #fff solid !important;
}

div.mainContent p {
	margin:17px 10px 0px 10px;
	color:#fff;
}

div.mainContent p em {
	color:#9ae315;
	font-style:italic;
}

div#find-a-race-content ul {
	width:100px;
}

div#find-a-race-content ul.left {
	width:70px;
	margin:40px 0px 0px 10px;
}

div#find-a-race-content ul.right {
	margin:40px 0px 0px 0px;
}

div#find-a-race-content ul li {
	color:#fff;
	list-style-type:none;
	margin:0px 0px 5px 0px;
	font-style:italic;
}

form.searchbox{ overflow:hidden; position:absolute; width:220px; left:5px; bottom:0px;}
form.searchbox input { width:130px; height:14px !important; float:left; color:#666; font-size:10px;}
form.searchbox button { float:left; margin:-2px 0px 0px 0px; }
form.searchbox select { width:200px; float:left; color:#666; margin:0px 0px 6px 0px; font-weight:normal;}
form.searchbox input:focus { color:#333; }

form#findarace {
	top:95px !important;
}

form#quickfind_form {
	bottom:20px !important;
}

form#quickfind_form input {
	top: auto !important;
	bottom: auto !important;
	margin:auto !important;
}

form#loginTop input {
	width:100px;
	height:15px;
	float:left;
	margin:12px 4px 0px 0px;
}

div.hr {
	width:99%;
	background:url("../images/hr.jpg") no-repeat -4px 0px;
	height:10px;
	margin:10px 0px 10px 0px;
	clear:both;
}

img.inset {
	float:left;
	border:1px #fff solid;
	margin:0px 10px 10px 0px;
}

ul.center { margin:12px 0px 0px 40px; }

ul.center li {
	list-style-image:url("../images/ul-arrow.gif");
	margin:0px 0px 8px 0px;
	font-size:13px;
	color:#9ae315;
}

div#quickfind ul.left, div#quickfind ul.right {
	color:#fff;
	float:left;
	margin:10px 0px 0px 25px;
	font-style:italic;
}

div#quickfind ul.left li, div#quickfind ul.right li {
	margin:4px 0px 5px 0px;
}

div#quickfind ul.right {
	margin:10px 0px 0px 20px;
}

div#gear-content p a {
	color:#9ae315;
}

div#mainListingContent ul {
	margin:10px 0 10px 30px;
}

div#mainListingContent ul li {
	list-style-type:circle;
	margin:5px 0px 5px 0px;
	font-size:12px;
}

div#mainListingContent p a, div#mainListingContent a,div#mainListingContent p a:visited  {
	color:#9ae315;
}


div#home_ad {
	width:200px;
	height:200px;
	background:transparent;
	position:absolute;
	bottom:5px;
	left:4px;
}



div.list_container {
	border:1px #333 dotted;
	width:400px;
	height:100px;
	overflow-y:scroll;
	padding:8px;

}