﻿@charset "utf-8";
/* CSS Document */

body {
	color: #2e486a;
	font-family: Verdana;
	font-size: 11px;
	line-height: 18px;
	margin: 0;
}
.clear {
	height: 0;
	line-height: 0;
	clear: both;
	margin: 0;
	padding: 0;
}
h2 {
	color: #000000;
	font-size: 13px;
	margin: 0;
	padding: 0;
}
h3 {
	color: #CC0000;
	font-size: 13px;
	margin: 0;
	padding: 0;
}
p {
	margin: 0 0 10px 0;
	padding: 0;
}
ul {
	margin: 0 0 10px 30px;
	padding-top: 0;
}
a {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}
.floatL {
	float: left;
}
.floatR {
	float: right;
}
a:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: underline; 
}
#HeaderMain01 {
	background-image: url(/_images/HeaderMain01-bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	width: 100%;
	height: 106px;
}
#HeaderMain02 {
	background-image: url(/_images/HeaderMain02-bg.png);
	background-position: bottom;
	background-repeat: repeat-x;
	width: 100%;
	height: 106px;
}
#Header {
	background-image: url(/_images/Header-bg.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	width: 624px;
	height: 87px;
	margin: auto;
	padding: 19px 0 0 0;
}
#Header-content {
	background-image: url(/_images/Header-content-bg.jpg);;
	background-position: left;
	background-repeat: no-repeat;
	float: left;
	width: 624px;
	height: 87px;
}
#Header .capl {
	background-image: url(/_images/Header-capl.png);
	background-repeat: no-repeat;
	width: 214px;
	height: 87px;
	position: relative;
	float: left;
	margin: 0 0 0 -214px;
}
#Header .capr {
	background-image: url(/_images/Header-capr.png);
	background-repeat: no-repeat;
	width: 15px;
	height: 64px;
	position: relative;
	float: right;
	margin: 0 -15px 0 0;
}
#Header-logo {
	background-image: url(/_images/Header-logo.png);
	width: 116px;
	height: 118px;
	position: relative;
	float: left;
	margin: -12px 0 0 -43px;
	z-index: 1;
}
#Header-title {
	background-image: url(/_images/Header-title.png);
	width: 391px;
	height: 45px;
	position: relative;
	z-index: 1;
	float: left;
	margin: 28px 0 0 0;
}
#Header_phoenix {
	width: 105px;
	height: 21px;
	margin: 44px -13px 0 0;
	float: right;
	position: relative;
	z-index: 1;
}
#Header_phoenix a {
	background-image: url(/_images/Header_phoenix-sprite.png);
	background-repeat: no-repeat;
	display: block;
	width: 105px;
	height: 21px;
	outline: none;
}
#Header_phoenix a:hover {
	background-image: url(/_images/Header_phoenix-sprite.png);
	background-repeat: no-repeat;
	background-position: 0px -22px;
}
#nav {
	background-image: url(/_images/navTeam-bg.png);
	background-position: top;
	background-repeat: repeat-x;
	width: 100%;
	height: 37px;
	margin: 0;
}
#nav-container {
	width: 630px;
	height: 37px;
	margin: auto;
}
#navGlobal {
	width: 630px;
	height: 37px;
}
#navGlobal ul {
	font-family: Verdana;
	font-size: 11px;
	list-style: none;
	margin: auto;
	padding: 0;
	width: 556px;
	position: relative;
	line-height: 14px;
}
#navGlobal li {
	display: block;
	float: left;
	text-align: center;
	border: 1px solid #cbcbcb;
	border-width: 0 1px 0 0;
}
#navGlobal li.first {
	border-width: 0 1px 0 1px;
}
#navGlobal li a {
	display: block;
	color: #3c66a0;
	font-weight: bold;
	width: 110px;
	height: 33px;
	padding: 4px 0 0 0;
	text-decoration: none;
}
#navGlobal li a:hover {
	color: #1b3f70;
}
#navGlobal li a.selected {
	color: #1b3f70;
	background-image: url(/_images/navGlobal-btnhover.png);
	background-repeat: repeat-x;
}
#navGlobal li a span {
	font-size: 9px;
	font-weight: normal;
	display: block;
}
#navGlobal li ul {
	list-style: none;
	padding: 0;
	z-index: 10;
	float:left;
	margin: 7px 0 0 -8.8%;
	position: absolute;
}
#subMain, #subSaints, #subSenior, #subSilver, #subGolden {
	visibility: hidden;
}
#navGlobal li li {
	display: inline;
	margin: 0;
	height: 10px;
	border: 1px solid #cbcbcb;
	border-width: 0 0 0 1px;
}
#navGlobal li li.first {
	border: none;
}
#navGlobal li li a {
	font-family: Verdana;
	font-size: 10px;
	height: 10px;
	color: #5e96e3;
	text-decoration: none;
	outline: none;
	padding: 0px 12px 0px 12px;
	width: auto;
	margin: -3px 0 0 0;
	position: relative;
}
#navGlobal li li a:hover {
	color: #3c66a0;
	text-decoration: none;
}
#navGlobal li li a.selected {
	background-image: none;
	color: #274d83;
	text-decoration: none;
}
#navLocal-bg {
	background-image: url('/_images/navLocal-bg.png');
	background-position: top;
	background-repeat: repeat-x;
	height: 30px;
	width: 640px;
	margin: auto;
}
#navLocal-bg .capl {
	background-image: url(/_images/navLocal-capl.png);
	background-repeat: no-repeat;
	width: 11px;
	height: 30px;
	float: left;
	right: 11px;
	position: relative;
}
#navLocal-bg .capr {
	background-image: url(/_images/navLocal-capr.png);
	background-repeat: no-repeat;
	width: 11px;
	height: 30px;
	float: right;
	left: 11px;
	position: relative;
}
#ContentContainer {
	background-repeat: no-repeat;
	background-position: top center;
}
#ContentMain {
	width: 100%;
}
#ContentHeader {
	width: 646px;
	margin: auto;
}
#Content-bg {
	background-image: url(/_images/Content_container-bg.png);
	background-repeat: repeat-x;
	background-position: top;
	height: 128px;
	margin: 0;
}
#Content {
	width: 646px;
	padding-bottom: 10px;
	text-align: justify;
	margin: auto;
	margin-top: -122px;
	position: relative
}
#FooterMain01 {
	background-image: url(/_images/FooterMain01-bg.png);
	background-repeat: repeat-x;
	width: 100%;
	height: 106px;
}
#FooterMain02 {
	background-image: url(/_images/FooterMain02-bg.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	width: 100%;
	height: 106px;
}
#FooterMain02 .copyright {
	color: #FFFFFF;
	font-size: 10px;
	height: 20px;
	text-align: center;
	padding-top: 4px;
	margin: auto;
	margin-bottom: 10px;
	width: 656px;
}
#FooterMain02_content {
	width: 616px;
	margin: auto;
}
#Content .side {
	width: 180px;
	position: relative;
}
#Content .main {
	width: 446px;
	position: relative;
}

/* Content Styles */
#ContentHeader .slideshow {
	list-style: none;
	margin: 0;
	padding: 0;
}
#ContentHeader .mainslideshow {
	float: left;
	width: 521px;
	margin: 3px 3px 3px 0;
}
#ContentHeader .page {
	float: left;
	width: 116px;
	height: 164px;
	margin: 3px;
}
#ContentHeader .slideshowcontainer {
	float: left;
	width: 646px;
	height: 170px;
	border: 1px solid #dddddd;
}
#ContentHeader h1 {
	display: block;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	padding: 40px 0 0 0;
	margin: 0 0 8px 0;
	float: left;
}
#ContentHeader h1 span {
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	line-height: 8px;
}
#ContentHeader img.logo {
	float: right;
	position: relative;
}
#Content h1 {
	display: block;
	font-family: Verdana;
	font-size: 18px;
	padding: 0 0 7px 0;;
	margin: 0 0 5px 0;
	border: 1px dashed #777777;
	border-width: 0 0 1px 0;
	float=
}
a.buttons {
	display: block;
	color: #7f2a00;
	background-image: url(/_images/buttons-sprite.png);
	background-position: 0 0;
	background-repeat: repeat-x;
	height: 22px;
	padding: 5px 6px 0px 6px;
	font-size: 13px;
	font-weight: bold;
	border: 1px solid #c17f00;
	margin: 5px 0px 5px 0px;
}
a.buttons:hover {
	color: #7f2a00;
	background-position: 0 -27px;
	text-decoration: none;
}
.btn-sponsor {
	width: 121px;
}
.sponsor {
	border-bottom: 1px solid #acacac;
}
.sponsor-image {
	width: 200px;
	float: left;
}
.sponsor-info {
	width: 380px;
	padding: 5px;
	float: right;	
}
.team-photo {
	width: 590px;
	height: 378px;
	padding: 4px;
	border: 1px solid #C0C0C0;
}
.acc-black {
	color: #000000;
}

/* DataTable */
.dataTable {
	font-family: Verdana;
	font-size: 11px;
}
.dataTable h2 {
	color: #4d4d4d;
	background-image: url(/_images/dataTable-h2.png);
	background-repeat: repeat-x;
	height: 35px;
	width: 100%
}
.dataTable h2 span {
	display: block;
	padding: 6px 0 0 8px;
}
.dataTable dl {
	border-bottom: 1px solid #d7d7d7;
	width: 100%;
	margin: 0;
	padding: 0;
}
.dataTable dt {
	float: left;
	margin: 0 0 0 8px;
	padding: 0;
}
.dataTable dt.red {
	color: #ff0000;
	font-weight: bold;
}

/* DataTable Roster */

.roster dl {
	height: 20px;
}
.roster dt.members {
	margin-bottom: 30px;
}
.roster dt.title {
	font-weight: bold;
	width: 200px
}
.roster dt.number {
	font-weight: bold;
	width: 20px;
	display: block;
}
.roster dt.name {
	font-weight: bold;
	width: 200px
}
.roster dt.email {
	font-weight: bold;
	font-size: 10px;
}

/* DataTable Schedule */
.schedule .events {
	margin-top: -8px;
}
.schedule dl {
	font-size: 10px;
	height: 60px;
}
.schedule dt {
	float: none;
}
.schedule dt.date {
	font-weight: bold;
	background-image: url(/_images/schedule_date-bg.png);
	background-repeat: no-repeat;
	background-position: left;
	width: 235px;
	height: 20px;
	margin: 0;
}
.schedule dt.date span {
	padding-left: 8px;
	display: block;
}
.schedule dt.location {
	
}

/* Sponsors */
.sponsor {
	border-bottom: 1px solid #acacac;
}
.sponsor-image {
	width: 200px;
	float: left;
}
.sponsor-info {
	width: 380px;
	padding: 5px;
	float: right;	
}
.btn-sponsor {
	width: 121px;
}
a.buttons {
	display: block;
	color: #7f2a00;
	background-image: url(/_images/buttons-sprite.png);
	background-position: 0 0;
	background-repeat: repeat-x;
	height: 22px;
	padding: 5px 6px 0px 6px;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #c17f00;
	margin: 5px 0px 5px 0px;
}
a.buttons:hover {
	color: #7f2a00;
	background-position: 0 -27px;
	text-decoration: none;
}
div.table h2 {
	display: block;
	color: #4d4d4d; 
	background-image: url(/_images/h2table-hdr-bg.png);
	background-position: top;
	background-repeat: repeat-x;
	height: 27px;
	width: 100%;
	font-size: 13px;
	padding: 0;
	border: 1px solid #9d9d9d;
	margin: 0;
}
div.table h2 span {
	display: block;
}
.form-contact {
	margin: 0;
	padding: 0;
	border: 0;
}
.form-contact dl {
	margin: 0;
	padding: 0;
}
.form-contact dt {
	display: block;
	float: left;
	width: 75px;
	margin: 0 0 5px;
	padding: 0;
}
.form-contact dd {
	display: block;
	float: left;
	width: 371px;
	margin: 0 0 5px;
	padding: 0;
}
.form-contact .textbox {
	font-size: 11px;
	width: 99%;
	border: 1px solid #aaaaaa;
}

/* Gallery */

.gallery {
}
.gallery-img {
	background-color: #ffffff;
	background-image: url(/_images/grad-small.png);
	background-position: bottom;
	background-repeat: repeat-x;
	width: 124px;
	height: 84px;
	float: left;
	border: 1px solid #bbbbbb;
	margin: 0 1px 10px 1px;
	text-align: center;
	overflow: hidden;
}
.gallery-img img {
	height: 80px;
	width: auto;
	border: none;
	margin: 2px 0;
}

/* About */

.img-border {
	padding: 10px;
}