﻿/**************************************************************
***  HTML REDEFINE
***
***************************************************************/
* {

}
body {
	margin:0;
	font-size: 12px; 
	font-family: Tahoma, Geneva, sans-serif; 	
	background:#666666 url(/images/template/bg_gradient.jpg) repeat-x;
}
input, select, textarea {
	font-size: 12px; 
	font-family: Tahoma, Geneva, sans-serif; 
}
input {
    vertical-align:middle;
}
form, div {
    padding:0;
    margin:0;
}
a {
	color: #0860a4;
}
a:hover {
	color: #148eeb;
	text-decoration:none;
}
h1 {
	color: #bb0000;
	padding: 5px 0 0 29px; 
	margin-bottom: 8px;
	margin-top:0;
	font-size: 18px; 
	font-weight:bold;
	border-bottom: thin solid #999999;
	background: #ffffff url(../images/template/h1_graphic.jpg) no-repeat 3px 50%;
	clear: both;
}

h1 span {
	font-size: 18px;
}

h2 {
	color: #666666;
	padding: 0em;
	margin-bottom: 0;
	margin-bottom:2px;
	margin-top:0;
	font-size: 16px; 
	font-weight:bold;
	clear: both;
}

h2 span {
	font-size: 16px;
}

h3 {
    font-size:18px;
    font-weight:bold;
    text-decoration:underline;
}

pre {
	font-family:Courier New, Courier, monospace;
}
sup {
	font-size:11px;
}

table {
    border-collapse:collapse;
}
th, td {
    text-align:left;
    vertical-align:top;
    padding:3px;
}

/**************************************************************
***  PAGE LAYOUT
***
***************************************************************/

div.entire_container {
    width:960px;
    margin:0 auto;
}

div.page_container {
    width:746px;
    float:left;
    border:1px solid #454545;
}
img.left_wing {
    float:left;
}
img.right_wing {
    float:left;
}

div.head_container {
    background:#000000;
}


/**************************************************************
***  SITE-WIDE ELEMENTS
***
***************************************************************/

tr.hi td {
    background:#e2e2e2;
}

div.main {
    margin:15px;
}

input.btnDefault {
	border-right: #656565 2px solid; 
	border-top: #dadada 2px solid; 
	font-weight: bold; 
	font-size: 11px; 
	padding: 5px 10px 5px 10px;
	border-left: #dadada 2px solid; 
	color: #555555; 
	border-bottom: #656565 2px solid; 
	background: #c4c4c4;
	cursor:pointer;
	cursor:hand;
	text-align:center;
}
/**************************************************************
***  MISC
***
***************************************************************/
table.schedule td, table.schedule th {
    text-align:center;
}
table.schedule th {
    border-bottom:1px solid #999999;
}
table.schedule {
    margin:0 auto;
}


/**************************************************************
***  CONTENT LAYOUT
***
***************************************************************/
div.content_container {
	
	background:#ffffff;
	border-top:1px solid #000000;
	/*needed for some reason - otherwise a blank spot on the bottom*/
	border-bottom:1px solid #ffffff;
	/*minimum height for udnerstand browsers*/
	min-height:476px;
	height:auto;
}



/* minimum height for IE6 */
* html div.content_container {
	height:476px;
}

/***************************************************************/
/***   GLOBAL FOOTER                                           */
/***************************************************************/

.footer{
	color:#ffffff;
	font-size:10px;
	font-weight:bold;
	clear:both;
	vertical-align:middle;
	text-align:center;
}
.designby, .designby a {
	color:#999999;
}

/*########################################################
### ATHLETE OF THE WEEK
###
#######################################################*/

.aotwForm {

}
table.aotwForm input, table.aotwForm textarea, table.aotwForm select {
	color:#0000ff;
}

table.aotwDetails tr th {
	text-align:right;
}
div.aotwDetails {
	padding-top:15px;
}

/*########################################################
### Next Meet
###
#######################################################*/

div.nextMeet {
	font-size:11px;
	color:#333333;
	border:3px solid #bb0000;
	padding:5px;
	margin:6px;
	top:-2em;
	text-align:center;
	background-color:#cccccc;
	width:150px;
}
div.nextMeetHead {
	margin:-5px;
	margin-bottom:3px;
	background-color:#000000;
	color:#ffffff;
	font-weight:bold;
	padding:3px;
}

/*########################################################
### FRONT
###
#######################################################*/

div.infoBox {
    background:#666666 url(../images/front/bg_mini_gradient.jpg) repeat-x;
    width:150px;
	border:3px solid #bb0000;
	padding:5px;
	padding-bottom:12px;
	margin:6px;    
}

div.frontLinks {
    line-height:24px;
    font-size:14px;
    text-align:center;
    font-weight:bold;
}
div.frontLinks a {
    color:#e2e2e2;
}

div.recentPhotos {
    font-size:11px;
}
div.recentPhotos img {
    margin:2px;
    float:left;
    margin-right:5px;
}
div.recentPhotos a {
    color:#ffffff;
}
div.recentPhotos div {
    margin:0 auto;
    width:130px;
    margin-top:3px;
}

div.front_headline {
    margin-top:7px;
}

div.archive_headlines {
    margin-left:10px;
    float:left;
    font-size:95%;
}
div.archive_headlines ul {
    margin:0;
    padding:0;
}
div.archive_headlines li {
    list-style:none;
    margin-bottom:10px;
}

/*########################################################
### PARENTS
###
#######################################################*/

div.parentEmail {
	width:350px;
	border:1px solid #000000;
	margin:5px auto;
	padding:4px;
	text-align:center;
	
}
div.paragraph {
    margin-top:13px;
    margin-bottom:13px;
}

/**************************************************************
***  MENU LAYOUT
***
***************************************************************/



div.menu_container {
    background:#b00000 url(../images/template/menu_bg.jpg) repeat-x;
    height:32px;
}

.preload1 {background: url(../images/template/blank_over.jpg);}
.preload2 {background: url(../images/template/blank_overa.jpg);}

.menu {
	/*padding:0 0 0 32px; */
	padding:0;
	margin:0; 
	list-style:none; 
	height:32px; 
	background:#b00000 url(../images/template/menu_bg.jpg) repeat-x;
	position:relative; 
	z-index:500; 
	padding-left:1px;
	float:left;
}
.menu li.top {
	display:block; 
	float:left;
}
.menu li a.top_link {
	display:block; 
	float:left; 
	height:32px; 
	line-height:32px; 
	color:#ffffff; 
	text-decoration:none; 
	font-size:11px; 
	padding:0 0 0 8px; 
	cursor:pointer;
	font-weight:bold;
	background: url(../images/template/blank.jpg);
}
.menu li a.top_link span {
	float:left; 
	display:block; 
	padding:0 20px 0 9px; 
	height:32px;
	background:url(../images/template/blank.jpg) right top;
}
.menu li a.top_link span.down {
	float:left; 
	display:block; 
	padding:0 21px 0 9px; 
	height:32px; 
	background:url(../images/template/blanka.jpg) no-repeat right top;
}
.menu li a.top_link:hover {color:#cccccc; background: url(../images/template/blank_over.jpg) no-repeat;}
.menu li a.top_link:hover span {background:url(../images/template/blank_over.jpg) no-repeat right top;}
.menu li a.top_link:hover span.down {background:url(../images/template/blank_overa.jpg) no-repeat right top;}

.menu li:hover > a.top_link {
	color:#cccccc; 
	background: url(../images/template/blank_over.jpg) no-repeat;
}
.menu li:hover > a.top_link span {
	background:url(../images/template/blank_over.jpg) no-repeat right top;
}
.menu li:hover > a.top_link span.down {
	background:url(../images/template/blank_overa.jpg) no-repeat right top;
}


.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu a:hover {
	visibility:visible; 
	position:relative; 
	z-index:200;
}
.menu li:hover {
	position:relative; 
	z-index:200;
}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
}

.menu :hover ul.sub,
.menu :hover ul.subwide190,
.menu :hover ul.subwide235 {
	left:0; 
	top:32px; 
	border:1px solid #660000;
	background-color: #cc0000;
	padding:3px; 
	white-space:nowrap; 
	width:125px; 
	height:auto; 
	z-index:300;
}
.menu :hover ul.sub li,
.menu :hover ul.subwide180 li,
.menu :hover ul.subwide235 li {
	display:block; 
	height:20px; 
	position:relative; 
	float:left; 
	width:125px;
	font-weight:normal;
}
.menu :hover ul.sub li a,
.menu :hover ul.subwide190 li a,
.menu :hover ul.subwide235 li a {
	display:block; 
	font-size:11px; 
	height:20px; 
	width:125px;
	line-height:20px; 
	text-indent:5px; 
	color:#ffffff; 
	text-decoration:none;
}

.menu :hover ul.sub ul li a,
.menu :hover ul.subwide190 ul li a,
.menu :hover ul.subwide235 ul li a {
	width:173px;
}
.menu :hover ul.sub li a.fly {
	background:#fcf6ea url(drop3/arrow.gif) 115px 7px no-repeat;
}
.menu :hover ul.sub li a:hover,
.menu :hover ul.subwide190 li a:hover,
.menu :hover ul.subwide235 li a:hover {
	background:#ffffff; color:#000000;
}
.menu :hover ul.sub li a.fly:hover {
	background:#ffffff url(drop3/arrow_over.gif) 115px 7px no-repeat; color:#000000;
}
.menu :hover ul li:hover > a.fly {
	background:#ffffff url(drop3/arrow_over.gif) 115px 7px no-repeat; color:#000000;
} 

/*wide submenus */
.menu :hover ul.subwide235,
.menu :hover ul.subwide235 li,
.menu :hover ul.subwide235 li a {
	width:235px;
}

.menu :hover ul.subwide190,
.menu :hover ul.subwide190 li,
.menu :hover ul.subwide190 li a {
	width:190px;
}

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul {
	left:125px; 
	top:-4px; 
	border:1px solid #e1cea4;
	background-color: #fcf6ea;
	padding:3px; 
	white-space:nowrap; 
	width:171px; 
	z-index:400; 
	height:auto;
}
/**************************************************************
***  CALENDAR EXTENDER
***
***************************************************************/
.ajax__calendar_container {padding:4px;cursor:default;width:170px;font-size:11px;text-align:center;font-family:comic sans;}
.ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.ajax__calendar_container TABLE {padding:0px;margin:0px;font-size:11px;}
.ajax__calendar_container TD {padding:0px;margin:0px;font-size:11px;}
.ajax__calendar_header {height:20px;width:100%;}
.ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-left.gif")%>);}
.ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-right.gif")%>);}
.ajax__calendar_title {cursor:pointer;font-weight:bold; margin-left:15px; margin-right:15px;}
.ajax__calendar_footer {height:15px;}
.ajax__calendar_today {cursor:pointer;padding-top:3px;}
.ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}
