@charset "utf-8";
/* CSS Document */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a {
   outline: none;
}
a:link {
	color: #6699cc;
	text-decoration:none;
}
a:visited{
	color: #6699cc;
	text-decoration:none;
}
a:active {
	color: #FFFFFF;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

ul#navigation {list-style:none; margin:0px; padding-left:0px; padding-bottom:0px; float:left; display:inline;}
ul#navigation li {display:inline;}
ul#navigation li a {text-decoration:none; padding-left:7px; padding-top:7px; padding-bottom:7px; width:128px; color:#fff; font-size:16px; font-weight:bold; float:left; text-align:left;}
ul#navigation li a:hover {background:#003366; color:#fff;}

ul#topLinks {list-style:none; margin-left:500px; padding-left:0px; float:left; display:inline;}
ul#topLinks li {font-size:12px; text-decoration:none; color:#6699cc; padding-right:10px; float:left; text-align:center;}
ul#topLinks li a {font-size:12px; text-decoration:none; color:#003366; padding-left:10px; float:left; text-align:center; border-left:1px solid #999;}
ul#topLinks li a:hover {text-decoration:underline;}

ul#sectionLinks {list-style:none; margin-left:0px; padding-left:0px; padding-bottom:5px; float:left; display:inline;}
ul#sectionLinks li {color:#6699cc; font-size:30px; font-weight:bold; padding-right:10px; float:left; text-align:center;}
ul#sectionLinks li a {font-size:14px; text-decoration:none; color:#003366; padding-left:10px; margin-top:10px; float:left; text-align:center; border-left:1px solid #999;}
ul#sectionLinks li a:hover {text-decoration:underline;}

.style1 {font-size: 28px; font-style:italic; font-weight:bold; color:#6699cc;}
.style2 {font-size: 10px}
.style3 {color: #003366; font-weight: bold; }
.style4 {color: #003366; font-size: 16px; font-weight: bold;}
.style5 {font-size: 28px; font-style:italic; font-weight:bold; color:#cc0000; margin-bottom:20px;}
.style6 {color: #6699cc}
.style7 {font-size: 18px; color: #003366; font-weight: bold}

#banner {width:945px; height:90px;}
#container {margin:0 auto; width:945px;}
#donate {width:275px; float:left; display:inline; margin-top:50px;}
#footer {width:945px; text-align:center; float:left; display:inline; margin-top:15px; border-top:1px solid #6699cc; padding-top:10px;}
#heading {width:935px; padding-top:10px; padding-left:10px; padding-bottom:0px; text-align:left; border-bottom:1px solid #6699cc; background-image:url(../Images/heading_bg.jpg); float:left; display:inline;}
#imageRotator {width:265px; float:left; display:inline;}
#leftColumn {width:695px; margin-left:10px; margin-right:0px; margin-top:15px; float:left; display:inline;}
#logo {width:225px; float:left; display:inline;}
#navigation {width:945px; background-image:url(../Images/nav_bg.jpg);}
#playground {width:660px; height:430px; padding-left:15px; margin-bottom:25px; float:left; display:inline; border-bottom:1px solid #003366; background-image:url(../Images/playground_bg.jpg);}
#sectionBody {padding:10px; float:left; display:inline;}
#sectionLinks {margin-top:5px; float:left; display:inline;}
#slider {width:625px; height:220px; float:left; display:inline; margin-right:20px; border-right:0px solid #6699CC;}
#smallMap {width:220; height:138px; float:left; display:inline;}
#socialNetwork {width:55px; height:138px; padding-left:25px; float:left; display:inline;}
#sponsor {width:300px; height:75px; float:left; display:inline; margin-top:5px; background-color:#999999;}
#sponsorLogos {width:100%; margin-left:0px; margin-top:20px; margin-bottom:20px; float:left; display:inline;}
#tagline {width:445px; float:left; display:inline; text-align:left; margin-top:55px;}
#topFold {width:945px; float:left; display:inline; margin-top:20px; margin-bottom:20px;}
#topLinks {margin:0 auto; margin-top:5px;}
#quotes {width:215px; margin-left:10px; margin-top:15px; margin-bottom:10px; padding-left:10px; float:left; display:inline; border-left:1px solid #ccc;}
#welcome {width:349px; padding:5px; float:left; display:inline;}

.albums {width:190px; margin:15px; float:left; display:inline; text-align:center;}
.event {margin-bottom:60px; border-top:1px solid #6699cc;}
.eventBtnLeft {width:5px; height:30px; background-image:url(../Images/event_btn_left.gif); float:left; display:inline;}
.eventBtnRight {width:5px; height:30px; background-image:url(../Images/event_btn_right.gif); float:left; display:inline;}
.eventBtnText {height:20px; font-size:16px; font-weight:bold; text-align:center; background-color:#003366; padding:5px; float:left; display:inline;}
.eventBtnText a {color:#FFFFFF; text-decoration:none;}
.eventBtnText a:hover {color:#6699cc; text-decoration:none;}
.learnMore {width:127px; height:23px; margin-left:49px; margin-top:15px; text-align:center; padding-top:7px; float:left; display:inline; background-image:url(../Images/learnmore.gif);}
.learnMore a {color:#FFFFFF;}
.learnMore a:hover {color:#6699cc; text-decoration:none;}
.navDescription {width:120px; float:left; display:inline; font-size:10px; color:#e4e4e4;}
.playgroundBtn {width:300px; margin-left:15px; margin-bottom:15px; float:left; display:inline;}
.top10 {margin-bottom:5px; color:#6699cc; font-size:16px; font-weight:bold;}
.quarters {width:225px; height:365px; margin:5px; float:left; display:inline;}
.quartersText {width:205px; margin-left:10px; margin-right:10px; margin-top:60px; float:left; display:inline;}
.sponsors1 {width:225px; float:left; display:inline;}
.sponsors2 {width:150px; float:left; display:inline;}
.sponsors3 {width:100px; margin-left:10px; margin-bottom:10px; float:left; display:inline;}
.sectionSponsors {width:900px; float:left; display:inline; border-top:1px solid #6699cc; margin-bottom:50px; padding-top:5px;}
.sectionPlayground {width:655px; padding:10px; float:left; display:inline; border-bottom:1px solid #6699cc; margin-top:20px;}

.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}
.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}
.toggleopacity img{
border: 0px solid #ccc;
}

.toggleopacity2 img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}
.toggleopacity2:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}
.toggleopacity2 img{
border: 3px solid #6699cc;
}