body {
font-family:"Helvetica Neue", Helvetica, Arial,  sans-serif;
color:#ccc;
background-image:url(/images/topstone.jpg);
background-repeat:no-repeat;
background-position:top;
background-color:#000;
font-size:14px;
margin:0px;
}

a:link, a:visited {
color:#eaeaea;
text-decoration:underline;
}

a:hover, a:active {
color:#aaa;
}

a img {
	border:none;
}

.fadebutton {
	text-align:center;
	padding:15px 0px;
	font-size:12px;
	font-weight:bold;
	width:200px;
	display:block;
	height:10px;
	color:#fff;
	position:relative;
	float:left;
	margin-right:10px;
	overflow:hidden;
	background-image:url(/images/buttons.jpg);
	background-repeat:no-repeat;
}

.fadebutton a {
	text-decoration:none;
}

.fadebutton a:hover, .fadebutton a:active {
	text-decoration:none;
	color:#ccc;
}

.fadebuttonimage {
	position:absolute;
	left:0px;
	top:0px;
	width:200px;
	height:40px;
	background:none;
	border:none;
}

#container {
margin-left:auto;
margin-right:auto;
position:relative;
background-repeat:repeat-y;
width:1000px;
}

#header {
width:1000px;
height:210px;
position:relative;
float:left;
overflow:display;
background-image:url(/images/headerbar.jpg);
background-repeat:no-repeat;
}

#xtownlogo {
width:350px;
height:210px;
position:absolute;
top:0px;
left:-100px;
background-image:url(/images/xtownlogo.png);
background-repeat:no-repeat;
background-position:0px 0px;
behavior: url(/iepngfix.htc);
}

#xtownlogo:hover {
cursor:pointer;
background-position:0px -210px;
}

#academylogo_english {
width:128px;
height:104px;
background-image:url(/images/academy_logo_english.png);
background-repeat:no-repeat;
background-position:0px 0px;
behavior: url(/iepngfix.htc);
position:absolute;
right:5px;
top:-65px;
z-index:50;
}

#academylogo_french {
width:128px;
height:104px;
background-image:url(/images/academy_logo_french.png);
background-repeat:no-repeat;
background-position:0px 0px;
behavior: url(/iepngfix.htc);
position:absolute;
right:5px;
top:-65px;
z-index:50;
}

#academylogo_english:hover, #academylogo_french:hover {
	cursor:pointer;
}


#grandopening {
width:410px;
height:100px;
position:absolute;
top:0px;
right:0px;
background-repeat:no-repeat;
background-position:0px 0px;
behavior: url(/iepngfix.htc);
}

#languages {
position:absolute;
left:250px;
top:15px;
}

#locationtag {
position:absolute;
left:250px;
top:55px;
}

#navigation_english ul li {
float:left;
padding:0px 15px 0px 0px;
margin:0px;
}

#navigation_english ul li a.toplink:link, #navigation_english ul li a.toplink:visited {
text-transform:uppercase;
font-size:12px;
font-weight:bold;
}

#navigation_french ul li {
float:left;
padding:0px 10px 0px 0px;
margin:0px;
}

#navigation_french ul li a.toplink:link, #navigation_french ul li a.toplink:visited {
text-transform:uppercase;
font-size:11px;
font-weight:bold;
}

.navigation ul li a.toplink:link, .navigation ul li a.toplink:visited {
	text-decoration:none;
}

.navigation ul li a.toplink:hover, .navigation ul li a.toplink:active {
text-decoration:none;
color:#a81a32;
}

.navigation {
position:absolute;
left:250px;
top:110px;
z-index:100;
height:75px;
}

/* remove all the bullets, borders and padding from the default list styling */
.navigation ul {list-style:none;
padding:0px;
margin-left:0px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.navigation ul li {
padding:0px 10px 0px 0px;
margin:0px;
position:relative;}

/* style the second level background */
.navigation ul ul a.drop, .navigation ul ul a.drop:visited {z-index:25;font-size:12px;color:#fff;opacity: 0.50; -moz-opacity: 0.50;}
/* style the second level hover */
.navigation ul ul a.drop:hover{color:#a81a32; opacity: 0.95; -moz-opacity: 0.95; text-decoration:none;}
.navigation ul ul :hover > a.drop {opacity: 0.95; -moz-opacity: 0.95;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.navigation ul ul {visibility:hidden;position:absolute;top:15px;left:0;}
.navigation ul ul li {float:left; margin-right:10px; list-style:none; position:relative; display:inline;height:25px; padding-top:5px; }
/* another hack for IE5.5 */
* html .navigation ul ul {top:15px;t\op:16px;}


/* style the table so that it takes no ppart in the layout - required for IE to work */
.navigation table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.navigation ul ul a, .navigation ul ul a:visited {height:auto; line-height:1em; position:relative; top:5px; font-weight:bold;}
/* yet another hack for IE5.5 */
* html .navigation ul ul a, * html .navigation ul ul a:visited {width:230px;w\idth:216px;}

/* make the second level visible when hover on first level list OR link */
.navigation ul li:hover ul,
.navigation ul a:hover ul{visibility:visible; }

#memberinfo {
	position:absolute;
	left:250px;
	top:180px;
	width:600px;
	height:40px;
	color:#666;
	font-size:12px;
}

div.gallerybox {
width:650px;
float:left;
display:block;
clear:both;
margin-bottom:20px;
margin-top:20px;
}

img.gallery {
border:none;
margin-right:10px;
float:left;
display:block;
opacity:.50; filter:alpha(opacity=50); opacity:.50;
}

div.galleryrow {
float:left;
width:650px;
margin-bottom:10px;
}

img.gallery:hover, img.gallery:active {
opacity:1.0; filter:alpha(opacity=100); opacity:1.00;
}


#content {
float:left;
position:relative;
width:1000px;
background-image:url(/images/containerbg.jpg);
background-repeat:repeat-y;
padding:0px;
margin:0px;
}

#topbanner {
	float:left;
	position:relative;
	margin-left:50px;
	margin-top:20px;
	width:900px;
	height:300px; /* this height can change based on what's inside it */
}

#woodbox_english {
background-image:url(/images/woodenbox_english.jpg);
background-repeat:no-repeat;
position:absolute;
top:0px;
left:0px;
width:900px;
height:225px;
}

#woodbox_french {
background-image:url(/images/woodenbox_french.jpg);
background-repeat:no-repeat;
float:left;
position:absolute;
top:0px;
left:0px;
width:900px;
height:225px;
}

#snocross_english {
background-image:url(/images/snocross_banner_english.jpg);
background-repeat:no-repeat;
position:absolute;
top:0px;
left:0px;
width:900px;
height:300px;
}

#snocross_french {
background-image:url(/images/snocross_banner_french.jpg);
background-repeat:no-repeat;
float:left;
position:absolute;
top:0px;
left:0px;
width:900px;
height:300px;
}

#snocross2011_banner_english {
background-image:url(/snocross2011/banner_english.jpg);
background-repeat:no-repeat;
position:absolute;
top:0px;
left:0px;
width:900px;
height:300px;
}

#snocross2011_banner_french {
background-image:url(/snocross2011/banner_french.jpg);
background-repeat:no-repeat;
float:left;
position:absolute;
top:0px;
left:0px;
width:900px;
height:300px;
}

#arenacross_english {
background-image:url(/arenacross2010/arenacross_banner_english.jpg);
background-repeat:no-repeat;
position:absolute;
top:0px;
left:0px;
width:900px;
height:300px;
}

#arenacross_french {
background-image:url(/arenacross2010/arenacross_banner_french.jpg);
background-repeat:no-repeat;
float:left;
position:absolute;
top:0px;
left:0px;
width:900px;
height:300px;
}

#across_english {
background-image:url(/across/ARENACOURSES_english.jpg);
background-repeat:no-repeat;
position:absolute;
top:0px;
left:0px;
width:900px;
height:300px;
}

#across_french {
background-image:url(/across/ARENACOURSES_french.jpg);
background-repeat:no-repeat;
float:left;
position:absolute;
top:0px;
left:0px;
width:900px;
height:300px;
}

#jsr_english {
background-image:url(/JSR/jsr_english.jpg);
background-repeat:no-repeat;
position:absolute;
top:0px;
left:0px;
width:900px;
height:432px;
}

#jsr_french {
background-image:url(/JSR/jsr_french.jpg);
background-repeat:no-repeat;
position:absolute;
top:0px;
left:0px;
width:900px;
height:432px;
}


#canam_english {
background-image:url(/canam/canam_english.jpg);
background-repeat:no-repeat;
position:absolute;
top:0px;
left:0px;
width:900px;
height:312px;
}

#canam_french {
background-image:url(/canam/canam_french.jpg);
background-repeat:no-repeat;
position:absolute;
top:0px;
left:0px;
width:900px;
height:312px;
}



#exterior_activities_english {
background-image:url(/across/ACTIVITES_EXTERIEUR_english.jpg);
background-repeat:no-repeat;
position:absolute;
top:0px;
left:0px;
width:900px;
height:300px;
}

#exterior_activities_french {
background-image:url(/across/ACTIVITES_EXTERIEUR_french.jpg);
background-repeat:no-repeat;
float:left;
position:absolute;
top:0px;
left:0px;
width:900px;
height:300px;
}


#academybanner_english, #academybanner_french, #championbanner_english, #championbanner_french {
position:absolute;
top:0px;
left:10px;
width:864px;
height:432px;
}

#academybanner_english {
background-image:url(/images/academybanner_english.jpg);
}

#academybanner_french {
background-image:url(/images/academybanner_french.jpg);
}


#championship_banner_english {
background-image:url(/images/championship_banner_english.jpg);
background-repeat:no-repeat;
float:left;
position:absolute;
top:0px;
left:0px;
width:900px;
height:300px;
}

#championship_banner_french {
background-image:url(/images/championship_banner_french.jpg);
background-repeat:no-repeat;
float:left;
position:absolute;
top:0px;
left:0px;
width:900px;
height:300px;
}

#academybanner_link {
	position:absolute;
	left:29px;
	top:372px;
	width:495px;
	height:45px;
}

#maincolumn {
width:650px;
float:left;
position:relative;
left:50px;
text-align:justify;
}

#maincolumn h2 {
color:#cc0000;
font-size:24px;
font-weight:bold;
font-family:Arial Black, "Arial Black",Helvetica, Arial;
}

#maincolumn h4 {
color:#fff;
font-size:18px;
font-weight:bold;
text-decoration:underline;
margin:5px 0px;
}

#sportspagebox {
width:650px;
height:250px;
position:relative;
float:left;
background-image:url(/images/sportspagephoto.jpg);
background-repeat:no-repeat;
margin-bottom:20px;
}

#sportspagebox #summersportslink, #sportspagebox #wintersportslink, #sportspagebox #watersportslink, #sportspagebox #othersportslink {
position:absolute;
bottom:0px;
width:162px;
height:40px;
text-align:center;
font-size:10px;
font-weight:bold;
}

input {
border:1px solid #666;
background-color:#333;
padding:3px;
margin:3px 0px;
color:#ccc;
}


#sidecolumn {
width:220px;
float:left;
position:relative;
left:80px;
}

.sidebox {
width:210px;
float:left;
margin-bottom:25px;
margin-top:25px;
padding-left:10px;
padding-bottom:0px;
text-align:justify;
border-left:1px solid #666;
position:relative;
}

.sidebox h3 {
color:#666;
font-size:24px;
font-family:Arial Black, "Arial Black",Helvetica, Arial;
text-transform:uppercase;
padding-top:0px;
margin-top:0px;
}


.sidebox_noline {
width:220px;
float:left;
height:100px;
margin-bottom:10px;
margin-top:10px;
padding-left:0px;
padding-bottom:0px;
text-align:justify;
position:relative;
}

.sidebox_noline .sidebox_desc {
width:210px;
height:14px;
position:absolute;
bottom:0px;
left:0px;
padding:3px 5px;
background-color:#000;
opacity:.50; filter:alpha(opacity=50); opacity:.50;
color:#fff;
font-size:12px;
}

.sidebox_desc a:link, .sidebox_desc a:visited {
text-decoration:none;
}

.sidebox_desc a:hover, .sidebox_desc a:active {
text-decoration:none;
}

.sidebox_noline:hover .sidebox_desc, .sidebox_desc:hover {
opacity:.80; filter:alpha(opacity=80); opacity:.80;

}

#footer {
background-image:url(/images/footerbar.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
float:left;
position:relative;
margin:0px;
width:1000px;
height:100px;
color:#666;
text-align:center;
}

#footertext {
color:#333;
font-size:10px;
margin-left:auto;
margin-right:auto;
position:relative;
top:30px;
text-align:center;
width:1000px;
}


/* General Text Color CSS */
.redtext {
	color:#f00;
}

.greentext {
	color:#0f0;
}

.bluetext {
	color:#64aaf8;
}

.whitetext {
	color:#fff;
}

.scheduletable {
	margin-top:10px;
	margin-bottom:20px;
}

.scheduletable tr td {
	
	border-bottom:1px dashed #aaa !important;
}

.scheduletable tr {
}

.scheduletable td.titlecell {
	font-weight:900;
	color:#cc0000;
	padding-top:20px;
}


/* block.php layout */
#blocks_info {
	float:left;
	width:300px;
	padding:10px;
	background-color:#0a0a0a;
}

#blocks_book {
	float:left;
	width:300px;
	padding:10px;
}

.booked_full {
	color:#f00;
}


.booked_empty {
	color:#0f0;
}

.linedparagraph {
	width:100%;
	padding:5px 5px 50px 5px;
	border:1px solid #666;
	margin-bottom:20px;
	clear:both;
}


/* EMAIL SUB FORM CSS*/

	.myForm td, input, select, textarea, checkbox  {
		font-family: tahoma;
		font-size: 12px;
	}

	.required {
		color: red;
	}