/* CSS Document 
Authored by: S.J.
Date: 4/10/06
For: Ocean Tides
Hex #'s used in site:
background color - #6AA0CB
header - #003366
links - #38578B
medium blue - #6BA3C5
light blue - #E1EAF2
 */

html, body, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset {/*Sets up a series of default settings, and how other selectors can inherit them. This reduces the size of your CSS file and decreases any style maintenance*/
margin: 0;
padding: 0;
border: 0;
}	

body{
   background-color: #6AA0CB;
   font-family: Arial, Helvetica, sans-serif;
   margin: 0;
   padding: 0;
   text-align: center;
}

#wrapper{ /*establishes container for entire page, allows text alignment to be left*/
  width: 750px;
   margin:15px auto;
   border-top: 1px solid #304767;
   border-right: 1px solid #304767;
   border-left: 1px solid #304767;
   text-align:left;
}

a,a:link,a:visited { /*establishes sitewide link color*/
    color: #38578B;
}
a:hover {
   text-decoration: underline;
}

#topnav {
    background-color: #226288;
    color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .65em;
	text-align: right;
	padding: 5px 8px 5px 0px;
}
#topnav a,#topnav a:link,#topnav a:visited {
    color: #FFFFFF;
	text-decoration: none;
}
#topnav a:hover {
    text-decoration: underline;
}

#mast {
    border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;

}

#mainav img{
   border-top: 4px solid #A7B0BA;
   border-right: 2px solid #A7B0BA;
   border-bottom: 2px solid #A7B0BA;
   border-left: 2px solid #A7B0BA;
}
#mainav2 img{
   border-top: 1px solid #A7B0BA;
   border-right: 2px solid #A7B0BA;
   border-bottom: 4px solid #A7B0BA;
   border-left: 2px solid #A7B0BA;
}
#mainav2 {
   border-bottom: 1px solid #FFFFFF;
}
#leftcolumn {
    border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	width: 546px;
}
#content {
    padding: 0px 26px 35px 25px;
	font-size: .8em;
	line-height: 178%;
    background-color: #FFFFFF;

}

#content ul {
    margin-left: 30px;
	margin-top: -10px;
}
.head {
    font-size: 1.4em;
	font-weight: bold;
	color: #003366;
	font-family: Trebuchet MS;
}
#rightcolumn {
    border: 6px solid #6BA3C5;
	background-color: #E1EAF2;
	padding: 20px 0px 15px 23px;
	width: 167px;
}
html>body #rightcolumn {
    padding: 12px 0px 15px 23px;
}

#subnav {
	color: #003366;
	font-weight: bold;
	font-size: .75em;
	
}
#subnav a,#subnav a:link,#subnav a:visited {
    color: #003366;
	text-decoration: none;
}
#subnav a:hover {
    text-decoration: underline;
}
#subnav ul {
    padding-bottom: 0px;
	margin-bottom: -5px;
}
html>body #subnav ul {
    padding-bottom: 10px;
}
#subnav li {
    list-style-image: url(../images/subbullet.gif);
	padding-bottom: 12px;
	margin-left: 35px;
	padding-right: 15px;
}
#quote {
    font-family: Trebuchet MS;
	font-size: .7em;
	color: #38578B;
	line-height: 211%;
	padding-right: 15px;


}
#quote p {
    margin: 4px 0 4px 0;
}
html>body #quote p {
     margin: 10px 0 10px 0;
}
#footer {
   font-family: Arial, Helvetica, sans-serif;
   font-size: .65em;
   color: #FFFFFF;
   background-color: #226288;
   padding: 5px 0 5px 10px;
   border-bottom: 1px solid #FFFFFF;
     border-top: 1px solid #FFFFFF;
}
/*home page styles*/
#homepik {
   position: relative;
   top: 0px;
   right:120px;
}
#homeleftcolumn {
    width: 305px;
    padding: 14px 40px 25px 38px;
	font-size: .8em;
	line-height: 150%;
    background-color: #FFFFFF;
	border-right: 3px solid #6BA3C5; 
}
html>body #homeleftcolumn {
   padding: 4px 40px 25px 38px;
}
#homerightcolumn {
    background-color: #E1EAF2;
	padding: 4px 32px 25px 38px;
	width: 373px;
}
#homerightcolumn {
    padding: 14px 32px 25px 38px;
}
.homepiks {
    margin-bottom: 10px;
}
html>body .homepiks {
    margin-bottom: 15px;
}
.home_news_date {
    color: #003366;
	font-weight: bold;
	font-size: 1em;
}
#homenews {
	font-size: .7em;
	
}
#homenews a,#homenews a:link,#homenews a:visited {
    color: #993300;
	text-decoration: none;
}
#homenews a:hover {
    text-decoration: underline;
}
#homenews ul {
    padding-bottom: 10px;
}
#homenews li {
    list-style-type: none;
	padding-bottom: 14px;
}
;