/* ========================================================================== *\
	PROJECT:	UAT SITE DESIGN
	CLIENT: 	TORONTO TRIATHLON CLUB
	BUILT BY: 	COMMERCIAL DESIGN & MULTIMEDIA
	AUTHOR:		mrmenellis
	DATE:		MARCH 2006
\* ========================================================================== */
@import "/conf/menuControl.css";

html,
body 	{ height: 100%; margin: 0; padding: 0; }
body	{ background: rgb(218,218,218); font: 62.5%/1.5 "Lucida Grande","Lucida Sans",Lucida,Arial,Helvetica,Sans-serif; color: rgb(124,129,135); }

a			 		{ color: rgb(237,43,24); text-decoration: none; outline: none;}
a:hover { color: dodgerBlue; }

form	{ display: inline; }
label	{ display: block; }
img	{ border: 0; }

#tupperware { position: relative; min-height: 88%; padding-bottom: 70px; background: white url(/img/backgrounds/background-header_gradient.gif) repeat-x top left; }

#header 		{ position: relative; height: 87px; width: 754px; margin: 0 auto; background: url(/img/backgrounds/background-header.png) no-repeat top center; }
#header h1 {
	text-indent: -10000px;
	padding: 0;
	margin: 0;
	width: 120px;
	height: 80px;
	margin:0 0 0 5px;
}
#header h1 a {
	display: block;
	height: 80px;
}

#menu,
ul#login		{ position: absolute; top: 66px; left: 149px; margin: 0; padding: 0; list-style: none; }

/*#header li 		{ float: left; margin: 0 10px 0 0; padding: 0; font: 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,Sans-serif; }*/

ul#login 		{ position: absolute; top: 15px; left: 395px; }
ul#login li		{ float: left; margin: 0 8px 0 0; padding: 0; font: 1.1em "Century Gothic","Trebuchet MS",Arial,Helvetica,Sans-serif; vertical-align: bottom;}
#login label	{ height: 14px; white-space: nowrap; }

#header a,
#footer a 		{ color: rgb(124,129,135); }
#header a:hover,
#footer a:hover	{ color: rgb(237,43,24); }

#bodyContent,
#bodyContent2 	{ width: 754px; margin: 18px auto; background: url(/img/backgrounds/3col/3col-background_content.gif) repeat-y top center; z-index: 0;}

#colBodyContent.cal ul {list-style: none; margin: 0 5px 15px; padding: 0; }

#colBodyContent.cal li { margin: 0; padding: 0; }

#bodyCover 				{ position: absolute; top: -10px; left: 0; height: 290px; width: 418px; z-index: 0; overflow: hidden; }

#bodyCover img {
	width: 418px;

	height: 290px;	
}

/*#bodyCover p.position 	{ position: absolute; top: 10px; right: 10px; width: 178px; height: 270px; padding: 10px; background: url(/img/backgrounds/transparent.png); color: rgb(54,54,54); line-height: 1.2; z-index:0;}*/
p.position		{ position: absolute;top: 283px; left: 12px;}

#topRound 		{ display: block; height: 17px; width: 100%; background: url(/img/backgrounds/3col/3col-top_round.png) no-repeat top center; }
#bottomRound 	{ clear: left; display: block; height: 17px; width: 100%; background: url(/img/backgrounds/3col/3col-bottom_round.png) no-repeat top center; }

#colWorkout,
#colBodyContent,
#colAdditional { position: relative; float: left; min-height: 100px; margin-left: 6px;}

#colWorkout		{ width: 139px; margin-left: 7px; padding: 0 5px 0 5px; font: 1em/1.1 "Century Gothic","Trebuchet MS",Arial,Helvetica,Sans-serif; color: white; }
#colWorkout h1	{ margin: 15px 0 0; padding: 0; font-size: 1.3em; }
#colWorkout ul	{ list-style: none; margin: 0; padding: 0; }

.colWorkoutLink a {
	display: block;
	padding: 5px 5px 5px 5px;
	width: 129px;
	color: #ffffff;
	margin: 0;
}
.colWorkoutLink a:hover {
	color: #ffffff;
	background: url(/img/backgrounds/leftCalBG.png) no-repeat top;
}

.colWorkoutTitle a {
	color: #ffffff;
	display:block;
	padding: 3px 5px 4px 5px;
	margin:0 -5px 0 -5px;
	background: no-repeat;
}
.colWorkoutTitle a:hover {
	background: #f0f0f0;
	color: #ed2b18;
}
.colWorkoutLink a .colWorkoutLinkBottom {
	height: 10px;
	margin: -2px -5px -5px -5px;
	background: url(/img/backgrounds/leftCalBGBottom.png);
}
.colWorkoutLink a:hover .colWorkoutLinkBottom {
	background-position:  0 -10px;
}
#colBodyContent		{ width: 398px; padding: 0 10px; font-size: 1.13em; z-index:0; }
#colBodyContent h1	{ margin: 0 0 8px; font: 1.5em/1.1 "Century Gothic","Trebuchet MS",Arial,Helvetica,Sans-serif; font-weight: bold; color: rgb(237,43,24); text-transform: uppercase; }
#colBodyContent h2	{ margin: 0 0 12px; padding: 0; font: 1.2em/1.1 "Century Gothic","Trebuchet MS",Arial,Helvetica,Sans-serif; font-weight: bold; color: rgb(54,54,54); text-transform: uppercase; }
#colBodyContent p	{ margin: 0 0 8px; }

#colAdditional 			{ padding: 0 10px; width: 141px; text-align: center; }
#colAdditional h1		{ margin: 0 0 12px; padding: 0; font: 1.2em/1.1 "Century Gothic","Trebuchet MS",Arial,Helvetica,Sans-serif; font-weight: bold; color: white; text-transform: uppercase; text-align: center; }
#colAdditional img 		{ display: block; margin-bottom: 12px; }
#colAdditional a		{ color: white; }
#colAdditional a:hover	{ color: orange; }

#footer 	{ position: absolute; bottom: 0; min-height: 58px; height: auto; width: 100%; background:  rgb(218,218,218) url(/img/backgrounds/background-site_footer.gif) repeat-x bottom left; }
#footer ul	{ position: relative; list-style: none; width: 754px; height: 27px; margin: 18px auto 0; padding: 0; }
#footer li	{ margin: 0; padding: 0; font-size: .9em; }
#footer a 	{ text-decoration: underline; }
#oat		{ position: absolute; left: 0; background: url(/img/logos/logo-oat.gif) no-repeat left 50%; }
#oat p 		{ margin: 0 0 0 62px; padding: 0;}
#copy 		{ position: absolute; right: 100px; text-align: right; }

#buildAndPowered			{ position: absolute; right: 0; height: 27px; }
#buildAndPowered a span 	{ display: none; }
#buildAndPowered a  		{ padding: 0; display: block; width: 90px; height: 27px; background: url(/img/newSportMedia.png) no-repeat 0 0; cursor: help; }
#buildAndPowered a:hover	{ background-position: 0 -27px; }

input.textInput	{ width: 133px; background: rgb(230,230,230); font-size: 1em; color: rgb(124,129,135); }
a.archives,
input.go, 
a.more,
a.more-w		{ display: block; width: 49px; height: 19px; margin-top: 12px; background: url(/img/buttons/button-go.png) no-repeat 0 0;}
input.go:hover,
a:hover.archives,
a.more:hover,
a.more-w:hover { background-position: 0 -19px; }
a.more			{ width: 60px; background: url(/img/buttons/button-more-r.png) no-repeat 0 0; }
a.more-w			{ width: 60px; background: url(/img/buttons/button-more.png) no-repeat 0 0; }
a.archives		{ width: 76px; background: url(/img/buttons/button-archives.png) no-repeat 0 0;}
.type { font-weight: bold; }


/* INSIDE */
#bodyContent2 #topRound { display: block; height: 17px; width: 100%; background: url(/img/backgrounds/2col/2col-top_round.png) no-repeat top center; }
#bodyContent2 #bottomRound { clear: left; display: block; height: 17px; width: 100%; background: url(/img/backgrounds/2col/2col-bottom_round.png) no-repeat top center; }
#bodyContent2 #colBodyContent { width: 553px;}
#bodyContent2 { background: url(/img/backgrounds/2col/2col-background_content.gif) repeat-y top center; }
#bodyContent2 #colAdditional { text-align: left;}
#bodyContent2 #colAdditional ul  { list-style: none; margin: 0; padding: 0; }
#bodyContent2 #colAdditional li { margin: 0 0 8px; padding: 0 0 0 15px; background: url(/img/backgrounds/arrow.gif) no-repeat 0 50%; line-height: 1.1; }
#bodyContent2 #colAdditional li.plus  { margin: 0 0 8px; padding: 0 0 0 15px; background: rgb(240,240,240); line-height: 1.5;color: dodgerBlue; }
#bodyContent2 #colAdditional a.more	{ float: right; }

#bodyContent2 #colAdditional table
{
width: 100%;
color: white;
}

#bodyContent2 #colAdditional .calendar td,
#bodyContent2 #colAdditional #calNav
{
text-align: center;
}

#bodyContent2 #colAdditional #calNav,
#bodyContent2 #colAdditional .calendar th
{
border-bottom: 1px solid white;
}

#bodyContent2 #colAdditional .calHilite,
#bodyContent2 #colAdditional .calHilite a
{
background: rgb(240,240,240); 
color: rgb(237,43,24);
}

/* NEW ARTICLE LAYOUT */
.newsArticle { position: relative; margin: 5px 0 10px 0; padding: 3px 15px 3px 175px; min-height: 162px; height: auto; }
.newsArticle img { position: absolute; top: 3px; left: 3px; padding: 7px; border: 1px solid rgb(218,218,218); }

/* RACE RESULTS */
#recentResults		{ padding-bottom: 20px; }
#recentResults p 	{ margin: 0; }
#recentResults a	{ margin-left: 20px; font-weight: bold; }