/* Global Styles */

body{
	font-size:medium;
	margin:10px auto;
	width:800px;
	font-family:Geneva, sans-serif;
	background-color:#003300;
	color: #FFFF00;
	
	}

/*Backgrounds Wraps*/

#content .gutter{
	padding:0;
	margin:0;
	}
#wrap{max-width: 1200px;
	background:url(../images/threecolrt.gif) repeat-y -746px;
}
#wrap-inner{min-width: 500px;
background-color:pink;
	background-repeat: repeat-y;
	background-position: 18%;
	background: #005826 url(../images/threecolrt.gif) repeat-y -746px;
}



/*FONT COLORS*/
#leftnav a:hover, body#intro #t-intro a{
	color: #fff;
	font-weight:bold;
}

/*HEADERLINKS - These are the links ABOVE the banner, i.e. "skip navigation"*/

#headerlinks{
	padding: 5px 10px 20px 10px;
	margin:0;
	background:#003300;
	}

#headerlinks ul, headerlinks li{
margin:0;
padding:0;
}
#headerlinks li{
	display:inline;
	list-style:none;
	font:Geneva, sans-serif;
		}
#headerlinks a{
	float: right;
	margin: 0 0 4px 10px;
	padding:0;
	text-decoration:none;
	color:#CCC;
	font-size:12px;
	font-weight:bold;
	}
#headerlinks a:hover, body#intro #t-intro a{
	text-decoration:underline;
	}
/*Banner - This is everything contained in the header box. Default banner picture is ootibanner3*/
#bannerwrap{margin:0;padding:0;}

#banner{
	margin:10px 0 0 0;
	padding:0;
	height:150px;
	width:800px;
	background:#074B0D;
	background:url(../pics/ootibanner3.jpg) no-repeat;
	background-position:bottom;
	}
#logotext a img{
	margin:0 auto;
	padding:0;
	position:absolute;
	float:left;
	height:150px;
}

#bimg{
margin-top:30px;
padding-left:350px;
float:left;
width:300px;
height:100px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:large;
font-weight:bold;
color:#CCCC99;
}

#banner{
	margin:10px 0 0 0;
	padding:0;
	height:150px;
	width:800px;
	background:#074B0D;
	background:url(../pics/ootibanner3.jpg) no-repeat;
	background-position:bottom;
	}


/* for all browsers that understand min-width */
#bannerwrap {position:relative; width:100%; min-width:800px;}
#banner {display:block; color:#000;}

/*dropdown navbar*/
#navbar{
border:1px solid #CC9933;
border:none;
height:30px;
float: left;
	width: 800px;
	 margin:0 auto;
	padding:0;
}
.menu ul li:hover a.hide1{
	color:#fff;
	background:#424F7B;
}

.menu ul li:hover a.hide2{
	color:#fff;
	background:#333300;
}
.menu ul li:hover a.hide3{
	color:#fff;
	background:#443074;
}
.menu ul li:hover a.hide4{
	color:#fff;
	background:#46122B;
}
.menu ul li:hover a.hide5{
	color:#fff;
	background:#605B46;
}
.menu ul li:hover a.hide6{
	color:#fff;
	background:#884635;
}
.menu {
	font-family: arial, sans-serif;
	width:750px;
	position:relative;
	margin:0;
	font-size:11px;
	font-weight:bold;
	margin:0 auto;
	z-index:100;
}
.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none;
	color:#d4b260;
	width:110px;
	height:30px;
	text-align:center;
	border-left:1px solid #CC9933;
	border-right:1px solid #CC9933;
	border:none;
	line-height:25px;
	font-size:11px;
	overflow:hidden;
	}
.menu ul {padding:0 0 0 50px; margin:0;list-style-type: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover ul {display:block; position:absolute; top:30px; left:-50px; width:105px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li{opacity:.9;}
.menu ul li:hover ul li a {display:block; background:#ddd; color:#000; width:150px;text-align:left; padding:0 0 0 10px;}
.menu ul li:hover ul li ul li a {display:block; background:#ddd; color:#000; width:175px;text-align:left; padding:0 5px; margin:0 0 0 6px;}
.menu ul li:hover ul li a:hover {background:#d4b260; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}
.menu ul li:hover ul li a.hide4{
width:375px;
}
/*end dropdown navbar*/

/*Main-body -- This is the left side navigation and the center text area.  Everything but the right side bar.  "Content" is the center text area.*/

#main-body{
	margin:0;
	padding:0;
	float:left;
	width:614px;
	background:url(../images/threecolleft.gif) repeat-y -221px;
	}

#content{
	width: 457px;
	float:right;
	margin: 0;
	padding:5px 0;
	background: #005826 url(../images/contentbg3.gif);
	color:#FFFFFF;
			}
#content .gutter{
	margin:5px 10px;
	padding:5px;
	}

/*Leftnav -- specific to the Left Hand Navigation Bar*/

#leftnav{
	text-decoration:none;
	color:#D7BEC3;
	font-weight:bold;
	display:block;
	border-bottom:none;
	float:left;
	width:150px;
	text-align:left;
	padding:20px 0 0 0;
	margin:0;
background:url(../images/leftnavbg3.gif);
background-color:#37954b;
}

#leftnav .gutter h4{
	 color:#FFF;
	 padding:15px 0 0 5px;
	 margin:0;
	font-family:Geneva, sans-serif;
	padding:0;
	}
#leftnav li{
	font-size: 70%;
	margin:0;
	padding:10px 10px 0 0;
	list-style: none;
	font-weight:bold;
	border-bottom:none;
	display:block;
	color:#FFFF33;
	text-align:left;
	margin-left:-10px;
			}
#leftnav li a{
	padding:0;
	margin:0;
	text-decoration:none;
	color:#006633;
	font-weight:bold;
	display:block;
	text-align:left;
	}
#leftnav ul li a.left1{
font-weight:bold;
padding:0 5px 0 0;
border-bottom:0;
border-left:0;
background:url(../images/downarrow.gif) no-repeat top right;
text-align:left;
color:#FFFFFF;
}

#leftnav ul li a.left2{
font-weight:bold;
list-style-type:square;
text-align:left;
color:#FFFFFF;
}	

#leftnav ul li a.left3{
font-weight:bold;
border-left:2px solid white;
border-right:2px solid white;
padding-right:5px;
padding-left:0;
}	

#leftnav a:hover, body#intro #t-intro a{
text-decoration: underline;	
	}
#leftpic{
	padding:0;
	margin:0;
	}	


/*Yearpages- Specific to a season page, i.e. the 2006-2007 Season.  These commands create boxes.*/

#yearpages ul li a{
font-size:1em;
font-weight:bold;
font-family:Georgia, "Times New Roman", Times, serif;
}	

#yearpages ul li{
	padding:15px 5px;
	line-height:1.5em;
	list-style-type:none;
	margin-bottom:15px;
	border:2px solid #FFFFCC;
	background-color: #1A4009;
}


#yearpages ul li img{
padding-right:20px;
float:left;
width:220px;
border:none;
}
#yearpages ul li a img{
padding-right:20px;
float:left;
width:90px;
border:none;
}

/*The Box -- multipurpose expanding box for "Did You Know" type stuff.*/

.boxgutter{
float:right;
width:160px;
}
.box {
float:right;
	margin:10px 10px 0 10px;
	padding:0;
	text-align:center;
	width:155px;
	background:url(../images/boxbottom.gif) no-repeat bottom left;
}

.box h3{	
	margin:0;
	padding:10px;
	font-size:75%;
	color:#CCFFCC;
	border-bottom:3px solid #669966;
	background:url(../images/boxtop.gif) no-repeat top left;
	}
	
.box ul{
	text-align:right;
	margin:0;
	font-size:75%;
	padding:14px 25px 35px 20px;
	list-style:none;
	}
.box ul li{
margin:0 0 7px 5px;
padding:0;
color:#003300;
text-align:left;
list-style-type:square;
}

.box p{
margin:10px;
padding:0;
color:#003300;
text-align:left;
}

/*Quick Links Bar*/

#quicklinks{
	margin: 0;
	padding:0;
	float: right;
	width: 180px;
	height:auto;
	background-color:#368357;
	}

#quicklinks a{
	padding:0;
	margin-left:auto;
	margin-right:auto;
	color:#FFFF00;
	font-weight:normal;
	font-size:100%;
	display:inline;
	border-bottom:none;
	}

#quicklinks .gutter{
	margin:0;
	padding:0;
	float:right;
		}
#quicklinks p{
line-height:1.25em;
padding:0 3px 0 8px;
color:#000;
}
#quicklinks h4{
font-size:smaller;
color:#66CC66;
line-height: 1.5em;
border-bottom:1px solid #66CC66;
margin:0 8px 0 5px;
}
#biogutter{
	float:right;
	width:180px;
	background-color:#368357;
	margin:0;
	padding:0;
}

#styleswitcher{
	width:85px;
	margin:0;
	padding:5px 0;
	text-align:right;
	}

#ParentQuotes{float:right; width:300px; margin-left:10px}

/*footer*/

#footer{
	clear: both;
	padding: 10px;
	text-align:center;
	border: 3px solid #006600;
background:#003300;
	}
	
#footer a{
	margin: 10px;
	font-size: 70%;
	color:#d4b260;
	text-decoration:none;
	font-weight:normal;
	}

#footer p a{
	margin: 3px;
	color:#d4b260;
	font-size:100%;
	text-decoration:none;
	font-weight:normal;
	
	}
#footer a:hover, body#intro #t-intro a{
	color:#d4b260;
	text-decoration:underline;
	font-weight:normal;
	}
#footernav span {display:none;
}

/*Address bar at bottom of page.*/

#address {
	padding:0;
	margin:0;
	color:#CCCCCC;
	font-weight:bold;
	font-size: 90%;
	text-align:center;
	line-height:1.5em;
}

#address li a{
font-size:100%;
}

/*Current Show Calendar*/
#calendar, #calendar th, #calendar .h3, #calendar table td h5{
margin:0;
padding:0;
}
#calendar table th{
background-color:#009966;
color:#C1D9C4;
}
#calendar table td{
padding:0 10px 10px 2px;
border:1px solid #009966;
text-align:center;
font-weight:normal;
font-size:.9em;
}
#calendar table tr{
color:FFF;
}
#calendar table td h5{
text-size:small;
text-align:left;
color:#CCFFCC;
}
#calendar table td .preview{
background-color:#CC0033;
}
#calendar table td .on{
background-color:#003300;
}
#calendar table td .special1{
background-color:#99FF99;
color:#006633;
font-weight:bold;
}
#calendar table td .special2{
background-color:#FFCC00;
color:green;
font-weight:bold;
}
#calendar table td .special2 h5{
color:green;
}
#calendar table td .special1 h5{
color:green;


/*end calendar*/

/*HACKS*/

/*Hide from IE5/Mac\*/
*html #footer {height:1%;}
/*end hide from IE5/Mac*/