@charset "ISO-8859-1";

div {}

html {}

body {margin: 0;
padding: 0;
color: #000066;
background-color: #00CCFF;
font-family: Verdana, Helvetica, Arial, sans-serif;}

table {border-collapse: collapse;
border-spacing: 0px;
border: 1px #000000 solid;
margin-bottom: 1em;}

td {border: 1px #000000 solid;
padding: 1%;
font-size: 0.8em;
vertical-align: top;
text-align: center;}

p {font-size: .9em;
text-align: justify;}

li {font-size: 0.9em;
line-height: 1.5em;
text-align: left;
}

/*template parts*/

#header {}

#left-header {position: absolute;
background-image: url(images/brouleelogo.jpg);
background-repeat: no-repeat;
left: 10px;
top: 10px;
width: 150px;
height: 183px;
border: 1px #000000 solid;}

#middle-header {position: absolute;
background-image: url(images/beach.jpg);
background-repeat: no-repeat;
left: 170px;
top: 10px;
width: 560px;
height: 183px;
border: 1px #000000 solid;}

#middle-header h1#mainheader {margin: 0;}

#right-header {position: absolute;
background-image: url(images/slc2.jpg);
background-repeat: no-repeat;
left: 740px;
top: 10px;
width: 191px;
height: 183px;
border: 1px #000000 solid;}

#leftcol {}

#menu {position: absolute;
top: 203px;
left: 10px;
width: 150px;
z-index: 100;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .9em;}

#bear {position: absolute;
top: 597px;
left:10px;
background-image: url(images/bear.jpg);
background-repeat: no-repeat;
height: 160px;
width: 150px;
border: 1px #000 solid;}

#cap {position: absolute;
top: 769px;
left: 45px;
background-image: url(images/brouleesurferscap.gif);
background-repeat: no-repeat;
height: 80px;
width: 80px;
border: 1px #000 solid;}

#editable {position: absolute;
top: 203px;
left: 170px;
padding-left: 10px;
padding-right: 20px;}

/*common items*/

.columnheader {background-color: #2C3293;
color: #ffffff;
text-align: center;
font-size: 0.9em;}

td.members {text-align: center;}

td.membersleft {text-align: left;}

td.membersright {text-align: right;}

.members p {text-align: center;}

div.copyright {padding-right: 50px;}

p.copyright {font-size: .7em;
vertical-align: middle;
text-align: center;
background-color: #2C3293;
color: #ffffff;}

h1, h2, h3 {text-align: center;}

h4 {text-align: left;}

a:link {}

a:visited {}

a:hover {}

a:active {}

/*annual report*/
div.ar {padding-left: 10px;
padding-right: 20px;}

table.ar {width: 85%;}

p.ar-right {text-align: right;}

/*atvoperation*/

/*awardholders*/

table#awardholderstable {width: 75%;
padding-right: 50px;}

table#awardholderstable td {width: 15%;}

table#awardpatrolstable {width: 90%;
padding-right: 50px;}

table#awardpatrolstable td {width: 15%;}

.awardmembers {text-align: center;
line-height: .75em;}

/* bingo roster */
table#bingo {margin-right: 50px;}

table#bingo td {width: 25%;}

/*contactus*/

table#contactus td {border: none;
text-align: left;
font-size: 1.0em;}

table#contactus h2 {border-bottom: 1px #000 solid;}

table#contactus h3 {text-decoration: underline;}

/*gallery1, 2, 3, 4*/
.gallery {width: 85%;}

.gallery td {border: none;
padding: 10px;
vertical-align: top;}

td.gallerylink  a {font-size: 1.0em;
font-weight: bold;
text-align: center;}

/*handbook*/

table#handbook td {border: none;
width: 50%;
padding: 10px;}

table#agegroups {display: block;
margin-left: auto;
margin-right: auto}

table#agegroups td {border: 1px #000000 solid;}

/*history1*/

table#history1 td, table#history2 td, table#history3 td {border: none;
width: 50%;
padding-right: 20px;}

table#exec {border: none;}
table#comm {border: none;}

table#exec td {font-size: 0.9em;
text-align: left;}

table#comm td {font-size: 0.9em;
text-align: left;}

table#history1 div.figure, table#history2 div.figure, table#history3 div.figure {
float: right;
width: 50%;
border: 1px #000066 solid;
margin: 0.5em;
padding: 0.5em;}

table#history1 div.figure p, table#history2 div.figure p, table#history3 div.figure p {text-align: center;
font-style: italic;
font-size: smaller;
text-indent: 0;}

table#history1 img.scaled, table#history2 img.scaled, table#history3 img.scaled {
width: 100%;
cursor: pointer;}

/*history2*/

/*history3*/

table#comm3 {border: none;}

table#comm3 td {font-size: .9em;
text-align: left;}

table#history3 blockquote {border : 1px solid #000;
width: 400px;
float: left;
margin: 10px;
padding: 5px;
background-color: #ccc;
font-style: italic;}

/*index*/

table#index td {border: none;
padding-left: 10px;
padding-right: 10px;
width: 50%;}

table#index td#news {width: 50%;}

td#clubhouse img {display: block;
margin-left: auto;
margin-right: auto;
border-top: 5px #000066 solid }

td#beach3 img {display: block;
margin-left: auto;
margin-right: auto;}

/*jigsaw*/

/*joining*/

table#als {border: none; }

table#als td {border: none; }

.als-small {text-align: left;}


/*links*/

table#links img.linkimg {display: block;
margin-left: auto;
margin-right: auto;}

/*management*/

table#management td {width: 33%;}

table#information {display: block;
margin-left: auto;
margin-right: auto;}

table#information td {font-size: 0.9em;}

/*minutes*/

table#minutes p {line-height: 1.2;}

/*news*/
div#news {padding-left: 20px;
padding-right: 20px;}

div#news img {float: right;
padding: 20px;}

table#news {border: none;}

table#news td {border: none;
padding-left: 20px;
padding-right: 50px;
text-align: left;}

table#news table#news-sub1 {padding: 0;}

table#news table#news-sub1 td {border: 1px solid #000066;}

table#news blockquote {border : 1px solid #000;
width: 300px;
float: left;
margin: 10px;
padding: 5px;
background-color: #ccc;}

table#news img {float: right;
padding: 20px;}

table#bqtable {border: none;}

table#bqtable td {text-align: left;}

/*newsgbm*/

table#newsgbm td {width: 50%;
padding-left: 10px;
padding-right: 10px;}

/*newsletter*/

table#newsletter td {width: 50%;}

table#newsletter h3#issue {font-size: .8em;
text-align: left;
margin-left: 5%;}

table#newsletter h3#b2009 {color: #ff0000;
text-align: left;
margin-left: 5%;}

table#newsletter td#sponsors {background-color: #ffff00;
padding-left: 10px;}

table#newsletter td#sponsors #sponsorheader {color: #ff0000;
font-weight: bold;}

table#newsletter img#logo {display: block;
margin-left: auto;
margin-right: auto;
border: 1px #000 solid;}

table#newsletter img#newsletterpdf {float: right;
border: 1px #000 solid;}

table#newsletter table#calendar {width: 90%;
display: table;
margin-left: auto;
margin-right: auto;}

table#newsletter table#calendar td {font-size: 0.9em;
text-align: left;}

/*nippercommittee*/

/*nipperminutes*/

/*nippershandbook*/
div#nippershandbook {padding-left: 30px;
text-align: center;}

/*nipperschedule*/
table#nipperschedule {width: 100%;}

/*nippertraining*/

img#swimmer {float: right;
width: 250px;
padding: 10px;
margin-right: 50px;}

td#all {background-color: #000066;
color: #FFFFFF;}

/*online*/
table#online {border: none;
border-collapse: collapse;}

table#online td {text-align: left;
border-collapse: collapse;}

table#online td.right {text-align: right;}

/*patrolmembers*/

table#patrolmembers {padding-right: 50px;}

table#patrolmembers td {width: 15%;}

.tn {display: block;
margin-left: auto;
margin-right: auto;
border: 1px #000 solid;
cursor: pointer;}

/*patrol policy */
div#patrolpolicy {padding-left: 20px;
padding-right: 50px;}


/* program */
table.program {
	width:100%;
	border-collapse: collapse;}
	
table.program td {
	border: none;
	text-align: center;}
	
table.program td p {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;}

/*roster*/

table#roster {margin-right: 25px;}

table#roster td {width: 16.6%;}

table#roster td.middle {border-left: .2em #2C3293 solid;}

/*sponsors*/

/* sunday swim results */
table.sundayswimresults {width: 100%;}

table.sundayswimresults tr.odd {background-color: #66CCFF;}

table.sundayswimresults tr.even {background-color: #00CCFF;}

table.sundayswimresults td {font-size: .7em;}

table.sundayswimresults td.handicap {background-color: #FFFF00;
	color: #ff0000;}

/* from Essential Guide */
#tblscores {
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border-top-width: 5px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #aaa;
	border-bottom-color: #aaa;
	border-left-color: #aaa;}

#tblscores th {
	font-size: 0.7em;
	margin: 0px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	text-align: left;
	vertical-align: middle;
	background-color: #DADADA;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #aaa;
	border-top: 1px solid #aaa;}

#tblscores td {
	font-size: 0.7em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #aaa;
	border-right-color: #aaa;
	margin: 0px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;}
	
#tblscores .sortcol {cursor: pointer;}

.odd {background-color: #EEEEEE;}

.even {background-color: #E8F2F8;}

.hover {background-color: #B4C6DB;}

.selected {color: #FFFFFF;
	background-color: #999999;}

/* from Essential Guide */

/* horizontal glider magic assoc + table design */
table.carnival {
	width: 100%;
	border-collapse: collapse;}
	
table.carnival td {
	border-top: none;
	border-bottom: none;
	border-right: 1px solid #000066;
	border-left: 1px solid #000066;
	text-align: center;}

table.carnival tr.odd {
	background-color: #66CCFF}

table.carnival tr.even {
	background-color: #00CCFF}
	
div#hgmlayout {
	margin: 0 auto;
	border: 0;
	width: 740px;}

div.hgmimage {
	width: 660px;
	padding-left: 10px;
	padding-right: 10px;}
	
div.hgmlayout2 {
	margin: 0 auto;
	border: 0;}

/* chrome hack */
body:nth-of-type(1) .hgmlayout2 {
	width: 862px;}

/* safari hack */
body:first-of-type .hgmlayout2 {
	width: 862px;}

/* firefox hack */
html>/**/body .hgmlayout2, x:-moz-any-link, x:default {
	width: 862px;}