@charset "utf-8";
/* CSS Document */

body  {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font: 100%;
	background: #022639;
	background-image:url(../_images/background.jpg);
	background-repeat:repeat-x;
	background-position: top left;
	margin: 0;
	padding: 0;
	color: #00080d;
	text-align: center;
}
/*#containerWrapper {
	margin: 10px auto 0;  
	background-image:url(../_image/containerShadow.png);
	background-repeat:repeat-y;
	background-position: top right;
	max-width: 1000px;
	min-width: 821px;
}*/
#container { 
	width: 808px;  
	background: #FFFFFF;
	text-align: left; 
	margin: 0 auto;
	padding: 0;
	position: relative;
} 
#header {
	padding: 0px;
	margin: 0px;
	background-image:url(../_images/banner.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 202px;
	width: 808px;
}
#header h2 {
	text-indent: -1000em; /*moves text for header out of viewable area, allows screen readers to associate*/
	margin: 0;
	padding: 0;
}
#menu {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 40px;
}
#menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#menu ul li {
	margin:0px;
	padding:0px;
	position: relative;
	cursor: pointer;
	width: auto;
	float: left;
	line-height: 35px;
}
#menu ul a:link, #menu ul a:visited {
	color:#003452;
	margin:0px 10px;
	text-decoration:none;
	font-size: 14.5px;
	font-weight: bolder;
	display: block;
	padding:0px;
}
#menu li a:hover, #menu li a:active {
	color:#fff351;
}

#sidebar1 {
	float: left; 
	width: 203px;
	background-image:url(../_image/sidebarBckgrnd.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding-bottom: 10px;
}
#contentWrapper {
	background-color: #87bede;/*9acdee;75afcd;*/
	position: relative;
	min-height: 600px;
}
#mainContent { 
	margin: 0 45px; 
	padding: 0 0 90px 0;
	position: relative;
	z-index: 4;
} 
#footer {
	color: #e2f5ff;/*ceeeff;c1dcf0;*/
	font-family: "Century Gothic", verdana, sans-serif;
	font-size: 12pt;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 0;
	bottom: 5px;
	width: 800px;
	z-index: 5;
} 
#footer p {
	margin: 0; 
	padding: 10px 0;
	text-align:center;
}
#footerImage {
	padding: 0;
	margin: 0;
	/*background-image:url(../_images/footer_rev.jpg);*/
	background-image: none;
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 100%;
	height: 319px;
	position: absolute;
	left: 0;
	bottom: 0;
	clear: both;
}

/*---------- Detail Window classes for reuse ----------*/

.winTable {
	min-width: 467px;
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	text-align: left;
}
.winTable td {
	padding: 2px 0;
	margin: 0px;
}
.winVariable {
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	font-size: 14px;
}
.winTable a:link, .winTable a:visited {
	color:#00F;
}
.winTable a:hover, .winTable a:active {
	color:#F00;
}

/*--------- General Classes ---------*/
h1, h2 {
	color: #fff351;
	margin: 0;
	padding: 12px 0;
}
h3, h4 {
	color: #E2F5FF;
	margin: 8px 0;
	padding: 0;
}
h3 {
	background-image:url(../_images/heading_bckgrnd.png);
	background-repeat: no-repeat;
	line-height: 45px;
	margin-left: -10px;
	padding-left: 10px;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#modules {
	position: absolute;
	width: 245px;
	top: 50px;
	right: 25px;
}
/*#module1 {
	width: 245px;
	position: relative;
}
#module2 {
	width: 245px;
	position: relative;
}*/
.module {
	width: 245px;
	position: relative;
	margin: 10px 0;
	z-index: 5;
}
.moduleTop {
	background-image: url(../_images/module_top.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 245px;
}
.moduleBottom {
	background-image: url(../_images/module_bottom.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 245px;
}
.moduleBody {
	background-image:url(../_images/module_body.jpg);
	background-repeat: repeat-y;
	min-height: 180px;/*197px;*/
	position:relative;
}
table.moduleTable {
	text-align: left;
	width: 210px;
	margin: 0;
}
table.moduleTable td {
	vertical-align: top;
	padding: 4px 0;
	color:#E2F5FF;
}
.module a:link, .module a:visited {
	color:#E2F5FF;
}
.module a:hover, .module a:active {
	color:#003452;
}
.moduleContent {
	width: 215px;
	margin: 0  0 0 20px;
	padding: 10px 5px;
	font-size: .85em;
}
.moduleContent p {
	margin: 0 0 10px 0;
}
.module h4 {
	text-align: center;
	width: 225px;
	height: 1%;
	position: absolute;
	top: 10px;
	left:20px;
	margin: 0;
}
#usmsJoinLogo {
	margin: 0 auto;
	display:block;
}
#usmsLogo {
	position: relative;
	margin-top: 10px;
	border: none;
	z-index: 5;
}
#mainContent a:link, #mainContent a:visited {
	color:#003452;
}
#mainContent a:hover, #mainContent a:active {
	color:#E2F5FF;
}
#mainContent a.articlesMore:link, #mainContent a.articlesMore:visited {
	color: #e2f5ff;
}
#mainContent a.articlesMore:hover, #mainContent a.articlesMore:active {
	color: #fff351;
}

/*---------- Events/Clinics Content Elements ----------*/

.clinics { /*main events table*/
	font-size: .90em;
	margin: 0 0 15px 0;
	padding: 0;
	width: 98%;
	border-collapse:collapse;
}
.clinics th { /*events table headers (Titles)*/
	padding: 0 0 5px 0;
	text-align:left;
	border-bottom: 2px solid #CBCBCB;
}
.clinics td { /*events table cell contents*/
}
.eventCurrent { /*events table row within current date range*/
}
.eventNotCurrent { /*events table row outside current date range*/
}
.eventStatus { /*the remaining class atributes for individual cell contents*/
	font-size:.85em;
	width: 150px;
	vertical-align: top;
	padding-top: 3px;
}
.eventName {
	font-weight: bold;
	font-size: 1.25em;
}
.eventGrade {
}
.eventFacility {
}

/*---------- Facilities Content Elements ----------*/

.clubInfo {
	margin: 0;
	padding: 0;
	font-size: .9em;
}
.clubInfo td {
	padding-left: 5px;
}
.facilities { /*main facilities table*/
	font-size: .90em;
	margin: 20px 0 0;
	padding: 0 ;
}
.facilityInfo a:link, .facilityInfo a:visited {
	text-decoration: underline;
	color: #000;
	font-weight:bold;
}
.facilityInfo a:hover, .facilityInfo a:active {
	color:#000;
}
.facilities td { /*facilities cell contents*/
	vertical-align:top;
}
.facilityImage { /*facilities image cell*/
	width: 150px;
	text-align: center;
}
.facilityName {
	font-size: 1.25em;
}
a.facilityName { /*facilities name*/
	text-decoration: underline;
	cursor:pointer;
	font-size: 1.25em;
}
a.facilityName:hover {
	text-decoration:underline;
}
.facilities img { /*facilities img*/
	border: 3px solid #616161;
}
.facilityPoolLocation { /*pool indoor or outdoor*/
}
.facilityDescription { /*facilities description*/
}
.facilityAddressTitle, .facilityPhoneTitle, .facilityDescriptionTitle,
.facilityLocationTitle,.facilityWebsiteTitle, .facilityContactTitle { /*facilities titles*/
	width: 90px;
	font-weight: bold;
	vertical-align: top;
}
.facilityVariable {
	width: 90px;
	font-weight: bold;
	font-size: .9em;
	vertical-align: top;
}
.facilityAddress, .facilityPhone,.facilityWebsite,
.facilityContact, .facilityEmail { 
}

/*---------- Meets/Competitions Content Elements ----------*/

.meets {/*main meets table*/
	font-size: .90em;
	margin: 0 0 15px 0;
	padding: 0;
	width: 98%;
	border-collapse:collapse;
}
.meets td {/*meets table cell contents*/
}
.meets th {/*meets table headers (Titles)*/
	padding: 0 0 5px 0;
	text-align:left;
	border-bottom: 2px solid #CBCBCB;
}
.meetsDate {
	font-size:.85em;
	width: 150px;
	vertical-align: top;
	padding-top: 3px;
}
a.meetsTitle {
	text-decoration: underline;
	cursor:pointer;
	font-weight: bold;
	font-size: 1.25em;
}
a.meetsTitle:hover {
	text-decoration:underline;
}
.meetsArchive { /*meets archive link*/
	display: none;
}
.meetsVariable { /*meets titles*/
	width: 100px;
	font-weight: bold;
	vertical-align: top;
}
