﻿body {
	margin:0;	
	background: #000 url(img/background.jpg) repeat-y;
}
/* Coloring for Non-Tabled Text */
.PageTxt { color:#fff; }

.container {
	margin: 0;
	width: 960px;
}

#header {
	background: url(img/header-background.jpg) no-repeat;
	height:95px;
	position:relative;
}

#logo {
	background: url(img/usa-water-polo.png) no-repeat;
	height:85px;
	width:370px;
}
#logo a {
	display:block;
	height:85px;
	width:370px;
}
#logo h1 {
	margin-left:-1000px;
}

#body {
	margin:0;	
	background: url(img/body-background.jpg) no-repeat;
}

#main {
	position:relative;
}

#main.grad {
	background: url(img/content-background.jpg) repeat-x;
	padding-top: 35px;
	margin-left:-6px;
	padding-left:6px;
}

.fade {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:20px;
	background: url(img/fade.png) repeat-x;
	z-index:10;
}

.teaser {
	display:block;
	float:left;
	margin-right: 12px;
}
.teaser.last {
	margin-right: 0;
}
#seal {
	margin: 0.5em;
	width:135px;
}
#sponsors a {
	display:block;
	margin: 0.5em 0;
	text-align: center;
}

.photo-box .photo {
	margin: 0;
	margin-bottom: 10px;
}

.photo {
	position: relative;
	margin-bottom: 12px;
	margin-right:10px;
	float: left;
	clear: both;
	overflow: hidden;
}

.photo.right {
	margin-right:0;
	margin-left: 10px;
	float: right;
}

.photo img {
	display:block;
}

.tag {
	float:right;
	margin-top:-30px;
	margin-bottom:30px;
}

.photo p {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 3px 5px;
	margin: 0;
	background: #333;
	color: #fff;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
	font-size: 95%;
	width:100%;
}

.content-box {
	margin-bottom: 10px;
}
.content-title {
	padding:2px 5px;
	color: #fff;
	background: #222 url(img/title-background.jpg) repeat-x;
	margin:0;
	font-weight: normal;
}
.content-box h4 {
	padding:2px 5px;
	color: #fff;
	background: #222 url(img/title-background.jpg) repeat-x;
	margin:0;
	font-weight: normal;
}
.content-box .content {
	padding:4px 5px;
}
.dark {
	background: #000;
}

#button-row div {
	margin-top:10px;
}

#feature {
	background: url(img/feature-background.jpg) repeat-x;
	height:375px;
}

#feature .content-box {
	margin: 0 5px;
	margin-bottom: 10px;
}

#footer {
	font-size: 95%;
	margin: 1em 0 .1em 0;
}
#footer .nav {
	padding-top:55px;
}
#footer .nav a {
	text-decoration: none; text-transform: uppercase;
}
#footer .sep {
	padding: 0 5px;
}
#footer .logo {
	float:right;
	margin-right:14px;
}

table.list {
	border-top: 1px solid #506A85;
	table-layout: fixed;
}
table.list td {
	padding:3px 0;
	border-bottom: 1px solid #506A85;
}
div.page-container-popup {
	color:#fff;
}
div.popuptitlearea {
	color:#fff;
}

.odpreg a {
	line-height:106px;
	height:106px;

}
.odpreg a:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
}
