@charset "utf-8";
/* CSS Document */
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: white; margin:0px; padding:0px 0px 10px 0px; background:url(images/bg_light.gif) left top repeat #0a748e; }
a img { border:none; outline:none; }
a {
	color: #065568;
}
h1 { font-size:24px; color: #FFF; }
h1 span { color: #61cce6; }
h3 { margin:0px; padding:0px; }
.fontsize14 { font-size:14px; }
.colored {
	color:#065568;
}
#container {
	margin:0px;
	background: url(images/bg_main.jpg) left top repeat-x;
	padding: 0px;
	width: 100%;
}
#wrapper {
	width: 850px;
	margin:0px auto;
	padding-top: 8px;
}
#logo {
	float: left;
	height: 144px;
	width: 230px;
}
#tagline {
	float: left;
	width: 400px;
}

#left {
	float: left;
	width: 230px;
	margin-right: 20px;
}
#left a { color:white; text-decoration:none; }
#right {
	float: left;
	width: 600px;
}
#menu {
	float: left;
	width: 600px;
	margin: 12px 0px 0px 0px;
	height: 29px;
}
#menu a { color: #000000; text-decoration:none; line-height:29px; display:block; padding:0px 18px; }
#menu a:hover { color: #02738e; text-decoration:none; }
#menu ul { margin:0px; padding:0px; }
#menu ul li { list-style:none; list-style-type:none; display:inline-block; line-height:29px; float:left; background:url(images/menu_divider.gif) right center no-repeat; paddding-right:2px; }



#menuTop { padding:0; width:883px;  margin:0px; float:left;  }
#menuTop li { float: left; display:inline;  text-align:center; }
#menuTop li a {}
#mainNav {  }
#mainNav ul {  }
#mainNav ul li.first { background:none; }
* html #mainNav ul li a { float:left; }
#mainNav ul li a:hover { color:#FFA752; text-decoration:none; background-position:center top; }


#menuTop { position:absolute;  z-index:100; }
#menuTop li { position: relative; }





#menuTop ul.ssNav {
	float: none;
	top: -999em;
	position: absolute;
	background: #d8d4d5 /*url(../img/bg_ssNav.gif) top left repeat-x*/;
	width: 145px;
	border:1px solid #33424B;
	border-bottom:0px;
	padding:3px 5px 3px 5px;
	margin:0px;
	z-index:200;
}

li#item1 ul.ssNav {
	border-bottom-color: #cecece;
}

li#item2 ul.ssNav {
	border-bottom-color: #cecece;
}

li#item3 ul.ssNav {
	border-bottom-color: #cecece;
}

li#item4 ul.ssNav {
	border-bottom-color: #cecece;
}

li#item5 ul.ssNav {
	border-bottom-color: #cecece;
}

li#item6 ul.ssNav {
	border-bottom-color: #cecece;
}

li#item7 ul.ssNav {
	width: 16px;
}




#menuTop ul.ssNav li {
	width: 145px;
	float: left;height: 22px;
	background:none;
	border-bottom:1px dotted #FFFFFF;
}


#menuTop ul.ssNav li a {
   float: left;
	display: block;
	height: 16px;
	padding: 2px 0 2px 1px !important;
	font: normal 11px Arial,Verdana,sans-serif;
	
	text-align: left;
	cursor: pointer;
	color: #000000;
	
	margin:0px;
	
	
	
}

#menuTop ul.ssNav a:hover {
	text-decoration: none;
	color:#000;
	font-weight:bold;
}

#menuTop li:hover ul.ssNav, /* pure CSS hover is removed below */
#menuTop li.on ul.ssNav{
	left:0px;
	top: 28px;
}

/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul.ssNav {
	top: -999em;
}


#menuTop ul.ssNav li.on a, #menuTop ul.ssNav li:hover a, #menuTop ul.ssNav li.current a { text-decoration: none;	color:#000000;	 }


#menuTop ul.ssNav1 { float: none; top: -999em; position: absolute; background: #606F79 /*url(../img/bg_ssNav.gif) top left repeat-x*/; width: 120px; border:1px solid #33424B; border-bottom:0px; }
#menuTop ul.ssNav1 li { width: 120px; }
#menuTop ul.ssNav1 li a { float: none; display: block; height: auto !important; padding: 6px 0 6px 2px !important; font: normal 12px Arial,Verdana,sans-serif; font-weight:bold; text-align: left; cursor: pointer; color: #fff; background: #606F79; margin:0px; border-bottom:1px solid #33424B; }
#menuTop ul.ssNav1 a:hover { text-decoration: none; color:#000000; }
#menuTop li:hover ul.ssNav1, /* pure CSS hover is removed below */#menuTop li.on ul.ssNav1 { left: 180px; top: 0px; }
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul.ssNav1 { top: -999em; }
#menuTop ul.ssNav1 li.on a, #menuTop ul.ssNav1 li:hover a, #menuTop ul.ssNav1 li.current a { text-decoration: none;	color:#fff;	background:#2FABE7; }




#header_gal {
	float: left;
	height: 406px;
	width: 570px;
	background-color: #000;
	margin-top:16px;
	padding: 15px;
}
.content {
	background-color: #45a8c0;
	padding: 5px;
	width: 840px;
	border-bottom: 1px solid #0a7a95;
}
.content .text {
	border: 1px solid #71bdcf;
	padding: 20px 30px;
}
.content .text .sponsor {
	border:none;
	margin:0px 8px;
}
h2 {
	font-size: 22px;
	margin-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #84e1f7;
	padding-bottom: 5px;
	margin-bottom: 10px;
	display: block;
}
h2 span { color: #7ae3fc; }
.social {
	float: left;
	height: 41px;
	width: 249px;
	background-image: url(images/social.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 20px;
	display:block;
}
.social a.facebook {
	display:block;
	height:41px;
	float:left;
	width:125px;
}
.social a.twitter {
	display:block;
	float:left;
	height:41px;
	width:124px;
}
#footer {
	float: left;
	width: 480px;
	margin-left: 100px;
	color: #b2e1ec;
	font-size: 11px;
	text-align: right;
	line-height: 30px;
	padding-right: 20px;
}
.news h3 {
	padding-left:20px;
	background:url(images/icon_arrow.gif) left center no-repeat;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.news p {
	color: #b9effc;
	margin-top:5px;
	padding-bottom:10px;
	border-bottom:1px solid #b9effc;
	margin-bottom:10px;
}
.roster_item {
	width: 160px;
	float: left;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 20px;
}
.roster_item table {
	border:1px solid #036;
	background-color:#0B7A96
}
.roster_item a { color: #fff; }
.roster_item table th {
	border-bottom:1px solid #036;
	background-color:#44494C;
	padding:5px 0px;
}
.roster_item table .details {
	border-top: 1px solid #036;
	background-color: #44494C;
	padding: 3px;
}
.roster_item table .details:hover {
	background-color: #575E62;
}

.contact-form {
	float:left;
	display:block;
	width:476px;
	text-align:left;
	border:1px solid #065568;
	padding:4px 10px;
	background-color: #7CC2D3;
}
.contact-form td {
	vertical-align:top;
	border-bottom:1px solid #065568;
	padding:8px 0 8px 10px;
	font-size:11px;
}
.formContact { width:100%; }
.contact-form .inputText {
	width:180px;
	padding: 4px 4px;
	border:1px solid #50583E;
	vertical-align:middle;
	color: #666666;
	font-size:11px;
}
.contact-form #msg1ContactForm { width:448px; height:160px; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:2px; }
.contact-form label {
	display:block;
	margin:0 0 2px 0;
	font-size:12px;
	font-weight:bold;
	color:#1F5568;
}
.contact-form .inputSmall { width:60px; }
.contact-form .btn {  color:#eed7ae; font-weight:bold; font-size:11px; padding:4px 8px; background:#433019; border:1px solid #6d5130; cursor:pointer; }
.contact-form .important { display:block; padding:3px 0 0 0; font-size:10px; }
.contact-form th { padding:10px; background:#CEB791; color:#654A2A; font-size:13px; text-align:left; }
.contact-form th.bordered { padding:10px; background:#CEB791; color:#654A2A; font-size:13px; text-align:left; border-bottom:1px solid #6c502e; }
.contact-form td.border0 { border: none;}
em {
	color: #0A7B99;
}
.contact-form .button  {
	border: 1px solid #065568;
	padding:5px 20px;
	color: white;
	background-color: #0A7C97;
	cursor:pointer;
}
h1.roster_detail {
	display:block;
}
h1.roster_detail span {
	text-align:right;
	font-size:12px;
	float: right;
}