/*****************************/
/*** Core html setup stuff ***/
/*****************************/

body {
	font-family: Arial,Helvetica,sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 12px;
	background-image: url('bg.jpg');
	text-align: center
}

img { border: 0 none; }

div.center {
  text-align: left;	
  width: 950px;
  margin: 0 auto;
}

div.main
{
  border: 2px solid #989898;
  background-color: white;
  clear: both;
}

div#account
{
	text-align: right;
	height: 60px;
	line-height: 60px;
}

div#account div
{	
	background-image: url('account.png');
	background-position: right center;
	background-repeat: no-repeat;
	padding: 0px 10px 0px 10px;
	width: 310px;
	float: right;
}

div#header {
	margin: 0 auto;
	position: relative;
	height: 240px;
}

div#logo {
	position: absolute;
	left: -47px;
	top: -86px;
	width: 285px;
	height: 325px;
}

div#banner
{
	float: right;
	width: 699px;
	margin: 5.5px 6px 0 0;
	height: 229px;
}

div#banner .menu
{	
	height: 25px;	
	font-family: Verdana,Georgia,Serif;
}

div#banner .top
{	
	background-image: url('menu.jpg');text-align: right;
}

div#banner .bottom
{	
  text-align: left;
	background-image: url('menu.jpg');
	background-position: 0 25px;
}


div#banner  ul.menu {  padding: 0 0 0 5px; margin: 0; }
div#banner ul.menu li {
  position: relative;
	list-style-type: none;
	padding: 0px; 
	display: inline;
	margin: 0 5px 0 0px;	
}

div#banner ul.menu li a
{
	line-height: 25px;
  height: 25px;
	margin: 0px 5px 0 0;
	padding: 0px 0px 0px 5px;
	color: white;
	font-size: 16px;
	font-variant: small-caps;
	text-decoration: none;
	text-align: center;
  font-weight: bold;
}

/* Drop down */
div#banner ul.menu ul li
{
  display: block;
  text-align: left;
  padding: 0; 
  margin: 0;
}

div#banner ul.menu ul li a 
{
background-image: none;
  text-align: left;
  display: block;
  margin: 0; padding: 0 10px 0 15px;
  font-size: 14px;
	line-height: 20px;
	height: 20px;
}

div#banner ul.menu ul {
  padding: 0 0 0 0px; 
  margin: 0; 
  position: absolute;
  z-index: 70;
  border: 2px solid white;
  background-color: #01a89e;
  top: 14px;
  left: -9999px;
  width: 250px;
}

div#banner ul.menu ul li {
  white-space: nowrap;
}

div#banner ul.menu ul li a:hover
{
  background-color: #27ccc2;
}

div#banner ul.menu li:hover ul, div#banner ul.menu li.sfhover ul
{
  left: 0;
}

/* Slide show */

ul.slideshow 
{
	list-style:none;
	height: 178px;
	width: 699px;
	overflow:hidden;
	position:relative;
	margin: 1px 0;
	padding: 0;
}	

ul.slideshow .round-corners
{
	height: 180px;
	width: 699px;
	position:absolute;
	top:0;
	left:0;	
	z-index:60;	
	/*
  background-image: url('border.png');
	*/
}

ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}

ul.slideshow li.show {
	z-index:50;	
}

ul.slideshow li img{
  width: 100%
}

ul img {
	border:none;	
}

#slideshow-caption {
	width:699px; /* Same as banner */
	height:25px;
	position:absolute;
	bottom: 0;
	left:0;	
	color:#fff;
	background:#000;
	z-index:50;
}

#slideshow-caption .slideshow-caption-container {
	padding: 0px 0px 0px 25px;
	z-index:55;	
}

#slideshow-caption p {
	margin:0;
	line-height: 25px;
	padding:0;
}

#left
{
	width: 240px;
	float: left;	
}

#left .contact-box, #left .box
{
  padding: 0 0 12px 0px;
  margin: 0px 5px 15px 5px;
  background-repeat: no-repeat;
  background-position: left bottom;
}
	
#left .box
{
  background-image: url('lmenu-bottom.jpg');
}

#left .box h3
{
  background-image: url('lmenu-title.jpg');
  color: red;
}

#left .contact-box
{
  background-image: url('contact-bottom.jpg');
  background-color: #655a54;
}

#left .contact-box h3
{
  background-image: url('contact-top.jpg');
  background-repeat: no-repeat;
  background-color: #655a54;
  color: white;
}

#left .box h3, #left .contact-box h3
{
  padding: 0 0 0 25px;
  margin: 0;
  line-height: 25px;
  height: 25px;
  font-size: 15px;
  font-variant: small-caps;
}

#left .contact-box h3
{
  padding: 5px 0 0 10px;
}

#left .contact-box .box-content
{
  background-color: #655a54;  
  padding: 0 10px 0 10px;
  color: white;
}

#left .box .box-content
{
  background-image: url('box-bg.jpg');
  background-repeat: repeat-y;
  padding: 0 10px 0 10px;
}

#left .box ul { margin: 0; padding: 0; }
#left .box li { list-style-type: none;}
#left .box li a 
{ 
  text-decoration: none;
  line-height: 20px;
  color: black;
  display: block;
  padding-left: 15px;
}

#left .box li a:hover
{
  background-color: #ededed;
}

#content
{
	width: 690px;
	margin-right: 10px;
	float: right;
	padding-bottom: 1.0em;
}

#content h1
{
	background: #FFFFFF url('big_waves.gif') repeat-x;
	padding-top: 40px;
  margin-right: 0px;
  color: #00a99d;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
}

#content h2
{
  background: #ffffff url('small_waves.gif') right center no-repeat;
	color: #00a99d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
}

#content a
{
  color: #dd0000;
  text-decoration: none;
  font-weight: bold;
}

#content a:hover
{
  text-decoration: underline;
}

#account a
{
  color: #dd0000;
  text-decoration: none;
  font-weight: bold;
}

#account a:hover
{
  text-decoration: underline;
}

#content p
{
  line-height: 1.5em;
}

	
/* FORM STYLES */

.error      { background: #FBE3E4; color: #8a1f11; border: 1px solid #FBC2C4; padding: 5px; }
.notice     { background: #FFF6BF; color: #514721; border: 1px solid #FFD324; padding: 5px; }
.success    { background: #E6EFC2; color: #264409; border: 1px solid #C6D880; padding: 5px; }

#registerForm, .form
{
  padding: 15px;
  margin: 0px 10px 15px 0px;
}

.form
{
  background-color: #f9f9f9;
  border: 1px solid #D0D0D0;
}

#registerForm label, .form label
{
  font-weight: bold;
  font-size: 12px;
}

#registerForm input, .form input, .formButton
{
  border: 1px solid #D0D0D0; 
  font-size: 16px;
  padding: 5px;
}

#registerForm textarea
{
  width: 100%;
}

#registerForm input[type="text"]
{
  display: block;
  width: 100%;
}

#registerForm input[type="password"]
{
  display: block;
  width: 100%;
}

#scaffolding h3
{
	padding: 0;
	margin: 0;	
}
	
#scaffolding table {
 background-color: #efefef;
  font-size: 11px;
}

#scaffolding th {
 background-color: #eee;
 font-weight: bold;
 padding: 6px;
 text-align: left;
}

#scaffolding td {
 background-color: #fff;
 padding: 6px;
}

table.Teams, table#Roster {
	border-spacing: 0;
	border-collapse: collapse;
	margin-bottom: 1em;
}

table#Roster {
  width: 690px;
}

.Teams th {
}

.Teams th, .Teams td, #Roster th, #Roster td {
	border: 1px solid #989898;
	padding: 2px 6px 2px 6px;
}

.Teams th, .Teams td {
  padding: 2px 20px 2px 6px;
}

.partner_delete
{
  text-align: center;
  width: 212px;
  height: 170px;
  padding: 5px;
  border: 1px solid #ececec;
  float: left;
  margin: 2px;  
}

.thumb_delete
{
  text-align: center;
  width: 140px;
  height: 120px;
  padding: 5px;
  border: 1px solid #ececec;
  float: left;
  margin: 2px;  
}

.partner
{
  font-size: 1px;
  text-align: center;
  width: 212px;
  height: 150px;
  line-height: 150px;
  padding: 5px;
  border: 1px solid #ececec;
  float: left;
  margin: 2px;  
}

.partner img
{
  vertical-align: middle;
}

.partners-slideshow
{
  height: 150px;
}

.thumb
{
border: 1px solid #CECECE;
  font-size: 1px;
  text-align: center;
  width: 134px;
  height: 104px;
  line-height: 130px;
  float: left;
  padding: 2px;
  margin: 2px 2px 10px 20px;  
}
.thumb img
{
  border: 1px solid #ececec;
  padding: 1px;
}

form table
{
  width: 100%;
  margin-bottom: 10px;
}

form table tr
{
  padding: 0;
  margin: 0; 
}

form table td
{
  padding: 5px;
  margin: 0;
  line-height: 25px;
  height: 25px;  
}

/* hack for small waves having white background */
form table tr td h2
{
  border: 1px solid #d0d0d0;
  padding-left: 10px;
}

#recaptcha_image
{
  border: 1px solid #d0d0d0;
}

.partner-wrapper
{
  display: none;'
}
.partner-logo
{
  width: 212px;
  height: 150px;
  display: block;
  text-align: center;
  font-size: 1px;
  line-height: 150px;
}

.partner-logo img
{
  vertical-align: middle;
}