a:link{    color: #000066; text-decoration: none; font-weight: 600; }
a:visited{ color: #000066; text-decoration: none; font-weight: 600; }
a:active{  color: #000066; text-decoration: none; font-weight: 600; }
a:hover{   color: #000066; text-decoration: none; font-weight: 600; }

body{ color: #333; font: 12px Arial,Verdana,sans-serif; }
img{ border: none; }


b.red{ color: #aa0000; }

td{ vertical-align: top; }

td.left{ 
	text-align: left; 
	border: 1px solid #bbb; 
	padding: 1px 5px; }

td.center{ 
	text-align: center; 
	border: 1px solid #bbb; 
	padding: 1px 5px; }

td.right{ 
	text-align: right; 
	border: 1px solid #bbb; 
	padding: 1px 5px; }

td.title{ 
	font: bold 12pt Arial,Verdana,sans-serif; 
	background-color: #bbb; 
  color: #fff; 
  padding: 2px 5px; 
  text-align: center; 
  border: 1px solid #bbb; }

td.header_ct{ 
	text-align: center; 
	font-weight: bold; 
	border: 1px solid #bbb; 
	padding: 1px 5px; }

td.label{ 
	font-weight: bold; 
	border: 1px solid #bbb; 
	padding: 1px 5px; }

input{ font-size: 8pt; border: 1px solid #bbb; }
select{ font-size: 8pt; border: 1px solid #bbb; }


.formline input{ padding: 1px; width: 190px; }
.formline select{ padding: 1px; width: 190px; }

.w25{ width: 25px; }

.hidden{ display: none; }


#frame { width: 980px; margin: 0px auto; padding: 0px; background-color: white; }

#header{ width: 855px; margin: 0px 1px 2px; padding: 75px 0px 0px; 
  background: url('../images/header.jpg'); }
  
#sidead{ width: 120px; float: left; }

#page{ margin-left: 125px; }


/***************** styles for menu ****************************/

#menu{ background: #eeeeee; width: 855px; height: 15px; padding: 0px; }
#menu ul{ list-style: none; margin: 0px; padding: 0px; width: 121px; float: left; }
#menu li{ position: relative; margin: 0px; padding: 0px; }
#menu ul ul{ position: absolute; z-index: 500; }

#menu a, #menu h2 {
  font: 11px/16px arial,verdana,helvetica, sans-serif; display: block; margin: 0; 
  padding: 0px 5px; }
#menu h2 { color: #000; background: #eee; font-weight: bold; border: none;
  border-right: 1px solid #bbb; }
#menu a { color: #000; background: #eee; text-decoration: none; margin-right: 2px;
  border-width: 1px; border-style: solid solid none solid; border-color: #bbb #fff #fff #fff;}
#menu h2:hover { background: #fff; }
#menu a:hover {  background: #fff; }

div#menu ul ul { display: none; }
div#menu ul li:hover ul{ display: block; }


/***************** styles for content ****************************/

#center{ margin: 0px; padding: 0px; }

#newscol{ float: right; width: 225px; height: 500px; margin: 0px;
  padding: 0px 0px 0px 5px; }
  
#latestnews{ background: url('../images/latestnews.png'); width: 205px; height: 344px; 
  position: relative; margin: 0px; padding: 3px 10px; }
#latestnews h1{ font: bold 13px Arial,Verdana,sans-serif; color: #fff; 
  margin: 0px; padding: 0px; }
#latestnews h2, #latestnews p{ 
  margin: 0px; padding: 0px; font: 9pt Arial,Verdana,sans-serif; }
#latestnews h2{ font-weight: bold; margin-top: 20px; }
  
#content{ width: 620px; min-height: 650px; margin: 0px 1px; padding: 0px 0px 5px; 
  border-width: 1px 4px 1px 1px; border-style: none double none solid; border-color: #aaa; }
#content h1{ margin: 0px; padding: 10px; border-bottom: 1px solid #aaa;
  font: bold 10pt Arial,Verdana,sans-serif; }
#content h2, #content p{ 
  margin: 10px; padding: 0px; font: 9pt Arial,Verdana,sans-serif; }
#content h2{ font-weight: bold; }

#content table{ border-collapse: collapse; margin: 0px 10px; }
#content td.smalltext{ font: 10px Arial,Verdana,sans-serif; border: 1px solid #888; 
  padding: 0px 4px; vertical-align: bottom; }
#content td.weeks{ font: 10px Arial,Verdana,sans-serif; border: 1px solid #888; 
  padding: 0px 4px; text-align: center; width: 20px; }
  
#content ol{ list-style-type: decimal; }
#content ol li{ margin: 0px 0px 15px; padding: 0px; }


#content .newsletter, #content .coach, #content .gallery{ 
  border-bottom: 1px solid #aaa; margin: 0px 0px 15px; padding: 0px; }

#news div{ text-align: center; }
#news p.quote{ font-weight: bold; font-style: italic; margin: 10px 50px; }

.coach_photo{ width: 120px; height: 300px; float: left; margin: 0px; 
  padding: 0px 0px 0px 15px; }
.coach_info{ margin-left: 140px; min-height: 300px; }

#gallery{ position: relative; }
#gallery .photo{ position: absolute; width: 130px; height: 130px; 
  border: 1px solid #aaa; padding: 2px; text-align: center; 
  overflow: hidden; }
#photoview{ display: none; text-align: center; font-size: 12px; }
#photoview img{ border: 1px solid #aaa; padding: 3px; margin: 5px; }

/***************** styles for application ****************************/

#sideimage{ width: 590px; min-height: 500px; margin: 0px; padding: 0px; 
  background: url('../images/membership.jpg') no-repeat top right #fff; }

#register, #terms, #signin, #retrieve{ 
  display: none; width: 435px; margin: 0px 25px; padding: 0px; }

#signin{ display: block; }

#sideimage h1{ margin: 0px; padding: 10px; 
  font-size: 14px; border-bottom: 1px solid #b0b0b0; }

#register td.label{ border: none; width: 125px; padding: 0px 0px 4px; }
#register .field input{ width: 200px; }

div.application{ display: block; margin: 0px 25px; padding: 0px; }
div.application h2{ margin: 0px; padding: 5px; font-size: 14px; 
  border: 1px solid #b0b0b0; border-style: solid none; }

div.textfield{ overflow: auto; width: 350px; height: 150px; }

div.buttons{ text-align: center; margin: 0px; padding: 5px 0px; 
  border-top: 1px solid #b0b0b0; font-size: 10pt; }

div.book{ margin: 2px 0px 0px 145px; padding: 0px; }
div.booked{ color: #aaaaaa; margin: 2px 0px 0px 145px; padding: 0px; }

div.formline{ margin: 5px 0px 10px; }
div.formlabel{ float: left; font-weight: bold; width: 140px; font-size: 10pt; }
div.formfield{ margin-left: 145px; }

div.formlabel_sm{ float: left; font-weight: bold; width: 75px; }
div.formfield_sm{ margin-left: 80px; }

/***************** styles for footer ****************************/

#footer{ position: relative; width: 853px; height: 85px; margin: 0px 1px; 
  padding: 0px; background: url('../images/bg_sponsors.png'); }

#footer div{ position: absolute; top: 10px; height: 65px; }



/***************** styles for index ****************************/

#intro_movie{ width: 223px; height: 108px; margin: 0px 1px 2px; padding: 150px 0px 0px 630px;
  background: url('../images/bg_intro.jpg'); }

#intro_movie #jointeam{ position: relative; left: -628px; top: -129px; }
#intro_movie #poll{ position: relative; left: -629px; top: -171px; }
#intro_movie #league{ position: relative; left: -220px; top: -142px; }

#intro_links{ width: 853px; position: relative; height: 185px; }
#intro_links div{ position: absolute; top: 0px; width: 131px; height: 179px; 
  margin: 0px; padding: 3px 12px; }
#intro_links #idx_news{ width: 202px; left: 629px; background: url('../images/idx_link5.png'); }

#intro_links h1{ font: bold 13px Arial,Verdana,sans-serif; color: #296eb9; 
  margin: 0px 0px 108px; padding: 0px; }
#intro_links h2, #intro_links p.news{ 
  margin: 0px; padding: 0px; font: 9pt Arial,Verdana,sans-serif; color: #000000;}
#intro_links h2{ font-weight: bold; margin-top: 15px; }
#intro_links h2 a{ color: #000066; }
#intro_links p{ font: bold 11px Arial,Verdana,sans-serif; color: #ffffff; 
  margin: 0px; padding: 0px; }
#intro_links a{ color: #ffffff; }
#intro_links h1 a{ color: #296eb9; }



/**************** styles for member area ***********************/

#memberarea{ width: 435px; margin: 0px; padding: 0px 0px 0px 15px; }
#back_link{ display: none; width: 420px; margin: 10px 0px;
  padding: 3px 15px; border-top: 1px solid #b0b0b0; font-size: 12px; }

#memberarea .infotext{ margin: 0px 0px 15px 15px; padding: 0px; }

#memberarea .infofield{ margin: 0px 0px 0px 25px; padding: 5px 10px;
  border: 1px solid #b0b0b0; border-style: solid none; }

 #memberarea h2{ margin: 0px 0px 10px; padding: 2px 5px; font-size: 9pt; border:
  1px solid #b0b0b0; border-style: solid none; } #memberarea p{ margin: 10px 0px
                                                            5px; padding: 0px; }

#memberarea .application{ margin: 15px 0px; padding: 0px; }
#memberarea .buttons{ border: none; }

#memberarea #btn_register{ margin: 10px 0px; padding: 0px; }


/***************** styles for ajax ****************************/

div.loading{ width: 130px; text-align: center; margin: 5px auto; padding: 0px; 
  font-size: 12px; }
div#term_select{ text-align: right; margin: 15px 0px 10px; padding: 0px 5px; 
  border-bottom: 1px solid #afafaf; font-size: 10pt; }