/*  Copyright 2004-2007 by Waterway Radio & Cruising Club - All rights reserved  */

/*  Author: William Boyle - N4UMS  */

body {  scrollbar-face-color: #437CBC;
scrollbar-track-color: #f5f5f5;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #F0F8FF;
scrollbar-darkshadow-color: #483D8B;
scrollbar-shadow-color: #483D8B;
scrollbar-arrow-color:#FFFFFF;
font-weight: 500;
font-family: Verdana, Helvetica, Arial, sans-serif;
background-image: url(images/grid.gif);
background-attachment: fixed;
font-size: 1em;
}

/* CSS Nav Bar Tabs */
#navlist {
        color: white;
        background: #ccc;   /* Gray bkgd - Was #17a */
        border-bottom: 0.2em solid #17a;
        border-right: 0.2em solid #17a;
        padding: 10px 2px;	/* (10px)Between top button and bkgd */
        margin-left: 0;
        width: 120px; height: 600px; /* 'height' is length of nav bar */
        font: normal 10px Verdana, arial, sans-serif;
}
	/* Button text is next */
#navlist li {
        list-style: none;
        margin: 0;
		text-align: left;
        font-size: 1.2em;
}
	/* Buttons are next */
#navlist a {
        display: block;
        text-decoration: none;
        margin-bottom: 0.5em;
        margin-top: 0.5em;
        color: white;
        background: #437cbc;
        border-width: 1px;
        border-style: solid;
        border-color: #5bd #035 #068 #6cf;
        padding: 0.25em 0.5em 0.4em 0.75em;
		/* border-left: 1em solid #fff; */
}

#navlist a#current { border-color: #5bd #035 #068 #035; }

#navlist a {
        width: 99%;
        /* only necessary for Internet Explorer */
}

#navlist a {
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 8.2em;
        /* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}

#navcontainer>#navlist a {
        width: auto;
        /* only necessary if you use the hacks above for the Internet Explorer */
}

#navlist a:hover, #navlist a#current:hover {
        background: #13a;	/* was #28b  */
        border-color: #069 #6cf #5bd #035;
        padding: 0.em 0.35em 0.25em 0.9em;
}

#navlist a:active, #navlist a#current:active {
        background: #17a;
        border-color: #069 #6cf #5bd white;
        padding: 0.em 0.35em 0.25em 0.9em;
}


/*	For Links page	*/
.Link { font-weight: bold;
color: #FF0000;
font-family: Arial, Helvetica, sans-serif; 
}

a { font-weight: 500; 
}

/* Order for links must be, "Link, Visited, Hover, Active".*/
a:link {color: #0000ff;
}

a:visited {color: #0000ff;
text-decoration: underline;
}

a:hover { color: #FF0000;
font-size: 100%;
font-weight: 500;
text-transform: none;
background-color: #FFFF00;
text-decoration: underline; 
}

blockquote {
	display: block;
	padding: 0 50px;
	width: 450px;
	text-decoration: none;
}

/*blockquote:before, blockquote:after {
color: #69c;
display: block;
font-size: 400%;
width: 50px;
}

blockquote:before {
content: open-quote;
height: 0;
margin-left: -0.55em; 
}
blockquote:after {
content: close-quote;
height: 50px;
margin-top: -70px;    
margin-left: 360px;
}*/

p { font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12pt;
text-align: justify;
line-height: 1.2em;}

.box { 
	padding: 6px;
	border-style: solid;
	border-width: thin;
	border-color: black;
border: thin black solid;
background: #eeeeee; /* light gray */
}

div.left { text-align: left;
}

/*Next three used on Scuttlebutt page*/

div.row span.left {
  float: left;
  text-align: left;
  font-weight: bold;
  color: #fff;
  width: 49%;
  }

div.row span.right {
  float: right;
  text-align: right;
  font-weight: bold;
  color: #fff;
  width: 49%;
  }
  
div.spacer {
  clear: both;
  } 

dd { font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
}

.bannertext { font-family: Arial, Helvetica, sans-serif;
font-size: 22pt;
text-align: center;
background-color: #FFFF00;
color: #FF0000;
line-height: 24pt;
 letter-spacing: 1.5px;
}

.para { font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-style: normal;
font-weight: bold; 
}

.alert { color: yellow;
background-color: #0000FF;
letter-spacing: 1.5px;
font-family: Arial, Helvetica, sans-serif; 
}

.rule { border-top-width: 1px;
border-top-style: solid;
border-color: #3366CC;
margin: 0px 2%; 
}

.Head1 { text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 26px;
font-style: normal;
font-weight: 500;
color: #3366CC; 
}

.Head2 { font-family: Arial, Helvetica, sans-serif;
text-align: center;
font-size: 1.2em;
font-style: normal;
font-weight: 500; 
}

.Head3 { text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 600;
color: #3366CC;
letter-spacing: 1.0px;
word-spacing: 1.5px; 
}

.Head4 {
text-align: center;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #000000;
font-size: 1.2em;
font-weight: 500;}

h3 { font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-style: normal;
font-weight: 700;
color: #000000; 
}

h4 {
font-weight: 600;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
}

.lefthead {
	font-size: 1.1em;
	font-weight: 700;
	font-family: Arial, Helvetica, sans-serif;
	left: 10px;

}

#announcements {
font-size: .9em;
}

/* For light shaded box */
.shade { background: #eeeeee;
	padding: 6px;
	border-style: solid;
	border-width: thin;
	border-color: #437cbc;}

.legend { font-family: Arial, Helvetica, sans-serif;
text-align: justify;
font-size: .7em;}

.rhd {
font-size: 1.1em;
font-weight: 700;
font-family: Arial, Helvetica, sans-serif;
text-align: right;}

hr {
border-top: 6px #3366CC ridge;
}


/*Ships wheel*/

li.sw { font-size: 11pt;
line-height: 14pt;
list-style-image: url(images/shipswheel.gif);
text-align: justify;
font-weight: 500;
}

li p {
	line-height: 1.2em;
	list-style-type: square;

}

.notice { font-weight: bold;
color: #CC0000;
font-family: Arial, Helvetica, sans-serif; 
}

ol { font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12pt;
line-height: 1.3em; 
}

/* To set main table width for each right-hand page */
table.width { width: 630px;
}

td { font-size: medium;
font-family: Verdana, Helvetica, Arial, sans-serif; 
}

.footer { font-family: Arial, Helvetica, sans-serif;
text-align: center;
font-size: .6em;}
