/* Copyright © 2007 Campolindo Cabana Club Marlins.  All Rights Reserved. */

/**************************************************/
/*                                   Body and Wrapper                             */
/**************************************************/

body {
/* background: #FFFFFF url(../../2007/images/back.png) top center repeat-x; */
/* background: #FFFFFF; */
background: #FFFFFF url(http://www.gocampo.org/test/images/br2.gif) top left repeat-y; 
margin: 0;
padding: 0;
font: normal 8pt/13pt georgia, arial,sans-serif;
}

#wrapper {
margin: 0 auto;
max-width: 900px;
padding: 0;
position:absolute;
top:10px;
left:10px;
text-align: left;
}

/**************************************************/
/*                                       Top Piece                                        */
/**************************************************/

#top {
/* background: url(../../2007/images/ccc-logo2.gif) top left no-repeat ; */
/* background:  url(../../2007/images/motd.png) top right no-repeat; */
/* background: url(../../2007/images/bgtop.png) top center no-repeat; */ 
/* width: 187px;
height: 75px;
position:absolute;
top:10px;
left:10px;
*/
margin-left: -10px;
z-index:-2;
}

/**************************************************/
/*                                       Content                                             
another wrapper that holds all the content                              */
/**************************************************/

#content {
/* background:  url(../../2007/images/bgmiddle.png) center repeat-y; */
background: #FFFFFF; 
width: 800px;
height: 100%;
padding: 0px 2px 0px 2px;
}

/**************************************************/
/*                               All the content                                        */
/**************************************************/

#header {
/* background:  url(../../2007/images/motd.png) top left no-repeat; */

/* background: url(../../2007/images/header.png) top center no-repeat;  */

/* width: 746px;
height: 16px;
margin: 10px 0px 10px 200px;
padding: 60px 0px 0px 20px;
color: white;
font-size: 50px;
text-align: ;
*/
position:absolute;
top:-5px;
left:200px;
}



/*                    Menu                   */
#menu {
width: 145px;
height: 100%;
margin: 2px 20px 2px 2px;
float: left; 
text-align: left;
}

#menu li a {
height: 37px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 29px;
text-decoration: none;
text-align: left;
}	
	
#menu li a:link, #menu li a:visited {
color: navy;
display: block;
background:  url(../../2007/images/off.png) top center no-repeat;
padding: 8px 0 0 10px;
height: 29px;
text-align: left;
}
	
#menu li a:hover {
color: blue;
padding: 8px 0 0 10px;
height: 29px;
text-align: left;

}	

/*
ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}
*/

#stuff {

max-width: 640px;
min-height: 350px;
width: 100%;
/* margin: 0px 10px 0px 20px; */
padding: 5px 5px 5px 5px; 
border: 2px navy;
/* float: right; */
position:absolute;
top:90px;
left:190px;
}

img {
border: none;
} 

#dropmenudiv{
position:absolute; 
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Georgia;
line-height:18px;
z-index:100;
margin: 0px 0px 0px 100px;
width: 300px;
background: #CCFFFF; 
}

#dropmenudiv a{

width: 300px;
display: block;
text-indent: 15px;
border-bottom: 1px solid black;
padding: 1px 0 0 0px;
text-decoration: none;
font-weight: bold;
background: #CCFFFF; 
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: white;
width: 300px;
}



/* maw */
#selected-nav  {
  color: blue;
  /* background:  url(../../2007/images/on.png) top center no-repeat; */
  font-weight: bold;
  position:relative;
  right: -5px;
  
}

/*******************************************/
/* styles/ccc.css incudes css/Context.css: */
/*******************************************/

.contextMenu{
	font-family:georgia; font-size:8pt;
	padding:0px 0px 0px 2px;
	margin: 0px 1px 0px 1px;
	text-align:left;
	cursor:default;	
}

.contextMenuover, .contextMenudown{
	font-family:georgia; font-size:8pt;
	padding:0px 0px 0px 2px;
	margin: 0px 1px 0px 1px;
	text-align:left;
	background-color:#6495ed;
	color:white; 
	cursor:default;
}
.contextMenuover td{
	color:white;
}
.menuTable{
	border:1px solid;
	margin : 0px;
	padding : 3px 1px 4px 1px;
}

/*******************************************/
/* styles/ccc.css includes dhtmlXMenu.css: */
/*******************************************/

/*button text - all levels*/
.menuButtonSecond td, .menuButton td, .menuButtondown td, .menuButtonover td {
	cursor:default;
}
/*menu text - all levels*/
.defaultMenuText{
	font:12px georgia,sans-serif;
	padding-left:10px;
	padding-right:5px;
 color: blue; 
/* background:  url(../../2007/images/off.png) top center no-repeat; */
}
/*disabled menu text - all levels*/
.buttonTextDisabled{
	font: 11px "Microsoft Sans Serif",georgia;
	padding-left:10px;
	padding-right:5px;
    color:gray;
}

/*menu caption if any*/
.menuName{
	color : #CCFFFF;
	letter-spacing : 7px;
	font : 11px georgia,sans-serif;
	padding-left : 5px;
	padding-right : 2px;
}
/*========= BUTTONS ======================*/

/*plain button state - top level*/
.menuButton {
	border : solid 1px #D4D0C8;
        background-color: #CCFFFF;
/* background:  url(../../2007/images/off.png) top center no-repeat; */
}
/*down button state - top level  #DBD8D1;*/
.menuButtondown {
	background-color : #DBD8D1;
	border-bottom : solid 1px #FFFFFF;
	border-left : solid 1px #808080;
	border-right : solid 1px #FFFFFF;
	border-top : solid 1px #808080;
	cursor : default;
color: navy;
/* background:  url(../../2007/images/on.png) top center no-repeat; */
}
/*mouse over button state - top level #DBD8D1;*/
.menuButtonover {
	background-color : #CCFFFF; 
	border-bottom : solid 1px #808080;
	border-left : solid 1px #FFFFFF;
	border-right : solid 1px #808080;
	border-top : solid 1px #FFFFFF;
	cursor : default;
color: blue;
/* background:  url(../../2007/images/on.png) top center no-repeat; */
}
/*plain button state - other levels #D4D0C8;*/
.menuButtonSecond {
	background-color: #CCFFFF; 
	border:1px solid #D4D0C8;
	font:12px georgia,sans-serif;
color: blue;
/* background:  url(../../2007/images/off.png) top center no-repeat; */
}
/*mouse over button and down button states - other levels*/
.menuButtonSecondover, .menuButtonSeconddown {
	background-color : #6495ed;
	color:navy;
	cursor : default;
	border:1px solid navy;
	font:12px georgia,sans-serif;
color: blue;
/* background:  url(../../2007/images/on.png) top center no-repeat; */

}
/*icon place style on button over/down - other levels
.menuButtonSeconddownimg {
	background-color : #C9D9F5;
}*/

/*text of mouse over button - other levels*/
.menuButtonSeconddown td {
	 color:navy;
	 cursor:default;
	 border:0px solid;
}


/*============ PANELS and DEVIDERS ===========================================*/

/*manu panel - top level*/
.menuTable{
	background-color : #FFFFFF;
	border: 0px;
        margin : 1px 1px 1px 1px;
/*	-moz-user-select : none; */
	padding : 0px;
        width : 100px;
position:absolute;
top:100px;
left:20px;
	
}
/*menu panel - other levels #D4D0C8;*/
.secondMenuTable{
	background-color : #CCFFFF;
	border: 2px outset #ffffff; 
	margin : 0px;
/*	-moz-user-select : none; */
	padding : 0px 1px 0px 2px;
position:relative;
top:200px;
left:20px;
}

/*devider - horizontal*/
.menuDivider {
	background-color : #D4D0C8;
	border-left : solid #808080 1px;
	border-right : solid #FFFFFF 1px;
	height : 100%;
	margin-bottom : 2px;
	margin-top : 1px;
	overflow : hidden;
	vertical-align : middle;
	width : 2px;
}
/*devider - vertical*/
.menuDividerY {
	background-color : #D4D0C8;
	border-bottom : solid #FFFFFF 1px;
	border-top : solid #808080 1px;
	height : 2px;
	overflow : hidden;
	width : 100%;
}

/*================== DRAG HANDLERS ==================*/

/*drag handler for menu - horizontal*/
.menuHandle {
	background-color : #D4D0C8;
	border-bottom : solid #808080 1px;
	border-left : solid #FFFFFF 1px;
	border-right : solid #808080 1px;
	border-top : solid #FFFFFF 1px;
	cursor : move;
	height : 100%;
	overflow : hidden;
	width : 3px;
}
/*drag handler for menu - vertical*/
.vmenuHandle {
	background-color : #FFFFFF;
	border-bottom : solid #808080 1px;
	border-left : solid #FFFFFF 1px;
	border-right : solid #808080 1px;
	border-top : solid #FFFFFF 1px;
	cursor : move;
	height : 3px;
}


/*============ ICONS and SCROLLERS ====================*/

/*disabled icon - all levels*/
.iconGray {
	/* filter : BlendTrans(Percent=50) gray(); */
	cursor: default;
	border:solid 1px #D4D0C8;
}

/*enabled scroller*/
.menuScrollerEnabled{
	background-color:#CAC8D4;
	 cursor: pointer;
	 text-align:center;
}
/*disabled scroller*/
.menuScrollerDisabled{
	background-color: #CAC8D4;
	cursor: default;
	visibility:hidden;
	text-align:center;
}

/* general */

h2 { 
  color: blue;
  font-size: large;
}

header.h2 { 
  color: orange;
  font-size: x-large;
  background-color: navy;
}
h3{ 
  color: orange;
}

th { 
   background-color: orange;
}  

tr.even { 
   background: #F0F0F0;
}
tr.odd { 
   background: #CCFFFF;
}
tr.header { 
}
tr.new { 
   font-weight: bold;
}
tr.free25 { 
   background: #F0F0F0;
   color: #CC3300;
}
tr.back25 { 
   background: #CCFFFF;
   color: #CC3300;
}
tr.breast25 { 
   background: #F0F0F0;
   color: #CC3300;
}
tr.fly25 { 
   background: #CCFFFF;
   color: #CC3300;
}

tr.free50 { 
   background: #F0F0F0;
   color: #CC3300;
}
tr.back50 { 
   background: #CCFFFF;
   color: #CC3300;
}
tr.breast50 { 
   background: #F0F0F0;
   color: #CC3300;
}
tr.fly50 { 
   background: #CCFFFF;
   color: #CC3300;
}

tr.free100 { 
   background: #FFFFFF;
   color: #CC3300;
}
tr.back100 { 
   background: #FFFFFF;
   color: #CC3300;
}
tr.breast100 { 
   background: #FFFFFF;
   color: #CC3300;
}
tr.fly100 { 
   background: #FFFFFF;
   color: #CC3300;
}
tr.im100 { 
   background: #F0F0F0;
   color: #0000FF;
}
tr.freeRelay100, tr.freeRelay200 { 
   background: #FFFFFF;
   color: #0000FF;
}
tr.medleyRelay100, tr.medleyRelay200 { 
   background: #F0F0F0;
   color: #0000FF;
}

tr.y2007 {
  font-style: oblique;
  font-weight: bold;
}
tr.y2007 td.swimmer:before, tr.y2007 td.swimmer:after {
  content: "*"
}

.swimmer { 
   width: 400px;
}
/* Meet Results Table */
table.meetresults { 
   border-collapse: separate;
   empty-cells: show;
}
table.meetresults th.date, table.meetresults td.date { 
   width: 85px;
}
table.meetresults th.event, table.meetresults td.event { 
   width: 155px;
}
table.meetresults th.location, table.meetresults td.location { 
   width: 55px;
}

/* Meet Schedule Table */
table.meetschedule { 
   border-collapse: separate;
   empty-cells: show;
}
table.meetschedule th { 
  font-size: small;
  padding-left: 2px;
}
table.meetschedule th.date, table.meetschedule td.date { 
   width: 80px;
}
table.meetschedule th.event, table.meetschedule td.event { 
   width: 190px;
}
table.meetschedule th.location, table.meetschedule td.location { 
   width: 85px;
}
table.meetschedule th.time, td.time { 
   white-space: nowrap;
   width: 70px;
}
table.meetschedule th.link, table.meetschedule td.link { 
   white-space: nowrap;
   width: 20px;
}
table.meetschedule th.score, table.meetschedule td.score { 
   text-align: center;
   width: 70px;
}

/* Social Schedule Table */
table.socialschedule { 
   border-collapse: separate;
   empty-cells: show;
}
td.ssdate { 
   font-size: small;
   width: 100px;
}
td.ssevent { 
   font-size: small;
   width: 155px;
}
td.sslocation { 
   font-size: small;
   width: 85px;
}
td.sstime { 
   font-size: small;
   width: 70px;
}
td.sslink { 
   width: 50px;
   font-size: small;
}
td.sstbd { 
   visibility: hidden;
}

/* OMPA Schedule Table */
td.osdate { 
   font-size: small;
   width: 85px;
}
td.osevent { 
   font-size: small;
   width: 155px;
}
td.oslocation { 
   font-size: small;
   width: 85px;
}
td.ostime { 
   font-size: small;
   width: 70px;
}
td.oslink { 
   width: 50px;
   font-size: small;
}
td.ostbd { 
   visibility: hidden;
}

/* Individual Swimmer Data Table */
td.isdswimmer { 
   font-size: small;
   width: 185px;
}
td.isdage { 
   font-size: small;
   text-align: center;
   width: 25px;
}
td.isdgender { 
   font-size: small;
   text-align: center;
   width: 25px;
}

td.isdagegroup { 
   font-size: small;
   text-align: center;
   width: 75px;
}
td.isdrecord { 
   font-size: small;
   text-align: center;
   width: 75px;
}

/* directions */

div.club { 
  background-color: #F0F0F0;
}
div.clubname { 
   color: blue;
   font-size: large;
}
div.clubaddress {
   font-size: medium; 
   font-weight: bold;
}
div.directionstext {
   font-size: medium; 
}
span.maplink { 
   font-size: x-small;
}

/* rules */

div.bold { 
   font-weight: bold;
}

/* coaches */
div.coach { 
  padding-bottom: 25px;
}
div.coachnametitle{ 
  color: blue;
  font-size: large;
}
/* misc */

h2.bannerad { 
      background: yellow;
}

/**************************************************/
/*                                       Welcome  */
/**************************************************/

table.welcomephotos img { 
    height: 122px;
    width:  152px;
}
div.welcomeaboutteam { 
  padding-left: 25px;
}
div.welcomeaboutmeets { 
  padding-left: 25px;
}

/**************************************************/
/*                                       Bottom   */
/**************************************************/

#bottom {
  position: absolute;
  bottom: -105px; 
  left: -179px;
  text-align: left;
}

div.iefiller { 
   height: 200px;
}

/* swim team board */

table.swimteamboard { 
   border-collapse: separate;
   empty-cells: show;   
   width: 70%;
}
table.swimteamnonboard { 
   border-collapse: separate;
   empty-cells: show;   
   width: 70%;
}

table.swimteamboard th.name, table.swimteamboard td.name, table.swimteamnonboard th.name, table.swimteamnonboard td.name { 
   padding-left: 5px;
   padding-top: 2px;
   width: 125px;
}
table.swimteamboard th.e-mail, table.swimteamboard td.e-mail, table.swimteamnonboard th.e-mail, table.swimteamnonboard td.e-mail { 
   padding-top: 2px;
   text-align: center;
   width: 40px;
}

table.swimteamboard th.role, table.swimteamboard td.role, table.swimteamnonboard th.role, table.swimteamnonboard td.role { 
   padding-left: 5px;
   padding-top: 2px;
   width: 325px;
}

span.positionopening { 
   font-weight: bold;
   color: red;
}

div.nameopen { 
   font-weight: bold;
   color: red;
}

div.copyright { 
   font-size: xx-small;
}

div.notice { 
   background-color: #f0f0f0;
   font-weight: bold;
   margin-left: 20px;
}

table.locallinks { 
   border-collapse: separate;
   empty-cells: show;   
   width: 80%;
}
table.locallinks th.name, table.locallinks td.name { 
    width:  260px;

}
table.locallinks th.link, table.locallinks td.link { 
    width:  260px;

}

table.ompaclubslinks { 
   border-collapse: separate;
   empty-cells: show;   
   width: 80%;
}
table.ompaclubslinks th.name, table.ompaclubslinks td.name { 
    width:  260px;

}
table.ompaclublinks th.link, table.ompaclubslinks td.link { 
    width:  260px;

}

table.diabloclubslinks { 
   border-collapse: separate;
   empty-cells: show;   
   width: 80%;
}
table.diabloclubslinks th.name, table.diabloclubslinks td.name { 
    width:  260px;

}
table.diabloclublinks th.link, table.diabloclubslinks td.link { 
    width:  260px;

}

table.wcclubslinks { 
   border-collapse: separate;
   empty-cells: show;   
   width: 80%;
}
table.wcclubslinks th.name, table.wcclubslinks td.name { 
    width:  260px;

}
table.wcclublinks th.link, table.wcclubslinks td.link { 
    width:  260px;

}

table.ccslclubslinks { 
   border-collapse: separate;
   empty-cells: show;   
   width: 80%;
}
table.ccslclubslinks th.name, table.ccslclubslinks td.name { 
    width:  260px;

}
table.ccslclublinks th.link, table.ccslclubslinks td.link { 
    width:  260px;

}

table.miscellaneouslinks { 
   border-collapse: separate;
   empty-cells: show;   
   width: 80%;
}
table.miscellaneouslinks th.name, table.miscellaneouslinks td.name { 
    width:  260px;

}
table.miscellaneouslinks th.link, table.miscellaneouslinks td.link { 
    width:  260px;

}

/*******************************************/

p {
  float: none !important;
  margin-bottom: 1em;
  margin-left: 1em;
  margin-right: 5em;
  padding-bottom: 1em;
  page-break-before: auto;
}
p:first-line {
  color: #0033CC;
  font-size: small;
  font-variant: small-caps;
  font-weight: bold;
}
p.even:first-line {
  color: #993300;
}
p img {
  float: left;
  padding: 1em;
}
p.even img {
  float: right;
}

p img#weWon {
  float: left;
}

span.strong {
   color: red;
   font-size: x-large;
   font-weight: normal;
}

h3.banner {
   line-height: 80%;
}