html, body
{
	background-color: #e8e8e8;
	text-align: center;
	height: 100%;
	color: #696969;
}

#container
{
	width: 960px;
	margin: 0 auto;
	border: 1px #c0c0c0 solid;
	border-top: none;
	border-bottom: none;
	text-align: left;
	background-color: #fff;
}


#hd
{
	background: url(../Images/hd-bg.png) no-repeat center top;
	height: 122px;
	position: relative;
	z-index: 10000;
}


/* LOGO */

#hd-logo {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 175px;
	height: 90px;
	}
	
	#hd-logo a {
	display: block;
	width: 175px;
	height: 90px;
	}
	
    #hd-logo a span {
	display: none;
	}
	

/* HEADER SIGN UP FORM */

#hd-signup
{
	position: absolute;
	right: 20px;
	top: 20px;
}

#hd-signup input
{
	border: 1px solid #818181;
	color: #fff;
	background: #818181 url(../Images/hd-input-bg.png) repeat-x top left;
	height: 16px;
	vertical-align: top;
	margin-right: 5px;
	.margin-top: -1px;
	font-size: 11px;
	padding-top: 3px;
	padding-left: 4px;
}

#hd-signup button
{
	border: 1px solid #818181;
	color: #fff;
	background: #818181 url(../Images/hd-input-bg.png) repeat-x top left;
	padding: 0 0 1px 0;
 	height: 21px;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

#hd-signup button span
{
	padding: 0 5px;
	vertical-align: top;
}

#hd-email
{
	width: 134px;
}

#hd-zipcode
{
	width: 50px;
}





/* HEADER SIGN UP CONTRIBUTE BUTTON */

#hd-signup #signup-contribute a {
	background: url(../Images/signup-contribute.png) no-repeat left top;
	width: 278px;
	height: 42px;
	display: block;
	}

#hd-signup #signup-contribute a:hover {
	background-position: left -43px;
	}

#hd-signup #signup-contribute a span {
	display: none;
	}









#bd
{
	overflow: hidden;
	position: relative;
}

#bd.home
{
	overflow: visible;
}


#top
{
	width: 920px;
	padding: 6px 20px 10px 20px;
	position: relative;
}



#bottom
{
	overflow: hidden;
	background: #fff url(../Images/bottom-bg.png) repeat-y -1px 0;
	margin-bottom: 20px;
	position: relative;
	display: inline-block; /* IE 6 Fix */
}
#bottom .bottom-col
{
	position: relative;
	width: 480px;
	padding: 0;
	background-color: transparent;
}

#bottom .bottom-col-content
{
	padding: 20px;
	padding-right: 0;
	padding-bottom: 0;
	overflow: hidden;
}

#bottom .bottom-col-hd
{
	background: #fff url(../Images/bottom-col-bg.png) no-repeat top left;	
	position: relative;
	height: 43px;
}


#bottom  .bottom-col-hd  h2
{
	display: block;
	position: absolute;
	bottom: 5px;
	left: 20px;
}




/* PAGE LAYOUTS */


#bd #section-header
{
	width: 625px;
	height: 40px;
	position: relative;
	top: 20px;
	left: 45px;
	z-index: 100;
	display: inline-block;
}

#bd #section-header img
{
	position: absolute;
	left: 0;
	bottom: 8px;
	z-index: 110;
}

#bd #main-column {
	float: left;
	min-height: 400px;
	padding-left: 45px;
	padding-right: 20px;
	margin-top: 20px;
	color: #535353;
	}
	
	#bd #main-column.races {
	padding-left: 30px;
	padding-right: 20px;
	margin-top: 30px;
	}

#breadcrumbs
{
	font-size: 10px;
	line-height: 100%;
	text-transform: uppercase;
	vertical-align: top;
}

#toolbar {
	font-size: 10px;
	line-height: 100%;
	text-transform: uppercase;
	height: 28px;
	padding: 0 10px;
	background-color: #f8fafa;
	border-top: 1px solid #f3f6f7;
	border-bottom: 1px solid #f3f6f7;
	line-height: 200%;
	margin: 20px 0;
    }

#toolbar a, #toolbar span
{
	display: block;
	float: left;
	margin-right: 10px;
	padding-right: 10px;
	margin-top: 3px;
	border-right: 1px solid #f3f6f7;
	vertical-align: middle;
}

#toolbar span
{
	border-right: none;	
}

#toolbar .email
{
	background: url(../Images/toolbar-email-icon.gif) transparent no-repeat 0 52%;
	padding-left: 16px;
}

#toolbar .bookmark
{
	background: url(../Images/toolbar-bookmark-icon.gif) transparent no-repeat 0 52%;
	padding-left: 14px;
}

#toolbar .print
{
	background: url(../Images/toolbar-print-icon.gif) transparent no-repeat 0 52%;
	padding-left: 16px;
}

#toolbar .font-selector
{
	color: #337aad;
	cursor: pointer;
	font-weight: bold;
	padding: 0;
	vertical-align: bottom;
	margin-right: 5px;
}

#toolbar .font-selector-label
{
	margin-right: 0;
}

#toolbar .font-selector.current
{
	padding-bottom: 0px;
	border-bottom: 1px solid #a5a6a6;
	cursor: auto;
	color: #535353;
}

#toolbar .font-selector.medium
{
	font-size: 130%;
}


#toolbar .font-selector.large
{
	font-size: 190%;
}


/* Font Controls*/

#font_size_links { float: left; height: 24px; margin-right: 8px; width: 200px}

#font_size_links div.size { float: left; }

#font_size_links .title { width: 69px; background: url('../Images/pagetools-fontsize-title.png') no-repeat -1px 0; margin:0; padding: 0;}


#font_size_links div.s { width: 11px; _overflow: hidden;}
#font_size_links div.m { width: 13px; _overflow: hidden;}
#font_size_links div.l { width: 13px; _overflow: hidden;}


#font_select:link,
#font_select:visited { 
    width:14px;
    height:17px;
    background: url('../Images/pagetools-fontsize-small.png') no-repeat center -18px;
    display:block;
    }

#font_select_med:link,
#font_select_med:visited { 
    width:15px;
    height:17px;
    background: url('../Images/pagetools-fontsize-medium.png') no-repeat center top;
    display:block;
    }

#font_select_large:link,
#font_select_large:visited { 
    width:15px;
    height:17px;
    background: url('../Images/pagetools-fontsize-large.png') no-repeat center top;
    display:block;
    }

#font_select_small:hover,
#font_select_med:hover,
#font_select_large:hover,
.med #font_select_med,
.large #font_select_large { 
    background-position: center -18px; 
    }

.med #font_select,
.large #font_select { background-position: center 0px; }


#bd #main-column h1
{
	font-size: 182%;
	margin-bottom: .5em;
	margin-top: 5px;
	line-height: 105%;
}

#bd #main-column p
{
	font-size: 108%;
	margin-bottom: 1em;
	line-height: 140%;
}

#bd #main-column .info
{
	font-size: 77%;
	text-transform: uppercase;
	margin-bottom: 2em;
	line-height: 100%;
}



/* WIDE */


#bd.wide
{
	min-height: 500px;
	background: #fff url(../Images/bd-wide-bg.png) no-repeat top left;
	margin-bottom: 20px;
	padding-top: 6px;
}

#bd.news {
	margin-bottom: 0px;
	}

#bd.wide #main-column
{
	width: 870px;
}



/* TWO COLUMN */

#bd.two-column
{
	min-height: 500px;
	background: #fff url(../Images/bd-two-column-bg.png) no-repeat top left;
	margin-bottom: 20px;
	padding-top: 6px;
	display: block;
	position: relative;
}

#bd.two-column #main-column
{
	width: 625px;
	display: inline-block;
}

#bd.two-column #contextual-column {
	float: right;
	width: 250px;
	margin-right: 19px;
	overflow: hidden;
	min-height: 400px;
	}

#bd.two-column #main-column .subsection-header {
	border-top: 1px solid #e8e8e8;
	margin: 40px -20px 0 -45px;
	height: 45px;
	background: white url('../Images/subsection-header-bg.png') no-repeat top left;
	position: relative;
	display: inline-block;
	}

#bd.two-column #main-column .subsection-header img {
	position: absolute;
	bottom: 5px;
	left: 45px;
    }


#bd.two-column #main-column ul.post-list,
#bd.two-column #main-column ul.post-list-hos {
	margin-top: 20px;
	.margin-top: 30px;
	}
	
#bd.two-column #main-column ul.post-list li,
#bd.two-column #main-column ul.post-list-hos li {
	margin-bottom: 1em;
	}
	
	#bd.two-column #main-column ul.post-list-hos li {
	min-height: 60px;
	_height: 60px;
	}
	
#bd.two-column #main-column ul.post-list li span.date {
	font-size: 77%;
	text-transform: uppercase;
	width: 85px;
	float: left;
	display: block;
	padding: 2px 0 0 0;
	}
	
#bd.two-column #main-column ul.post-list li a {
	font-size: 93%;
	padding: 0 0 0 85px;
	display: block;
	width: 540px;
	.margin-top: -15px;
	}
	
	#bd.two-column #main-column ul.post-list-hos li a {
	font-size: 93%;
	padding: 0 0 0 65px;
	display: block;
	width: 540px;
	.margin-top: -15px;
	}
	
	#bd.two-column #main-column ul.post-list-hos li a img {
	float: left;
	width: 54px;
	height: 54px;
	margin-left: -65px;
	}
	
	#bd.two-column #main-column ul.post-list-hos li a h3 {
	font-size: 120%;
	}

	#bd.two-column #main-column ul.post-list-hos li a .description {
	color: #818182;
	display: block;
	}
	
	#bd.two-column #main-column ul.post-list-hos li a:hover .description {
	color: black;
	}




#bd.two-column #main-column .more {
	font-size: 10px;
	border-top: 1px solid #ebf0f3;
	padding-top: 15px;
	margin-top: 20px;
	}



#bd.two-column #contextual-column .submenu {
	margin-top: 0px;
	padding-bottom: 20px;
	background: transparent url(../Images/submenu-bg.png) no-repeat left bottom;
	}

#bd.two-column #contextual-column .submenu h3
{
	font-size: 10px;
	padding-bottom: 5px;
	text-transform: uppercase;
	border-bottom: 1px solid #ebf0f3;
	padding-left: 20px;
}

#bd.two-column #contextual-column .submenu ul
{
	margin-left: 20px;
	margin-top: 10px;
}

#bd.two-column #contextual-column .submenu ul li
{
	font-size: 14px;
	margin-bottom: .75em;
}





/* FOOTER */


#ft {
	background: url('../Images/ft-bg.png') repeat-x left top;
	clear: both;
	}

#ft-upper
{
	padding: 20px;
	border-bottom: 1px #eeeeee solid;
	min-height: 80px;
	position: relative;
	overflow: hidden;
}


#ft-upper #ft-contribute {
	float: left;
	width: 120px;
	height: 80px;
	}
	
	
	#ft-upper #ft-contribute a {
	width: 120px;
	height: 80px;
	display: block;
	background: url(../Images/contribute-badge.png) no-repeat left top;
	}
	
	#ft-upper #ft-contribute a:hover {
	background-position: left -81px;
	}
	
	#ft-upper #ft-contribute a span {
	display: none;
	}



#ft-lower
{
	padding: 20px;
	font-size: 10px;
	line-height: 150%;
	position: relative;
}


#ft-lower #copyright
{
	font-family: Verdana;
	color: #6e6f6f;
}

#ft-lower #disclaimer
{
	color: #898989;
	border: 1px #898989 solid;
	padding: 4px 8px;
	position: absolute;
	bottom: 15px;
	right: 20px;
	width: 400px;
	text-align: center;
}


/* Footer Links */

#ft-links
{
	float: left;
	overflow: hidden;
	margin-left: 15px;
	margin-top: 4px;
}

#ft-links .link-group
{
	margin-bottom: 10px;
	overflow: hidden;
	clear: both;
}

#ft-links h4
{
	display: block;
	width: 98px;
	float: left;
	font-size: 14px;
	font-weight: bold;
	position: relative;
}

#ft-links ul
{
	white-space: nowrap;
	float: left;
	overflow: hidden;
	position: relative;
	margin-top: 2px;
}

#ft-links ul li
{
	float: left;
	padding-left: 7px;
	margin-right: 4px;
	white-space: nowrap;
	font-size: 11px;
	background: url(../Images/ft-link-separator.png) no-repeat 0 50%;
}


#ft-links ul li.first
{
	background-image: none;
}

/* FOOTER TOOLS */

#ft-tools
{
	float: right;
	width: 320px;
	height: 60px;
	padding: 10px;
	background: #fff url(../Images/ft-tools-bg.png) no-repeat top left;
	font-size: 11px;
}

#ft-tools h4 {
	text-transform: uppercase;
	margin-bottom: 5px;
	font-size: 11px;
	}

#ft-tools-feeds
{
	float: left;
	width: 180px;
}

#ft-tools-feeds h4 {
	vertical-align: top;
	}

#ft-tools-feeds h4 img {
	margin: 0 5px 0 0;
	vertical-align: top;
	}
	
#ft-tools-feeds form{
	.margin: 0;
	padding: 0;
	}

#ft-tools-feeds form legend {
	display: none;
	}

#ft-tools-feeds form select {
	border: 1px solid #ccc;
	padding: 2px;
	width: 120px;
	color: #888;
	margin-bottom: 5px;
	.margin: 0px;
	}

#ft-tools-social
{
	float: right;
	width: 112px;
}
