/*	Site Creator v1.0 St Charles Athletics Stylesheet
	Created 3/2007 - copyright 2007 - Web-Innova, LLC - Coded by Jeff Walloch
*/
	
/*  Base settings */
html,body{margin:0;padding:0;min-width: 742px;	/*  Fix Mozilla bug */background-color:#CCCCCC;}
body{font-size: 12px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#666666;text-align:center;behavior: url(csshover.htc);}
	
a {
	text-decoration: none;
	color:#003399;
	}

a:hover {
	color: #C33;
	}

.brownbar {
	border-right: 2px solid #960;
	}
	
h3 {
	font-size: 1.10em;
	color:#000000;
	/*text-transform: uppercase;
	text-align: right; */
	margin: 0;
	/* padding: 0 50px; */
	}

h4 {
	font-size: 1.25em;
	color: #999999;
	text-transform: uppercase;
	text-align: left;
	margin: 1em 1em 0 0;
	}

br {
	clear: left;
	}
div#container{text-align:left;background-color: #FFFFFF;/*border:1px dotted red;*/width:800px;margin:0 auto;overflow:hidden;}

/*  Header design - begin */

div#header{display:block;width:800px;height:99px;margin-bottom:0px;background-color:#FFFFFF;background-image:url(images/header_back.jpg);background-repeat:no-repeat;/*border: 1px dotted blue;*/color:#0066CC;}
div#header a{color:#0066CC;}
div#header a:hover{color:#0066CC;}
div#header_logo{float:left;padding:4px 0 0 8px;margin-top:8px;}
span#header_line1{float:left;font-style:italic;font-size:24px;font-weight:bold;line-height:2em;vertical-align:top;/*position:relative;left:30px;top:0px;*/margin:0;padding-left:18px;font-family:Georgia, "Times New Roman", Times, serif;width:420px;color:#B78A00;}
span#header_line2{float:left;font-style:italic;font-size:16px;font-weight:bold;/*position:relative;left:30px;top:0px;*/margin:0;padding-left:18px;font-family:Georgia, "Times New Roman", Times, serif;width:400px;color:#B78A00;}
html>body span#header_line1{display:block;}
html>body span#header_line2{display:block;}

div#printheader {
	display: none;
	}
/*  End Header */
/*  Footer bar design - begin */
div#footer{display:block;clear:both;height:40px;margin:0;font-family:Arial;font-size:10px;/*border: 1px dotted purple;*/text-align:center;}
div#footer p{text-align:center;padding:3px 0;margin:0;}
div#footer ul{text-align:center;color:#605F5F;padding-top:2px;margin:0;}
div#footer li{display:inline;margin:0;padding:0 20px;border-right:2px solid #605F5F;}
div#footer li.last{border:0;}
div#footer a:hover{border:0;}
	
/*  End Footer bar */
div#middle{display:block;height:auto;padding-bottom:4px;/*overflow:hidden;*//*border:1px dotted blue;*/}
div#content{float:right;width:625px;height:500px;border-left: 1px solid #003399;padding-left:8px;/*padding:8px;*//*border:1px solid #999999;border:1px dotted black;*/}
html>body div#content{width:625px;min-height:500px;height:auto;margin-bottom:3px;}
div#content img{padding-bottom:10px;}
div#welcome{float:left;width:290px;font-size:10px;padding:12px;}
html>body div#welcome{width:290px;}
div#welcome h2{text-transform:capitalize;font-size:12px;width:100%;color:#333333;background-color:#999999;font-style:italic;font-family:Verdana, Arial, Helvetica, sans-serif;}
div#pic{float:right;width:310px;text-align:center;padding:25px 10px 0 0;}
html>body div#pic{width:290px;}
div#pic p{clear:both;font-style:italic;font-weight:bold;color:#003366;margin:0;padding:0 0 10px 0;}
div#pic img{float:right;width:250px;}
html>body div#pic img{float:right;width:250px;}
div#content h3{font-style:italic;font-size:12px;}
div#content p{padding-bottom:10px;line-height:1.25em;}
div#content .page_image{float:right;clear:right;height:235px;width:275px;padding:3px 0 15px 8px;}
div#classright{float:right;margin-right:8px;}
html>body div#classright{margin:0 8px;}
div#content .class_image{height:235px;width:275px;padding:3px 0 15px 8px;}
div#content h2{padding:0 0 15px 0;margin:0;font-style:italic;font-size:12px;}
.student_page{margin:5px 0;padding:5px 0;}

/*  Left Hand Navication for Category/Product page design - begin */
div#leftnav{float:left;width:147px;/*height:323px;*/padding:8px;background-image:url(images/login_back_strip.jpg);background-repeat:repeat-x;/*border: 1px solid #999999;border:1px dotted green;*/}
html>body div#leftnav{width:150px;height:306px;}
div#nav {position:absolute;top:100px;width:150px; margin: -1px 0 0 -1px;
  background: #FDD;height:auto;}
div#nav ul {margin: 0; padding: 0; width: 156px; background: white;
  border-top: 1px solid #999;font-family:Verdana, Arial, Helvetica, sans-serif;}
div#nav li {position: relative; list-style: none; margin: 0;
  border-bottom: 1px solid #999;width:150px;}
html>body div#nav li{width:156px;}
div#nav li:hover {background: #CCC;border-top:1px solid #000;border-bottom:1px solid #000;}
div#nav li.submenu {/*background: url(submenu.gif) 95% 50% no-repeat;*/ padding: 0.25em 0 0.25em 0.5em;color:#003399;text-decoration: none; width: 150px;}
div#nav li.submenu:hover {background-color:#CCCCCC;}
div#nav li a {display: block; padding: 0.25em 0 0.25em 0.5em;color:#003399;text-decoration: none; width: 148px;}
div#nav>ul a {min-width:150px;width: auto;}
div#nav ul ul {position: absolute; top: 0; left: 147px;width:150px;border: 1px solid #999;display: none;}
div#nav ul ul a{width:150px;}
div#nav ul ul li:hover {width:150px;}
html>body div#nav ul ul{left:156px;}
div#nav ul ul li{width:150px;}
/*html>body div#nav ul ul a{width:185px;}*/
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3, div#nav ul.level3 li.submenu:hover ul.level4, div#nav ul.level4 li.submenu:hover ul.level5 {display:block;}
	
input{display:block;width:15em;height:1.5em;/*border:1px inset #454545;*/}
label{display: block;margin:0.35em 0 0.15em 0;font-weight: bold;}
textarea{width:30em;height:8em;}
a.button{color:#793420;text-transform:capitalize;padding:0.25em 1em;margin:0 5px 5px 0;background-color:#000000;border:1px solid #793420;}
input.hidden{display:none;border:none;}
input.submit{width:8em;margin-top:8px;}
div#nav{display:block;}
div#search{float:right;width:200px;margin-top:0px;}
div#search form{margin:0;padding:0;}
div#search label {display:inline;font-family:Arial;font-size:12px;font-weight:normal;margin-bottom:0;color:#003399;}
div#search input {display:inline;margin:0;font-family:Arial;width:100px;}
div#search input#searchBtn {width:25px;margin:0;border:1px solid #666;color:#003399;}
div#doc_view{padding-bottom:10px;}
.doc_view_heading{display:block;clear:both;height:20px;padding:0 0 0 1em;background-color:#003366;font-family:Arial;font-size:12px;color:#D7D7D7;}
.doc_view_heading img{padding-left:4px;}
span.doc_view_col_1{float:left;display:inline;/*left:15px;*/width:200px;padding-top:3px;}
span.doc_view_col_2{float:left;/*left:270px;*/width:150px;padding-top:3px;}
span.doc_view_col_3{float:left;/*left:500px;*/width:150px;padding-top:3px;}
span.doc_view_col_4{float:left;/*left:500px;*/width:305px;padding-top:3px;}
span.doc_view_col_5{float:left;/*left:500px;*/width:300px;padding-top:3px;}
span.doc_view_col_6{float:left;/*left:500px;*/width:420px;padding-top:3px;}
span.doc_view_col_7{float:left;/*left:270px;*/width:75px;padding-top:3px;}
span.doc_view_col_8{float:left;/*left:270px;*/width:100px;padding-top:3px;}
span.doc_view_col_9{float:left;/*left:270px;*/width:250px;padding-top:3px;}
span.col_1_wider{width:350px;}
div#doc_view ul, div#proj_view ul{margin:0;padding:0;color:#000;line-height:1.5em;list-style-type:none;/*border-bottom: 1px solid #793420;*/}
div#doc_view ul a, div#proj_view ul a{color:#003399;font-size:10px;}
div#doc_view ul a:hover, div#proj_view ul a:hover{color:#000000;/*background-color:#CCC;*/}
div#doc_view ul li, div#proj_view ul li{clear:left;margin:0;padding:0 0 0 15px;height:1.50em;/*border-bottom: 1px solid #793420;*/}
div#doc_view ul li:hover, div#proj_view ul li:hover{/*background-color:#CCCCCC;*/}
div#doc_view ul li .bold{font-weight:bold;text-transform:uppercase;}
div#doc_view .topic, div#doc_view .headline, div#doc_view .date_added, div#doc_view .cat, div#doc_view .rev, div#doc_view .city, div#doc_view .state, div#doc_view .phone, div#doc_view .title, div#doc_view .menu, div#doc_view .time, div#doc_view .event, div#doc_view .more{float:left;display:inline;}
div#doc_view .topic, div#doc_view .headline{width:200px;}
div#doc_view .title{width:300px;}
div#doc_view .menu{width:420px;}
div#doc_view .date_added, #doc_view .name{width:150px;}
div#doc_view .cat, div#doc_view .rev{width:150px;}
div#doc_view .headline{width:350px;}
div#doc_view .time{width:75px;}
div#doc_view .more{width:100px;}
div#doc_view .event{width:250px;}
.docBlock{font-size:0.75em;padding:15px 0;}
.odd{background-color:#E1E1DF;}
.even{background-color:#FFFFFF;}
label.req{text-transform:uppercase;color:#003399;}

/*  End Left Hand Navication for Category/Product bar */
/*  Category/Product page design - begin */
/*  --- Used for both types of pages  --- */
div#main {
	position: absolute;
	top: 110px;
	left: 209px;
	right: 0;
	padding: 0;
	height: auto;
	}
	
div#rightcontent {
	width: 100%;
	margin: 0 250px 0 0;
	padding: 0 30px;
	}
	
html>body #rightcontent {
	width: auto;
	height: auto;
	}

/*  ---  Used only on Product/Service pages  ---  */
div#picBar {
	display: block;
	width: 100%;
	min-height: 150px;
	padding: 10px 0;
}

div#producttext, div#introtext, div#classtext {float: left;width: 98%;height: auto;min-height: 27.5em;/*padding: 2em 0 1em 0;*/}

div#producttext p, div#introtext p, div#classtext p {
	margin: 0 0.5em;
	font-size: 12px;
	}

div#introtext p {
	margin-right: 100px;
	}
	
div#producttext img, div#classtext img {
	margin: 5px 5px 10px 0;
	}

div#producttext li, divclasstext li {
	list-style-type: square;
	font-size: 13px;
	margin: .25em 5em;
	text-transform: none;
	}

div#interested_field {
	width: 480px;
	}

.interested_check checkbox {
	display: inline;
	width: 200px;
	min-width: 220px;
	}

	
div#content .largetextarea textarea {
	height: 75px;
	width: 380px;
	}

div#content .smalltextarea textarea {
	height: 50px;
	width: 300px;
	}
	
.required, div#content p span {
	color: #C33;
	}

div#content span {
	font-size: .85em;
	}

div#breadcrumbs {
	text-transform: uppercase;
	color: #999999;
	padding-bottom: 5px;
	}
/*  End Category/Product page design */
/*  Information Page design - begin */

div#infotext {
	width: 750px;
	}

* html div#infotext { /*  hack for min-height in IE */
	/*\*/ /* height: 27.5em; */
	}
	
div#infotext p {
	margin: 1em 2em;
	}

div#infotext h4 {
	font-size: 1em;
	color: #8E9DBE;
	text-transform: uppercase;
	text-align: left;
	margin: 1em 1em 0 2em;
	}
/*  End Information Page */
/*  Forms field design - begin */
form {
	margin-left: 0px;
	font-size: 12px;
	padding: 0;
	}

input, td {
	font-size: 12px;
	}

td {
	padding: 5px;
	}

/*  End forms */
/*  Error Page message formatting - begin */

div#infotext li {
	list-style-type: square;
	margin: 0 0 0 2em;
	}
/*  End Error Page message formatting */

div#companyaddress {
	/* margin: 25px 0 0 100px; */
	width: 275px;
	float: left;
	font-size: 1.2em;
	}

div#companyhours {
	/* margin: 25px 0 0 100px; */
	width: 220px;
	float: right;
	font-size: 1.2em;
	}
	
/*  Link List formatting - begin */
div#linklist {
	margin: 0px 10px 0 10px;
	}
	
div#linklist .title {
	font-size: 1.5em;
	font-weight: bold;
	padding-top: 5px;
	}
	
div#linklist .description {
	padding-left: 10px;
	} 
/*  Link List formatting - end */
div#blogArchive{float:right;clear:right;width:150px;background-color:#CEEFFF;border:1px solid #003366;text-align:center;padding-bottom:4px;}
div#blogArchive h5{width:100%;background-color:#003366;color:#FFFFFF;font-weight:bold;margin-bottom:4px;margin-top:0;padding:4px 0;}
div#blogArchive a{display:block;width:100%;font-size:0.85em;}
div#futureBox, div#newsletterArea{clear:both;border:1px solid #003366;background-color:#CEEFFF;height:125px;overflow:visible;}
div#futureEventsBox{height:auto;padding-right:6px;}
html>body div#futureBox{min-height:165px;height:auto;overflow:auto;}
div#newsletterArea{height:50px;}
div#futureEvents{float:left;padding-bottom:4px;width:99.9%;height:auto;}
div#futureEventHead, .lunchDayHead, .newsLetterHead, .currentBlogHead{background-color:#003366;color:#FFFFFF;padding:3px;margin-bottom:4px;}
div#futureEvents a{display:block;font-size:0.85em;line-height:1.50em;padding-left:4px;}
div#futureLunch{float:left;width:60%;}
.futureLink{width:100%;text-align:right;}
.futureLink a{color:#FF0000;font-size:0.85em;padding-right:6px;}
.navLinks{float:left;}
.cal_link{float:right;text-align:right;padding-right:10px;}
.lunchDayBox, .currentBlogBox{float:left;width:30%;height:auto;text-align:left;line-height:1.15em;}
.lunchDayMenu{font-size:0.85em;padding:0 4px;}
.lunchDayBox a{}
.lunchDayBox p{padding:0;margin:0;}
.newsLetterBox{float:left;width:99.98%;height:auto;}
.newsLetterDate{float:left;font-size:0.85em;padding:0 4px;width:100px;display:inline;}
.newsLetterBox p{padding:0;margin:0;}
div#newsLetter .futureLink{float:left;display:inline;width:150px;clear:none;}
.currentBlogBox a{font-size:0.85em;display:inline;}
ul#months, ul.classes{/*display:inline;*/padding:0;margin:0;}
ul#months li, ul.classes li{display:inline;padding: 0 3px;list-style-type:none;border-right:1px solid #CCCCCC;}
ul#months li.monthChosen{font-weight:bold;}
ul#years{padding:0 5px 10px 0;margin:0;border-right:1px solid #CCCCCC;}
ul#years li{display:inline;padding:0 3px;list-style-type:none;border-right:1px solid #CCCCCC;}
div#content p span.contactLabel{width:200px;font-weight:bold;color:#000000;min-width:200px;}
div#classtext h2{display:inline;padding:0 20px 5px 0;}
div#classtext .attachLink{display:inline;font-size:0.85em;}
div#classtext .activitiesLink{/*float:left;*/margin:10px 0 0 10px;padding:8px;border:1px solid #003366;width:275px;font-size:0.85em;font-weight:bold;background-color:#CEEFFF;text-align:center;}
html>body div#classtext .activitiesLink{margin:10px 0 0 0;}
div#classtext .page_image{width:275px;}
div#classtext p{clear:left;}
div#classBlog h2{display:block;padding-bottom:10px;}
.filter_select a{font-weight:bold;}
.classChosen{font-weight:bold;}