@import url(widgets.css);
@import url(sidemenu.css);
@import url(content.css);
@import url(sidebar.css);

HTML,BODY,P,DIV,SPAN,BLOCKQUOTE,H1,H2,H3,H4,UL,OL,LI,A,FORM,INPUT,SELECT,TEXTAREA,IMG,FIELDSET,LEGEND {
	margin: 0;
	padding: 0;
	border: none;
}

HTML {
	background: #fff url(../images/page_bkg.gif);
	font: 0.75em/1.2em arial, helvetica, sans-serif;
}

BODY#wrapper {
	position: relative;
	width: 780px;
	margin: 0 auto;
	background: #F1FAFF url(../images/content_background.jpg) repeat-x 0 171px;
	color: #555;
}

BODY#wrapper.wide {
	width: 980px;
}

BODY#wrapper.thin {
}

P {
	margin: 0.5em 0;
}

H1 {
	margin: 0.5em 0;
	color: #2263aa;
}

A IMG{
	border: none;
}

A {
	color: #f5821f;
	text-decoration: none;
}

A:hover {
	text-decoration: underline;
}

/****
	Global styles
****/


INPUT.text,
SELECT {
	border-top: solid 1px #000;
	border-left: solid 1px #000;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
	background: #fff url(../images/input_text_bkg.gif) repeat-x top;
	font: 100% arial, helvetica, sans-serif;
	vertical-align: middle;
}

INPUT.btn {
	vertical-align: middle;
	margin: 0 2px;
}

TEXTAREA {
	font: 100% arial, helvetica, sans-serif;
}

/****
	Ajax
****/

.error {
	background: #ffb;
	padding: 0.25em;
	color: #c00;
}

.success {
	background: #9FFFBE;
	padding: 0.25em;
	color: #333;
}

.busy {
	clear: both;
	background: #F1FAFF;
	padding: 0.35em;
	border: solid 1px #C2E7FF;
	margin: 1em 0;
	display: block;
	width: 120px;
	overflow: hidden;
}

.busy IMG {
	vertical-align: middle;
	margin: 0 6px 0 0;
}

/****
	Page Header
****/

#header {
	position: relative;
	text-align: left;
	padding: 0;
	margin: 0;
	height: 24px;
	background: #003875 url(../images/header_bkg.gif) repeat-x bottom;
}

#header UL {
	list-style: none;
	position: absolute;
	top: 4px;
	left: 125px;
	font-size: 8pt;
}

#header LI {
	display: inline;
	padding: 0 11px 0 0;
}

#header LI A {
	color: #fff;
	padding: 0 2px 2px;
	line-height: 1em;
}

#header LI A:hover {
	background: #1d589a;
}

#header LI.selected A {
	color: #f8b708;
	text-decoration: none;
}

#header #search {
	position: absolute;
	right: 6px;
	top: 3px;
}

#banner {
	overflow: hidden;
	width: 100%;
	height: 71px;
	background: #003875 url(../images/en/banner_orw_thin_bkg.gif) no-repeat;
}	

.wide #banner {
	background: #003875 url(../images/en/2011_banner.jpg) no-repeat;
}

.saturday #banner {
	background: #00a886 url(../images/en/2011_banner_saturday.jpg) no-repeat; 
	}
.sunday #banner {
	background: #d8002f url(../images/en/2011_banner_sunday.jpg) no-repeat;
	}
.race-weekend-info #banner {
	background: #f4a82b url(../images/en/2011_banner_raceinfo.jpg) no-repeat; 
	}

#banner H1 {
	position: relative;
	top: 13px;
	left: 400px;
	width: 365px;
	font: bold 100% arial, helvetica, sans-serif;
	color: #fff;
}

.thin #banner H1 {
	left: 300px;
}

.orw #banner H1 {
	display: none;
}

#banner #countdown { 
	float: right;
	width: 214px;
	height: 71px;
}






/****
	Sponsor tabs
****/


#topmenu-wrap{
    position: relative;
    }
    
#btn-runottawaclub{
    display: block;
    width: 132px;
    height: 20px;
    background: url(../images/btn-runottawaclub.gif) 0 0 no-repeat;
    text-indent: -900em;
    overflow: hidden;
    position:absolute;
    bottom: 7px;
    right: 7px;
    }
#btn-runottawaclub:hover{
    background-position: 0 -20px;
    }

#topmenu {
	position: relative;
	width: 100%;
	height: 76px;
	text-align: left;
	overflow: hidden;
	background: #b2dbf9 url(../images/topmenu_bkg.gif) no-repeat top right;
	list-style: none;	
}

#topmenu LI {
	position: absolute;
	top: 0;
	left: 0;
	display: inline;
	font-size: 85%;
	height: 76px;
	width: 190px;
	
}

#topmenu LI A {
	display: block;
	height: 100%;
	width: 100%;
}

#topmenu LI A EM {
	color: #8d8c8c;
	position: absolute;
	float: left;
	left: 15px;
	top: 60px;
	font-style: normal;
}

#topmenu LI.current A EM {
	color: #1876be;
	left: 21px;
	text-decoration: underline;
}

#topmenu LI A:hover EM {
	color: #1876be;
	text-decoration: underline;
}


#topmenu #current {
	position: absolute;
	z-index: 100;
}

#topmenu #current A {
	position: absolute; 
	top: 0; left: 0;
	overflow: visible; }

	/* -- topmenu >> default/home button */
	#topmenu .ottawaracebtn { 
		left: 0; 
		width: 196px;
		background: url(../images/en/topmenu_orw_bkg.gif) no-repeat top left; }
	#topmenu .ottawaracebtn a em { text-indent:7px; }
	#topmenu LI#current .ottawaracebtn { background: url(../images/en/topmenu_orw_selected_bkg.gif) no-repeat ; }
	
	/* -- topmenu >> saturday race day */
	#topmenu .ingbtn { 
		left: 196px; 
		background: url(../images/en/topmenu_ing_bkg.gif) no-repeat; }
	#topmenu LI#current .ingbtn { 
		margin-left: -6px;
		width: 196px;	
		background: url(../images/en/topmenu_ing_selected_bkg.gif) no-repeat; }
	
	/* -- topmenu >> sunday race day */
	#topmenu .mdsbtn { 
		left: 386px; 
		background: url(../images/en/topmenu_mds_bkg.gif) no-repeat; }
	#topmenu LI#current .mdsbtn { 
		margin-left: -6px;
		width: 196px;		
		background: url(../images/en/topmenu_mds_selected_bkg.gif) no-repeat; }
	
	/* -- topmenu >> expo button */
	#topmenu .pfizerbtn { 
		left: 576px;
		width: 205px;
		background: url(../images/en/topmenu_pfizer_bkg.gif) no-repeat top left; }
	#topmenu LI#current .pfizerbtn { 
		width: 211px;	
		margin-left: -6px;
		background: url(../images/en/topmenu_pfizer_selected_bkg.gif) no-repeat; }


/****
	Page Title
****/

#pagetitle {
	float: left;
	margin: 23px 23px 5px 23px;
	width: 500px;
}

.home #pagetitle {
	display: none;
}

.home.section #pagetitle {
	display: inline;
}

#pagetitle H1 {
		background: none;
	font: bold 200%/1.1em arial, helvetica, sans-serif;
	margin: 0;	
}




/****
	Breadcrumb
****/

#pagetitle UL {
	list-style: none;
	overflow: hidden;
}

#pagetitle UL LI {
	float: left;
	font-size: 80%;
	padding: 0 5px 0 8px;
	background: url(../images/arrow_right.gif) no-repeat left 0.6em;
	color: #a2a2a2;
}

#pagetitle UL LI.first {
	padding-left: 0;
	background: none;
}

#pagetitle UL LI A {
	color: #2263aa;
}

#pagetitle UL LI A:hover {
	text-decoration: none;
	background: #fff;
}

/****
	Content Layout
****/

#content { 
	position: relative; 
	overflow: hidden;
	float: left;
}

.home #content{
	width: 770px;  }

/* on non-home pages */
.content #content { 
	border: solid 1px #ededed;
	background: #fff;
	padding: 17px;
	margin: 13px 0 13px 13px;
	width: 268px;
}

.wide.content #content { 
	width: 725px;
}

/* home page columns */
.column {
	position: relative; 
	display: block;
	float:left;
}

.home #content.column {
	padding: 0 0 13px 13px;
}

#sidebar { 
	width: 240px;
	float: left;
	padding: 13px 0 0;
}

.home #sidebar.column {
	width: auto;
	padding: 0 0 13px 13px;
}

/****
	Footer
****/

#footer {
	clear: left;
	padding: 10px 0 20px;
	background: #003875;
	color: #c4d1df;
	text-align: center;
	margin: 20px 0 0;
	font-size: 80%;
}

#footer UL {
	margin: 0 0 10px;
	list-style: none;
	font-size: 120%;
}

#footer UL.nav {
	font-size: 100%;
}

#footer UL LI {
	display: inline;
	padding: 0 15px;
}

#footer UL LI.selected A {
	color: #7aace4;
	text-decoration: none;
}

#footer LI A:link, 
#footer LI A  {
	color: #fff;
	text-decoration: underline;
}

#footer .nav LI A:link,
#footer .nav LI A {
	color: #B3D0EF;
}

#footer .sponsors {
	margin: 10px 15px;
	padding: 15px 0;
	background: #c4d1df;
	display: none;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.clear {
	clear:both;
}






/* -- HOME */
#journeydestination{
	display: inline;
	float:left;
	position: relative;
	margin: 10px 0 0 10px; }
#journeydestination H2{
    padding: 0 10px;
    min-width: 244px;
    height: 56px;
    font-size: 21px;
    letter-spacing: -1px;
    line-height: 2.75em;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    position: absolute;
    bottom: 15px; 
    right: 0 }
    


BODY.saturday #journeydestination H2{ background: #02A684 } 
BODY.sunday #journeydestination H2{ background: #D8002F } 
BODY.race-weekend-info  #journeydestination H2{ background: #F4A92C }