body { margin: 0; padding: 0; font: 1.0em "Trebuchet MS", Georgia; background-color: #e4e9f6; }
#W48607fb99aab19ef4860855ce1afb354 { margin: 0 0 -10px 36px; }
img#you-tube, img#anim { margin: 0 0 0 26px; }
img#blog { float: right; margin: 5px 5px 0 10px; border: 1px solid #98cce9; }
img.image-right { float: right; margin: 5px 0 0 10px; }
img.image-left { float: left; margin: 5px 10px 0 0; }
#left hr { margin: 0 0 0 35px; height: 1px; border: 0; background-color: #57ade3; }
#right p span { color: #bc692d; }
div.clear { clear: both; }
 
/* ---- divs ---- */
#wrap { width: 980px; margin: 0 auto 20px auto; }
#masthead { width: 100%; height: 259px; }
#left { float: left; width: 207px; margin: 30px 0 0 0; background-image: url('../images/left_mid.gif'); background-repeat: repeat-y; }
#left-top { height: 16px; background-image: url('../images/left_top.gif'); background-repeat: no-repeat; }
#left-bottom { height: 20px; background-image: url('../images/left_bottom.gif'); background-repeat: no-repeat; background-color: #e4e9f6; }
#searchform { margin-left: 35px; }
#right { float: right; width: 743px; padding: 15px; background-color: #fff; }
#col-one { float: left; width: 275px; }
.col-one-box {  margin: 0 0 10px 0;  background-color: #ebeef6;  border-bottom: 1px solid #57ade3;  }
#col-two { float: right; width: 453px; }
#tides-left { float: left; width: 230px; margin: 10px 10px 0 0; }
div.mainleft { float: left; margin: 0 10px 0 0; width: 440px; }
div.mainright{ float: right; margin: 0 0 0 10px; width: 270px; }
div#mainright { float: right; margin: 0 0 0 10px; width: 270px; }
div.highlight { margin: 10px 0 0 0; width: 246px; padding: 8px; background-color: #FCEAA6; border: 1px solid #D57600; }
div.left { width: 49%; float: left; background-color: #d9e5ee; }
div.right { width: 49%; float: right; background-color: #f8e2bc; }
div#qt-left { float: left; width: 448px; margin: 5px 10px 0 0; }
div.youtube-left { float: left; width: 425px; margin: 0 10px 0 0; }
div.highlightleft { float: right; margin: 10px 10px 2px 5px; width: 130px; padding: 8px; background-color: #FCEAA6; border: 1px solid #D57600; }
div.float-left { float: left; width: 49%; }
div.float-right { float: right; width: 49%; }
#footer { clear: both; width: 773px; margin: 0 0 0 207px; border-top: 10px solid #7999cd; background-color: #c9d2ea; }
 
/* ---- h's ---- */
h1 { margin: 0; padding: 0; color: #00549f; font-size: 1.2em; }
h2 { margin: 0 0 5px 0; padding: 0; font-size: 1.0em; font-style: italic; font-weight: normal; color: #d18316; }
h3 { margin: 0; padding: 0; font-size: 0.9em; }
#left h3 { padding: 5px 10px 5px 35px; color: #ffce88; }
#right h3 { font-weight: normal; color: #d18316; }
#left h3#top { padding: 10px 10px 5px 35px; background-image: url('../images/left_top.gif'); background-repeat: no-repeat; }
.col-one-box h3 { padding: 5px 5px 5px 0; color: #ffce88; background-color: #3865ae; }
.col-one-box h3 span { padding: 5px; color: #ffce88; background-color: #bc692d; }
 
/* ---- a's ---- */
#left a:link, #left a:visited { color: #fff; text-decoration: underline; }
#left a:hover, #left a:active { color: #fff; text-decoration: none; }
#left h3 a:link, #left h3 a:visited { color: #ffce88; text-decoration: underline; }
#left h3 a:hover, #left h3 a:active { color: #ffce88; text-decoration: none; }
#right a:link, #right a:visited { color: #00549f; text-decoration: underline; }
#right a:hover, #right a:active { color: #00549f; text-decoration: none; }
#footer a:link, #footer a:visited { color: #3865ae; text-decoration: underline; }
#footer a:hover, #footer a:active { color: #3865ae; text-decoration: none; }

/* ---- p's ---- */
p { font-size: 0.75em; line-height: 1.5em; }
#left p { margin: 0 0 10px 0; padding: 0 10px 0 35px; color: #fff; }
.col-one-box p { margin: 0; color: #6082b8; padding: 10px 5px 5px 5px; }
#right p { margin: 0 0 10px 0; color: #00549f; }
p.caption { margin: 0 !important; font-style: italic; color: #333 !important; }
#footer p { margin: 0; padding: 5px 10px; color: #3865ae; }

/* ---- lists ---- */
#right ul { margin: 0; padding: 5px 0 5px 20px; font-size: 0.75em; line-height: 1.4em; color: #00549f; }
#right li { margin: .5em 0 0 0; line-height: 1.5em; }
#col-two ul { margin: 0 0 15px 0; }
#col-full ul { margin-top: 0; margin-bottom: 1em; }

/* ---- navigation ---- */
ul#nav { margin: 0 0 5px 35px; padding: 0; list-style-type: none; font-size: 0.75em; }
ul#nav ul { display: none; margin: 0 0 0 10px; padding: 0; list-style-type: none; }
ul#nav li { margin-top: 1px; }
ul#nav li a { display: block; width: 156px; padding: 5px 5px 5px 10px; text-decoration: none !important; color: #fff; background-color: #316a92; }
ul#nav li ul li a { display: block; width: 146px; padding: 5px 5px 5px 10px; text-decoration: none !important; color: #fff !important; background-color: #d99317 !important; }
ul#nav li ul li ul li a { display: block; width: 136px; padding: 5px 5px 5px 10px; text-decoration: none !important; color: #fff !important; background-color: #2B81B0 !important; }
ul#nav li a:hover { color: #fff; background-color: #5489af; }

/* ---- tables ---- */
table { margin: 0 0 10px 0; line-height: 1.4em; color: #00549f; }
 
/* ---- forms ---- */
form { margin: 0; padding: 0; }

/* ---- custom classes ---- */
#tweets, #blogfeed { font-size: 75%; color: #FFF; font-style: italic; }
#tweets ul, #blogfeed ul { margin: 0 .3em .3em 1em; }
#tweets li, #blogfeed li { margin: 0 0 .5em 0; line-height: 1.5; }
#tweets .tweetwhen { color: #999; font-size:90%; font-style: normal; white-space: nowrap; }