@charset "utf-8";
/* edonate CSS */

/* BODY */
body {
	font: 11px Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: center;
	background: url(/images/footer_bg.gif) 0 0;
/*		background: url(http://www.torontowaterfrontmarathon.com/en/images/stwmlogo2010.png) 0 0 repeat-x ; */
	background-position: center;
}



/* CONTAINER */
.ctrCol #container {
	width: 950px;
	background-color: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}


/* HEADER */

.c_header {
	background: url(/images/c_header.gif) no-repeat;
	padding-top: 3px;
	padding-left: 25px;
	color: #FFFFFF;
	font: 12px Arial;
	font-weight: bolder;
	margin-bottom: 5px;
	height: 20px;
}


#header {
	height: 116px;	
}

#header_text {
	padding-left: 150px;
	padding-top: 15px;
	color: #7B83BA;
	font: 26px Arial;
	font-style: italic;
	font-weight: bolder;

}
#drj{
	padding-left: 10px;
	margin: 0px 0px auto;
	float: left;
	position: absolute;
}
#pe{
	position: absolute;
	margin: 5px 815px auto;
	float: right;
}

/* CONTENT - HOME PAGE */

.c_banner {
	background: url(/images/banner_bg3.jpg) no-repeat;
	padding: 20px;
	height: 230px;
}

#banner_text {
	width: 700px;
	color:#FFFFFF;
	padding: 10px;

}


.c_main {
	clear: both;
	position: relative;
	margin: 0px;
	height: 300px;

}

#cA {
	float: left;
	width: 260px;
	height: 260px;
	margin: 10px;
	padding: 10px;
}

#cA_content {
	width: 240px;
	height: 260px;
}

#cB {
	float: left;
	position: relative;
	width: 260px;
	height: 260px;
	margin: 10px;
	margin-left: 30px;
	margin-right: 30px;
	padding: 10px;
	background-position: 50px 50px;

	background: url(http://www.torontowaterfrontmarathon.com/en/images/stwmlogo2010.png);
	background-position: center bottom;
	background-repeat: no-repeat;

}

#cB_content {
	width: 240px;
	height: 260px;
	font: 12px Arial;
	font-weight: 800;
	line-height: 1.8;
	
}

#cC {
	float: right;
	width: 260px;
	height: 260px;
	margin: 10px;
	padding: 10px;
}

#cC_content {
	width: 240px;
	height: 260px;
	font: 12px Arial;
	font-weight: 800;
	line-height: 1.8;
}

/* CONTENT */

.c5_top {
	clear: both;
	position: relative;
	margin: 0px;
	height: 440px;

}
.c_top {
	clear: both;
	position: relative;
	margin: 0px;
	height: 300px;

}
#c1 {
	float: left;
	width: 260px;
	height: 260px;
	margin: 10px;
	padding: 10px;
}

#c1_content {
	width: 240px;
	height: 260px;
}


#c2 {
		float: right;
        padding: 10px;
		padding-right: 30px;
        width: 580px;
        height: 260px;
		margin: 10px;
}

#c2_content {
	width: 560px;
	height: 260px;
}

#c2_text {
	float: left;
	width: 420px;
	height: 260px;
}

/* Flash Meter */

#meter {
float: right;
margin-right: 63px;
}

.c_spacer{

	}
.c_bottom {
	height: 200px;
}

.c_bottom2 {
	height: 290px;
}

#c3 {
	float: left;
	width: 260px;
	height: 150px;
	margin: 10px;
	padding: 10px; 
}

#c3_content {
	width: 240px;
	height: 150px;
}


#c4 {
		float: right;
        padding: 10px;
		padding-right: 30px;
        width: 580px;
        height: 150px;
        margin: 10px;
}

#c4_content {
	width: 560px;
	height: 150px;
}

#c6 {
		float: right;
        padding: 10px;
		padding-right: 30px;
        width: 910px;
        height: 250px;
        margin: 10px;
}

#c6_content {
	width: 890px;
	height: 250px;
}

#c6_text {
	float: left;
	width: 890px;
	height: 250px;
}
#c5 {
		float: right;
        padding: 10px;
		padding-right: 30px;
        width: 580px;
        height: 580px;
		margin: 10px;
}

#c5_content {
	width: 560px;
	height: 580px;
}

#c5_text {
	float: left;
	width: 560px;
	height: 580px;
}




/* CORNERS */

.t {background: url(/images/div_bg.gif) 0 0 repeat-x;}
.b {background: url(/images/div_bg.gif) 0 100% repeat-x;}
.l {background: url(/images/div_bg.gif) 0 0 repeat-y;}
.r {background: url(/images/div_bg.gif) 100% 0 repeat-y;}
.bl {background: url(/images/div_bg_bl.gif) 0 100% no-repeat}
.br {background: url(/images/div_bg_br.gif) 100% 100% no-repeat;}
.tl {background: url(/images/div_bg_tl.gif) 0 0 no-repeat}
.tr {background: url(/images/div_bg_tr.gif) 100% 0 no-repeat; padding:10px} 




/* FOOTER */

#footer {
	background: url(/images/footer_bg.gif) 0 0 no-repeat;
	width: 952px;
	height: 50px;
	margin-left: -1px;
	margin-top: 20px;
	background-color:#669999;
	color: #FFFFFF;
	padding-top: 10px;
	text-align: center;
}

/* FORMS */

.form1 label {
	float: left;
	margin: 2px;
	color: #7B83BA;

	width: 65px;

}

.form1 .ff{
	height: 20px;
	width: 155px;
	background: url(/images/input_bg.gif) 0 0 no-repeat;
	border-style: none;
	font-size: 10px;
	color: #000000;
	padding: 2px;
	
}

.submitBtn {
	background: url(/images/btn.gif) 0 0 no-repeat;
	color: #FFFFFF;
	outline: none;
	border: none;
	width: 80px;
	height: 20px;
	text-align: center;
	font: 11px Arial;
	padding-bottom: 2px;
	
	
}

.submitBtnWide {
	background: url(/images/btnWide.gif) 0 0 no-repeat;
	color: #FFFFFF;
	outline: none;
	border: none;
	width: 240px;
	height: 20px;
	text-align: center;
	font: 11px Arial;
	padding-bottom: 2px;
	
	
}
/* LINKS */

a{
color: #7B83BA;
text-decoration: none;
}

a:hover{
color: #7B83BA;
text-decoration: none;
}

/* NAVIGATION */

#gHeader { width: 950px; height: 38px; margin: 0px 0px auto; position: relative; z-index: 9998; }
#gHeader #gNav { margin: 0; padding: 0; }
#gHeader #gNav  li { display: inline; }
#gHeader #gNav  li#gNavAboutEvent a { float: left; width: 133px; height: 0; padding-top: 38px; overflow: hidden; }
#gHeader #gNav  li#gNavAboutCharity a { float: left; width: 143px; height: 0; padding-top: 38px; overflow: hidden; }
#gHeader #gNav  li#gNavInvolved a { float: left; width: 158px; height: 0; padding-top: 38px; overflow: hidden; }
#gHeader #gNav  li#gNavDonate a { float: left; width: 150px; height: 0; padding-top: 38px; overflow: hidden; }
#gHeader #gNav  li#gNavPartners a { float: left; width: 152px; height: 0; padding-top: 38px; overflow: hidden; }
#gHeader #gNav  li#gNavAccent a { float: left; width: 214px; height: 0; padding-top: 38px; overflow: hidden; }
#gHeader #gNav  li a, #gHeader #gNav  { background-image: url(/images/nav.gif); background-repeat: no-repeat; }


/* NAVIGATION BUTTONS */
#gHeader #gNav li#gNavAboutEvent a { background-position: 0 0; }
#gHeader #gNav li#gNavAboutCharity a { background-position: -133px 0; }
#gHeader #gNav li#gNavInvolved a { background-position: -276px 0; }
#gHeader #gNav li#gNavDonate a { background-position: -434px 0; }
#gHeader #gNav li#gNavPartners a { background-position: -584px 0; }
#gHeader #gNav li#gNavAccent a { background-position: -736px 0; }

/* NAVIGATION OVER STATES */
#gHeader #gNav li#gNavAboutEvent a:hover { background-position: 0px -38px; }
#gHeader #gNav li#gNavAboutCharity a:hover { background-position: -133px -38px; }
#gHeader #gNav li#gNavInvolved a:hover { background-position: -276px -38px; }
#gHeader #gNav li#gNavDonate a:hover { background-position: -434px -38px; }
#gHeader #gNav li#gNavPartners a:hover { background-position: -584px -38px; }
#gHeader #gNav li#gNavAccent a:hover { background-position: -736px 0; }

/* NAVIGATION PRESSED STATES */
#gHeader #gNav li#gNavAboutEvent a:active  { background-position: 0px -38px; }
#gHeader #gNav li#gNavAboutCharity a:active  { background-position: -133px -38px; }
#gHeader #gNav li#gNavInvolved a:active  { background-position: -276px -38px; }
#gHeader #gNav li#gNavDonate a:active  { background-position: -434px -38px; }
#gHeader #gNav li#gNavPartners a:active  { background-position: -584px -38px; }
#gHeader #gNav li#gNavAccent a:active  { background-position: -736px 0; }

/* NAVIGATION DEFAULT ON STATES PER PAGE */
#gHeader #gNav li#gNavAccent a:hover { background-position: -736px 0; cursor: default; }
/*#gHeader.home #gNav li#gNavHome a { background-position: 0px 0px !important; }*/
#gHeader.AboutEvent #gNav li#gNavAboutEvent a { background-position: -0px -38px !important; }
#gHeader.AboutCharity #gNav li#gNavAboutCharity a { background-position: -133px -38px !important; }
#gHeader.involved #gNav li#gNavInvolved a { background-position: -276px -38px !important; }
#gHeader.donate #gNav li#gNavDonate a { background-position: -434px -38px !important; }
#gHeader.patrner #gNav li#gNavPartners a { background-position: -584px -38px !important; }