/* CSS Document */
body{
	background-image:url(images/bg.jpg); background-repeat:repeat;
	margin:0px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;}
	
table tr td {
	vertical-align:top;}

#outer{
width:800px;
margin:0 auto;
background-color:#FFFFFF;
}

#headerLeft {
	background-image:url(images/skatingClub01.jpg); background-repeat:no-repeat;
	width:425px;
	height:140px;
	border:0px;
	padding: 0px;
	margin:0px;
	display:block;
	float:left;
	}
	
#headerRight {
	background-image:url(images/skatingClub02.jpg); background-repeat:no-repeat;
	width:375px;
	height:140px;
	border:0px;
	padding:0px;
	margin:0px;
	display:block;
	float:left;
	}


#leftBox{
	width:170px; 
	display:block; 
	float:left;
}


.nav {width:155px; position:relative; height:130px; margin:0px; padding-left:5px; display:block;}
.nav ul li a, .nav ul li a:visited {display:block; text-decoration:none; color:#333333; width:150px; height:20px; text-align:left; border-bottom:dotted 1px #66CCFF; line-height:19px; font-weight:bold;}
.nav ul {padding:0; margin:0;list-style-type: none;}
.nav ul li {float:left; margin-right:1px; position:relative;}
.nav ul li ul {display: none;}
.nav ul li:hover a {color:#999999; background-color:#FFFFCC; padding-left:0.3em;}
.nav ul li:hover ul {display:block; position:absolute; top:0; left:150px; width:200px; padding-left:0.4em;}
.nav ul li:hover ul li a.hide {background-color:#FFCC33; color:#FFFFFF;}
.nav ul li:hover ul li:hover a.hide {width:200px;}
.nav ul li:hover ul li ul {display: none;}
.nav ul li:hover ul li a {display:block; background-color:#FFFF99; color:#333333; width:200px;}
.nav ul li:hover ul li a:hover {background-color:#FFCC33; color:#999999;}

/*Ad*/
.ad {
	width:148px;
	margin-left:5px;
	margin-top:10px;
	padding:2px;
	display:block;
	border:1px dashed #FF9933;}
	
.ad h3{
	background-color:#CC0000;
	margin:0;
	padding:2px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	letter-spacing:0.3em;}

.ad h4{
	background-color:#CC0000;
	margin:0;
	padding:2px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
	letter-spacing:0.1em;}
	
.ad h4 a{
	display:block;
	font-size:0.9em;
	padding:2px;
	color:#FFFFFF;
	text-align:center;}
	
.ad p {
	margin:3px 0 8px 3px;
	padding:2px;}
	
.adRequired {
	font-size:120%;
	font-weight:bold;
	margin-left:4px;
	}
	
.bolderLarger {
	font-size:120%;
	font-weight:bold;
	}
	
.adMore {padding:2px; margin-right:3px; background-color:#FF9900; color:#ffffff; text-decoration:none;}

#middleCol{
	float:left;
	min-height:560px;
	text-align:left;
}

#title{
	width:600px;}

#title h3{
	padding:0px;
	margin:0 0 5px 0;}
	
#subpages{
	display:block;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:dotted 1px #e4f2f5;
	}
	
#subpages a{
	color:#0066CC;
	text-decoration:none;
	font-size:1.2em;}
	
#subpages a:hover{
	color:#003366;
	text-decoration:underline;}
	
#content{
	width:600px;}	

#content p{
	padding-top:0px;
	margin-top:0px;}
	
.titleBold {
	font-weight:bold;
	text-decoration:underline;}
	
.important {
	color:#CC0000;}
	

.notice {
	display:block;
	width:450px;
	margin:15px auto;
	padding:3px;
	border:solid 1px #00CCFF;
	background-color:#66CCFF;
	color:#003366;
	font-weight:bold;
}

.notice1 {
	display:block;
	width:95%;
	padding:3px;
	border:solid 1px #00CCFF;
	background-color:#66CCFF;
	color:#003366;
	font-weight:bold;
	margin:0 auto;
	text-align:center;}
	
.notice1 h2 {
text-decoration:underline;
color:#CCFFFF;
margin:0 0 0.5em 0;}
	
.notice2 {
	display:block;
	width:95%;
	padding:3px;
	border:solid 1px #00CCFF;
	background-color:#66CCFF;
	color:#003366;
	font-weight:bold;
}

.infoHeader {
	background-color:#CCCCCC;
	color:#333333;
	font-size:13px;
	font-weight:bold;
	padding:3px 5px 5px 5px;
	display:block;
	width:95%;
	height:18px;}
	
.infoHeader a{
	text-decoration:none;}
	
.infoHeader img {
	float:right;
	margin-top:-16px;}

.collapsible {
	display:none;
	width:95%;
	padding:5px;
	background-color:#FFFFCC;
	margin-bottom:5px;}	
	
/*Coaches page*/
.coachesTable{
	width:98%;}
	
.coachesTable tr td {
	vertical-align:top;}
	
.coachesTable .name {
	font-weight:bold;
	color:#003366;}
	
.coachesTable h4 {
	font-size:1.2em;
	text-decoration:underline;}
	
/*office hour page*/
.officeContainer {
	display:block;
	width:400px;
	padding-bottom:10px;}

.officeday{
	float:left;
	display:block;
	width:90px;
	background-color:#0099FF;
	color:#FFFFFF;
	font-weight:bold;
	padding:2px;
}

.officetime {
	float:left;
	display:block;
	width:100px;
	padding:2px;
	margin-left:30px;}

#bottom
{ 	
	clear:both; 
	padding-top: 20px;
	height:15px; 
	text-align:center;
	color:#666666; 	
}

#bottom2
{ 	
	clear:both; 
	padding-top: 10px;
	height:15px; 
	text-align:center;
	color: #999999; 	
}

#bottom2 a {
	color:#666666;}

/*Index page*/
#presidentMsg {
	display:block;
	float:left;
	width:290px;
	padding:5px;
	border:double 3px #CCCCCC;}
	
.MsgFirstWord {
	font-size:2em;
	font-weight:bold;
	color:#0099FF;
	font-family:"Times New Roman", Times, serif;}
	
#promoBox {
	display:block;
	float:left;
	width:270px;
	margin-left:10px;
	}
	
.indexTable {
	padding:0;
	vertical-align:top;
}
	
.indexTable tr td {
	vertical-align:top;
	padding:0;}

.indexTable h4 {
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:2px;
	background-color:#999999;
}

#featureWrap {position:relative; width:270px; height:95px;  border:1px solid #CCCCCC; display:block; float:left; }
#featureWrap h3 {font-size:100%; font-weight:bold; top:0; padding-left:4px; }
#featureWrap p {padding:2px 4px 2px 4px; font-weight:bold; margin-bottom:6px; }
#featureWrap h1 {display: block; font-size:125%; font-weight:bold; background-color:#999999; color:#FFFFFF; padding:2px 0px 2px 4px; top:3px; width:267px; margin-bottom:0; margin-top:0;}
#featureWraptxt {position:absolute; top:0; left:0; width:270px; height:95px; background:#fff;}
#featureWraptxt {filter: alpha(opacity=40); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
 -moz-opacity: 0.40; opacity:0.4;}
#featureWrapwd {position:absolute; top:0; left:0; width:270px; height:95px; background:transparent; }
.featureMore {padding:2px; margin-left:220px; background-color:#FF9900; color:#ffffff; text-decoration:none; }

/*links page*/
.linkTable {width:90%}
.linkTable img {border:1px solid #FFCC66;}
.linkTable tr td {padding:3px; vertical-align:top;}
.linkTable td {width:50%;}
.linkTable h4 {font-size:1.2em; font-weight:bold; margin-top:2px; margin-bottom:3px;}
.linkTableLink {background-color:#FF9900; color:#ffffff; text-decoration:none; padding:2px; }

/*important dates*/
.dateContainer {
	display:block;
	width:590px;
	height:24px;
	}

.dateday{
	float:left;
	display:block;
	width:135px;
	background-color:#0099FF;
	color:#FFFFFF;
	font-weight:bold;
	padding:2px;
}

.datedaySpecial{
	float:left;
	display:block;
	width:135px;
	background-color:#FFFFFF;
	color:#FFFFFF;
	padding:2px;
}

.datetime {
	float:left;
	display:block;
	width:430px;
	padding:2px;
	margin-left:15px;}

	
.dateMonth {
	margin:20px 0 6px 0;
	text-decoration:underline;}
	
#congrats {
	font-size:1.2em;
	font-weight:bold;
	color:#0099CC;}
	
#congrats a {
	color:#FFFFFF;
	text-decoration:none;
	width:80px;
	padding:1px 4px 1px 4px;
	background-color:#FF9900;
	}
	
.blueGroup {
	color:#003399;
	font-weight:bold;}
	
.redGroup {
	color:#CC0000;
	font-weight:bold;}
	
.Competitors {
	display:block;
	width:95%;
	font-style:italic;
	font-weight:bold;
	padding:3px 0 8px 0;
}