/* --- cyan 1.0 | copyright (c) 2008 | Author:  Laris Grikis --- */

body 
{ 
margin: 0px auto 5px auto;
padding: 0; 
text-align: center; 
font-size: 90%; 
font-family: sans-serif, Verdana, Geneva, Arial, Helvetica;
color: #000000; 
background-color: #006699; 
} 


/* --- links ---------------------------------------------------------------- */
a:link
{
color: #0000ff;
text-decoration: none;
}

a:visited
{
color: #800080;
text-decoration: none;
}

a:hover 
{
color: #ffffff;
background-color: #c4dff3;
text-decoration: none;
}

a:active
{
color: #ffd700; 
text-decoration: none;
}


/* --- id's general layout *use once ---------------------------------------- */
#wrapper 
{ 
margin: auto; 
padding: 0; 
width: 960px; 
background-color: #ffffff; 
text-align: left; 
}

#banner
{
background-image: url('Images/water.jpg');
}

#port
{
background-image: url('img/backport1.jpg');
background-repeat: repeat-y;
}

#star
{
background-image: url('img/backstar1.jpg');
background-repeat: repeat-y;
background-position: right;
}

#navigation
{
float: left;
width: 190px;
padding-top: 5px;
padding-left: 5px;
}

#content
{
margin-left: 205px;
margin-right: 205px;
}

#cleardiv
{
clear: both;
height: 1em;
} 


/* --- class general *multiple use ------------------------------------------ */
.row
{
font-family: "trebuchet MS";
color: red;
font-weight: bold;
}

.perfect
{
font-family: "trebuchet MS";
color: blue;
font-weight: bold;
font-style: italic;
}

.croker
{
color: #ff3399;
font-weight: bold;
}

.navy
{
margin-top: 0.5em;
margin-bottom: 0.5em;
color: #000080;
}

.semnavy
{
font-weight: bold;
font-style: italic;
color: #000080;
}


/* --- class img floated *multiple use -------------------------------------- */
.floatright
{
float: right;
padding: 1em;
}

.floatleft
{
float: left;
padding: 1em;
}

.floatrightimg
{
float: right;
vertical-align: text-bottom;
}

.floatleftimg
{
float: left;
}


/* --- class general alignment *multiple use -------------------------------- */

.center
{ 
text-align: center;
}

.fadeshow
{
text-align: center;
}

.fadeshow>div
{
margin: 0 auto;
}

.right
{ 
text-align: right;
margin: 0em;
}


/* --- general formatting --------------------------------------------------- */
h2
{
margin-top: 0em;
margin-bottom: 0.3em;
}

h4
{
margin-top: 0em;
margin-bottom: 0.3em;
}

table.center
{
margin: 1em auto 1em auto;
border: 1px solid #aaaaee;
}


/* --- id's footer ---------------------------------------------------------- */
#footer
{
clear: both;
padding: .5em 1em;
border-top: 1px solid #999;
text-align: right;
} 

#footer ul 
{
padding: 0; 
margin: 0; 
list-style-type: none; 
}

#footer li
{
display: inline;
margin-right: 2em;
}


/*--------------------------------------------------|
| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
|---------------------------------------------------|
| Copyright (c) 2002-2003 Geir Landrö               |
|--------------------------------------------------*/

.dtree {
	font-family: sans-serif, Verdana, Geneva, Arial, Helvetica;
	font-size: 1em;
	font-weight: bold;
	color: #000000;
	white-space: nowrap;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #330099;
	font-weight: bold;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 0.1em 0.2em 0.1em 0.2em;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #ffffff;
  background-color: #c4dff3;
}
.dtree a.nodeSel {
	color: #ffd700;
}
.dtree .clip {
	overflow: hidden;
}


/*--- id's regattas  ---------------------------------------------------------*/
#regattas
{
float: right;
width: 200px;
}

#regattas ul 
{
list-style-type: none;
padding: 0; 
margin: 1em; 
}

#regattas ul li
{
padding-bottom: 0.5em;
margin-top: 0.5em;
margin-bottom: 0.5em;
border-bottom: 1px solid #999999;
}

#regattas h4
{
margin-top: 5px;
margin-bottom: 5px;
color: #000000;
font-size: 1.2em;
padding: 0.2em;
background-image: url('img/regattahead1.jpg');
background-position: right;
background-repeat: repeat-y;
}


/*--- class tabcontent --------------------------------------------------------*/
.tabcontent table
{
width: 500px;
border: 1px solid #cccccc;
background-color: #ffffff;
margin-top: 0px;
font-size: .9em;
}

.tabcontent table tr 
{
text-align: left;
border: 1px solid #cccccc;
}

.tabcontent table th
{
padding: 0em;
font-weight: bold;
font-size: 1em;
color: black;
background-color: #c4dff3;
text-align: left;
}

.tabcontent table td
{
vertical-align: top;
}

.tabcontent table dl
{
margin-left: 0.25em;
margin-top: 0em;
margin-bottom: 0em;
}

.tabcontent table dt
{
margin-left: 0.25em;
}

.tabcontent table dd
{
margin-left: 0.5em;
}

/*--- class Accordion --------------------------------------------------------*/
.AccordionTitle, .AccordionContent, .AccordionContainer
{
  position:relative;
  width:190px;
}

.AccordionTitle
{
  height:30px;
  overflow:hidden;
  cursor:pointer;
  font-weight:bold;
  vertical-align:middle;
  text-align:left;
  background-repeat:repeat-x;
  display:table-cell;
  background-image:url('img/title_repeater.jpg');
  -moz-user-select:none;
}

.AccordionContent
{
  height:0px;
  overflow:auto;
  display:none;
}

.AccordionContainer
{
  border-top: solid 1px #C1C1C1;
  border-bottom: solid 1px #C1C1C1;
  border-left: solid 2px #C1C1C1;
  border-right: solid 2px #C1C1C1;
}

/*--- content  ---------------------------------------------------------------

#content h2
{
margin-top: 0.25em;
margin-bottom: 0.5em;
color: #000000;
}

#content h3
{
margin-top: 1em;
margin-bottom: 1em;
margin-left: 1em;
color: #000000;
}

#content h4
{
margin-top: 0em;
margin-bottom: 0.3em;
}

#content p
{
margin-left: 2em;
}

#content ul 
{
list-style-type: none; 
padding: 0; 
margin-top: 1em;
margin-bottom: 2em;
margin-left: 3em; 
}

#content ul li { margin-top: 0.5em; }

#content dl
{
margin-left: 0.25em;
margin-top: 0em;
margin-bottom: 0em;
}

#content dt
{
font-weight: bold;
margin-left: 0.25em;
}

#content dd
{
margin-left: 0.5em;
}


#content table
{
width: 530px;
background-color: #ffffff;
}

#content table th
{
padding: 0.3em;
font-weight: bold;
font-size: 1em;
color: black;
background-color: #ffff66;
text-align: left;
}

#content table tr
{
padding: 0.1em;
text-align: left;
}

#content table td
{
vertical-align: top;
}
*/