/* CSS Document */
html, body { margin:0px; padding:0px; height:100%; font-family: Arial, Verdana, sans-serif; font-size:12px; }
body.template { min-height:100%; position:relative; background:url(../images/header-bkg.jpg) repeat-x; }
img { border-style:none; }
.img-preload { display:none; }
.tr { text-align:right; font-size:12px; padding-right:4px; }
#flv { margin-top:5px; }

/* Remove dotted focus box from around images */
a:active { outline: none; }
a:focus { -moz-outline-style: none; }

object { outline: none; -moz-outline-style: none;  }
div#social-banner { width:955px; text-align:center; margin-top:20px; }
.inline { margin-left:30px; }

h1 { font-size:1.5em; font-weight:bold; margin:20px 0px 0px 0px; text-align:right; }
h2 { font-size:20px; font-weight:bold; color:#68a4e3; letter-spacing:-1px; }
h3 { font-size:14px; font-weight:bold; }
h4 { font-size:13px; font-weight:bold; }
p { font-size:12px; line-height:18px; padding:3px 0px; }

div#showcase-content li { font-size:12px; line-height:12px; }

div#container{ min-height:100%; position:relative; }
div#header { height:360px; width:1000px; background:url(../images/header-img.jpg) repeat-x; margin:0 auto; position:relative; z-index:3; }
div#flv-logo { margin:0px auto; width:784px; height:176px; background:url(../images/header-logo.jpg) no-repeat; cursor:pointer; overflow:hidden; }

div#content { margin:0px auto; width:985px; background-color:#fff; padding-bottom:97px; z-index:1; } /* padding for footer */
div#hero-area { width:985px; height:249px; background:url(../images/hero-bar.jpg) no-repeat; }
#oceana-logo { position:absolute; top:30px; left:45px; }
#flv { height:350px; width:320px; position:absolute; bottom:0px; right:100px; }
div#footer { position:absolute; bottom:0px; width:100%; height:97px; background:url(../images/footer-bkg.jpg) repeat-x; }
div#footer-links { margin:0px auto; width:880px; }
div#footer-links p { float:left; color:#fff; margin:-20px 0px; clear:right; }
#footer a:link, #footer a:active, #footer a:visited { color:#fff; text-decoration:none; }
#footer a:hover { color:#CC6600; }
#footer span.foot-link { float:left; margin-right:10px; margin-top:25px; margin-bottom:0px; }

/* News - Header */
#news { position:absolute; top:145px; left:55px; width:300px; height:180px; overflow:hidden; color:#fff; }
#news h3 { font-size:12px; font-weight:bold; margin:3px 0px 3px 4px; padding:0px; }
#news p { font-size:11px; margin:6px 0px 6px 4px; padding:0px; line-height:14px; }
#news a:link, #news a:visited, #news a:active { color:#8fc32d; font-size:11px; margin:0px 0px 3px 4px; }
#news a:hover { color:#ccff6d; }
#news div.nPanel { width:300px; height:130px; }
#news div.nPanel p { line-height:16px; }

#news .nNavigation { float:left; list-style:none; width:92px; margin:0; margin-top:3px; padding:0; }
#news .nNavigation li { display:block; float:left; width:20px; margin-left:3px; }

/* Showcase Tabs Area */
div#showcase-tabs { height:100px; background:url(../images/showcase-bkg.jpg) no-repeat; }
div#showcase-tabs ul { width:900px; padding:0; margin:0 auto; margin-left:20px; list-style:none;  }
div#showcase-tabs li { float:left; display:inline; width:117px; height:70px; margin-left:32px; }
.show-butt { margin-top:16px; margin-left:20px; }

#section-head { width:880px; font:bold 30px "Futura Md BT", Arial, Helvetica, sans-serif; color:#a4d249; margin:6px auto;  }
.head-divider { background-color:#3c6da3; width:100%; height:8px; }
#head-image { float:right; margin-top:30px; }

/* Showcase Content Area */
#slider { float:left; width:700px; height:450px; margin:20px 0px 30px 46px; border:1px solid #ccc; position:relative; z-index:0; }
#slider .scroll { overflow:auto; width:680px; height:350px; position:relative; border:1px solid #ccc; margin-left:9px; margin-top:9px; background:url(../images/showcase-bkg.jpg) repeat-x; clear:left; }
#slider .scrollContainer div.panel { width:680px; height:350px; }

.navigation { list-style:none; width:680px; margin:0; margin-left:10px; padding:0; padding-top:6px; }
.navigation li { display:block; float:left; width:113px; }

.show-text { margin-left:15px; width:650px; padding-top:15px; }
.show-text img { float:right; clear:right; margin-left:26px; margin-bottom:14px; text-align:right; padding:10px; background-color:#fff; }

/* Homepage Logo Links */
#home-links { margin:0 auto; padding-bottom:20px; width:880px; text-align:center; }
#home-links img { margin-right:20px; }

/* Page Content Area */
div#section-container { width:880px; height:auto; margin:0 auto;  }
div#section-content-border { float:right; overflow:hidden; width:770px; position:relative; height:auto; border:1px solid #ccc; }
div#section-content { float:right; overflow:hidden; width:770px; position:relative; height:auto; }
.article-head { float:left; width:160px; height:100%; margin-top:25px; border-right:1px solid #ccc; }

.article-text { margin-left:200px; margin-top:25px; margin-bottom:25px; width:550px; }
.article-text .body-img { float:right; clear:right; margin-left:26px; margin-bottom:20px; text-align:right; border:4px solid #3b6da2; padding:3px; }
.article-text .body-img span { font-size:9px; line-height:20px; }
.article-text h1 { font-size:1.5em; font-weight:bold; margin:20px 0px 0px 0px; text-align:left; }
.article-text h2 { font-size:20px; font-weight:bold; color:#68a4e3; margin-bottom:0; padding-bottom:0; }
.article-text h3 { font-size:14px; font-weight:bold; color:#A4D249; margin-bottom:0; padding-bottom:0; }
.article-text h4 { font-size:13px; font-weight:bold; margin-bottom:0; padding-bottom:0; }
.article-text p { font-size:12px; padding:0; margin:0; margin-bottom:20px; }
.article-text li { font-size:12px; }

object#circuit-flv { margin-bottom:28px; }

.subsection-head-img { float:right; }

/* eNews Subscribe Div */
div#subscribe { float:right; width:180px; height:164px;	margin-right:45px; margin-top:20px; border:1px solid #ccc; }

/* Quick Links */
div#quicklinks { float:right; width:180px; background:#68a2e1 url(../images/hdr-quicklinks.jpg) no-repeat; margin-right:45px; margin-top:15px; }
div#quicklinks ul { width:160px; padding:0px; margin-left:0px; margin-top:45px; list-style:none; }
div#quicklinks a:link, #quicklinks a:active, #quicklinks a:visited
{ display:block; width:170px; height:15px; padding:5px; text-decoration:none; color:#fff; }
div#quicklinks a:hover { color:#fff; background-color:#3b6da2; }

div#oceana-details { float:right; width:162px; margin-right:45px; margin-top:10px; border:1px solid #ccc; padding:8px; }
div#new-feature-box { float:right; width:175px; margin-right:45px; margin-top:10px; border:1px solid #ccc; padding:1px; }

/* Main Menu */
#menu-container { position:absolute; bottom:0px; left:54px; width:896px; height:44px;  }
#nav, #nav ul { padding:0; margin:0 auto; list-style:none; width:910px; line-height:28px; }
#nav a { display:block; width:149px; height:44px; background-repeat:no-repeat; text-align:center; text-decoration:none; }
#nav a:link, #nav a:active, #nav a:visited { color:#666; font-size:11px; background-image:url(../images/buttons/menu-butt.png); }
#nav a:hover { } /* main menu hover state */
#nav li { float:left; width:149px; }
#nav li ul { position:absolute; width:145px; margin-left:-999em; border:2px solid #68a4e3; border-top:none; filter:alpha(opacity=95); -moz-opacity:.95; opacity:.95; }
#nav li ul a:link, #nav li ul a:active, #nav li ul a:visited { background-image:none; background-color:#014982; color:#fff; height:28px; width:145px; }
#nav li ul a:hover { background-color:#3b6da2; }
#nav li:hover ul { margin-left:auto; }
#nav li.sfhover ul { margin-left:auto; }

.para-link a:link, .para-link a:active, .para-link a:visited { color:#0033CC; text-decoration:none; }
.para-link a:hover { color:#CC6600; }

a.staff_link:link, a.staff_link:active, a.staff_link:visited { color:#0033CC; text-decoration:none; line-height:18px; }
a.staff_link:hover { color:#CC6600; }