/*
=============================================================================================

Taylor Marine
General Layout Style Sheet

Created by Delaware.Net
http://www.delaware.net
Copyright 2007

=============================================================================================
*/






/* General
========================================== */
body {background:url(/images/layout/bg.jpg) left top repeat-x; font:12px Arial, Helvetica, sans-serif; color:#444; margin:0;}

a {outline-style:none;} /* Removes dotted lines around links when active */
a:link, a:visited {color:#000; text-decoration:underline;}
a:hover {color:#000; text-decoration:none;}

img {border:none;}
strong {font-weight:bold;}
input, textarea {background:#eee; border:1px solid #444;}

.access {display: none; text-indent:-9999px; overflow:0; height:0;} /* Use to add jump link to main content for screen readers */
.thumbnail {padding:3px; margin:3px; border:1px solid #444; background:#ccc;}


.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Layout
========================================== */

#wrapper {margin:0 auto; width:950px;}


/*=== Header ===*/
#header {color:#444; border-bottom:10px solid #444; position:relative; height:85px;}
#header h1 {margin:0; padding:0; text-indent:-9999px; overflow:hidden; background:url(/images/layout/logo1.gif) left top no-repeat; position:absolute;}
#header h1 a:link, #header h1 a:visited, #header h1 a:hover {display:block; height:80px; width:350px;}

/* TWO LOCATIONS */
#header p {margin:0; padding:0; text-align:center; font-style:italic; position:absolute; left:530px; bottom:33px; font-size:11px; line-height:14px;}
#header p strong {font-weight:bold; text-transform:uppercase; color:#036;}
#header p span {font-weight:bold;}


/*=== Navigation ===*/

/* MAIN */
#navMain {background:#34322d url(/images/layout/nav_bg.jpg) right top no-repeat; height:30px; margin:0; padding:0 0 0 5px; width:559px; position:absolute; right:0; bottom:0;}
#navMain li {list-style:none; display:inline}
#navMain li, #navMain li a {height:30px; float:left;}
#navMain li a {background:url(/images/layout/nav_divider.jpg) right bottom no-repeat; display:block; padding:9px 6px 0; height:21px; font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; text-decoration:none;}
#navMain li a[title="Fishing Reports"] {background:none;}
#navMain li a:hover {background:#444;}

/* Main Nav Drop Down */
#navMain ul {padding: 0; margin: 0; list-style: none; background:#444; width:564px;}
#navMain li ul {position: absolute; left: -999em; top:30px;}
#navMain li:hover ul, #navMain li.sfhover ul {left:0;}
#navMain li ul a {background:none; padding:9px 10px 0 10px; font-weight:normal;}
#navMain li ul a:hover {background:#666;}


/* SUB */
#navSub {margin:0; padding:0; position:absolute; right:10px; bottom:33px;}
#navSub li {list-style:none; float:left; display:inline;}
#navSub a {color:#444; font-size:11px; padding:0 6px; border-right:1px solid #444; text-decoration:none;}
#navSub a[title="Taylor Marine Centers Sitemap"] {border:none;}
#navSub a:hover {color:#444; text-decoration:underline;}


/*=== Flash ===*/
#flash {width:948px; height:298px; border:1px solid #444;}


/*=== Content ===*/
#content {background:#fff; padding:10px;}

/* WELCOME COLUMN */
#content #welcome {width:305px; float:left;}
#content #welcome h2 {font:23px Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#003366; margin:0; padding:0; font-style:italic;}
#content #welcome h2 span {font:12px Arial, Helvetica, sans-serif; font-weight:bold; display:block; font-style:italic;}
#content #welcome h3 {font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#777; margin:5px 0;}
#content #welcome p {border-bottom:2px solid #ccc; position:relative; padding:0 0 28px 0; margin:0; font-size:12px; line-height:16px;}
#content #welcome p a {background:url(/images/layout/btn_about.jpg) left top no-repeat; display:block; height:19px; width:58px; padding:0 0 0 20px; font-size:11px; color:#fff; text-decoration:none; margin:5px 0; position:absolute; right:0; bottom:3px; line-height:19px;}
#content #welcome img {padding:10px 0 0;}


/* BRANDING COLUMN */
#content #branding {width:353px; float:left; border:solid #ccc; border-width:0 2px; margin:0 10px; text-align:center;}

#content #branding #gradyWhite {margin:0; padding:0; text-indent:-9999px; overflow:hidden; background:url(/images/layout/gw-sm.jpg) left top no-repeat; width:150px; }
#content #branding #gradyWhite a {display:block; height:80px; width:150px;}
#content #branding #gradyWhite_title {font-size:11px; font-weight:normal; color:#777; margin-top:3px;}
#content #branding #gradyDesc {font:16px Helvetica, Arial, sans-serif; font-weight:normal; color:#444; height:75px; width:160px; text-align:center; line-height:18px;}
#content #branding #gradyDesc span {font-size:14px;}

#content #branding #bostonWhaler {margin:0; padding:0; text-indent:-9999px; overflow:hidden; background:url(/images/layout/bw-sm.jpg) left top no-repeat; width:164px; height:58px;}
#content #branding #bostonWhaler a {display:block; height:35px; width:164px;}
#content #branding #bostonWhaler2 {margin:0; padding:0; overflow:hidden; background:url(/images/layout/bwlogo2.jpg) left top no-repeat; width:164px; height:125px; vertical-align:top;}
#content #branding #bostonDesc {font:16px Helvetica, Arial, sans-serif; font-weight:normal; color:#444; text-align:center; line-height:18px; width:160; margin-top:20px;}
#content #branding #bostonDesc span {font-size:14px;}

#content #branding #certDealer {margin:0 auto; padding:0; text-indent:-9999px; overflow:hidden; background:url(/images/layout/logo_dealercert.gif) left top no-repeat; height:113px; width:122px; }
#content #branding #certDealer a {display:block; height:113px; width:122px;}
#content #branding #certDesc {width:270px; font-size:12px; font-weight:bold; color:#666; margin:10px auto; line-height:16px;}

#content #branding #milfordnum {font:16px Helvetica, Arial, sans-serif; font-weight:normal; color:#444; text-align:center; line-height:18px; width:45%; float:left; margin:10px 0;}
#content #branding #milfordnum span, #content #branding #ocnum span {font-size:18px; color:#0F346C; display:block; font-weight:bold;}
#content #branding #ocnum {font:16px Helvetica, Arial, sans-serif; font-weight:normal; color:#444; text-align:center; line-height:18px; width:45%; float:right; margin:10px 0;}


/* RESOURCES COLUMN */
#content #resources {width:248px; float:right;}
#content #resources h2 {font:23px Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#003366; margin:10px 0 0; padding:0; font-style:italic;}
#content #resources h3 {font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#777; margin:5px 0 10px;}
#content #resources #resourceScroll {width:235px; border:1px solid #ccc; background:#ebebeb; height:535px; overflow:scroll;}
#content #resources #resourceScroll ul {margin:5px; padding:0;}
#content #resources #resourceScroll ul li {list-style:none; padding:5px;}
#content #resources #resourceScroll ul li h4 {margin:0 0 5px; font-size:11px; color:#444; letter-spacing:.5px;}
#content #resources #resourceScroll ul li p {margin:0; font-size:11px; color:#222; line-height:12px;}
#content #resources #resourceScroll ul li a {font-size:11px;}
#content #resources #resourceScroll ul .alt {background:#003366; border:solid #5695d4; border-width:1px 0; color:#fff;}
#content #resources #resourceScroll ul .alt h4 {color:#fff;}
#content #resources #resourceScroll ul .alt p {color:#fff;}
#content #resources #resourceScroll ul .alt a {color:#fff;}


/* MAIN CONTENT COLUMN */
#contentMain {width:662px; float:right; margin:0 0 0 20px;}
#contentMain h2 {font:24px Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#036; margin:10px 0; padding:0 0 5px; border-bottom:1px solid #ccc;}
#contentMain p {line-height:20px;}
#contentMain a[href*="http"] {background:url(/images/layout/link.png) left -5px no-repeat; padding:0 0 0 15px;}

/* MAIN Boat App CONTENT COLUMN */
#contentMainboat {width:902px; margin:0 0 0 20px;}
#contentMainboat h2 {font:24px Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#036; margin:10px 0; padding:0 0 5px; border-bottom:1px solid #ccc;}
#contentMainboat p {line-height:20px;}
#contentMainboat a[href*="http"] {background:url(/images/layout/link.png) left -5px no-repeat; padding:0 0 0 15px;}

/* SIDEBAR COLUMN */
#sideBar {width:248px; float:left; margin:7px 0 0; padding:30px 0 0; border-top:5px solid #7F7867; background:url(/images/layout/submenu_button1.jpg) left top no-repeat; position:relative;}
#sideBar ul {margin:0; padding:0 0 200px; width:248px; background:url(/images/layout/submenu_bg.jpg) left bottom no-repeat;}
#sideBar ul li {list-style:none;}
#sideBar ul li a {background:url(/images/layout/submenu_button.jpg) left top no-repeat; display:block; height:20px; font:12px Arial, Helvetica, sans-serif; color:#444; font-weight:normal; padding:10px 35px 0 0; text-decoration:none; text-align:right;}
#sideBar ul li a:hover {background:url(/images/layout/submenu_button_over.jpg) left top no-repeat;}
#sideBar_content {width:218px; padding:0 15px; margin:-180px 0 0; position:relative; bottom:10px; left:0;}

#sideBar_alt {width:228px; float:left; margin:7px 0 0; padding:10px; border-top:5px solid #7F7867; background:url(/images/layout/submenu_bg.jpg) left top no-repeat; min-height:200px;}

#sideBar_content #addMilford {font-size:11px; color:#444; margin:15px 0 0;}
#sideBar_content #addMilford span {font-weight:bold; display:block;}
#sideBar_content #addMilford a {color:#036;}
#sideBar_content #addMilford span a {background:url(/images/layout/map.png) left top no-repeat; padding:2px 0 0 20px; display:block; height:16px; margin:10px 0 0; font-weight:normal;}

#sideBar_content #addOc {font-size:11px; color:#444; margin:35px 0 0;}
#sideBar_content #addOc span {font-weight:bold; display:block;}
#sideBar_content #addOc a {color:#036;}
#sideBar_content #addOc span a {background:url(/images/layout/map.png) left top no-repeat; padding:2px 0 0 20px; display:block; height:16px; margin:10px 0 0; font-weight:normal;}

/* LINK LISTS */
.linklist li {list-style:none; padding:10px 0;}

/*ACCORDION MENU */
#basic-accordian {padding:5px;}
.accordion_headings {padding:5px; background:#eee; color:#aaa; border:1px solid #fff; cursor:pointer; font-weight:bold;}
.accordion_headings:hover {background:#444; color:#fff;}
.accordion_child {padding:15px; border:solid #ccc; border-width:0 1px 1px;}
.accordion_child p {font-style:italic;}
.header_highlight {background:#34322d; color:#fff; border:solid #ccc; border-width:1px 1px 0 1px;}


/*=== Footer ===*/
#footer {background:#fff; border-top:10px solid #444; position:relative; height:90px;}
#footer ul {margin:0; padding:0; position:absolute; left:100px; top:7px;}
#footer ul li {list-style:none; float:left; display:inline;}
#footer ul a {color:#444; font-size:11px; padding:0 6px; border-right:1px solid #444; text-decoration:none;}
#footer ul a[title="Taylor Marine Centers Sitemap"] {border:none;}
#footer ul a:hover {color:#444; text-decoration:underline;}

#footer h3 {font-size:12px; color:#444; margin:0; position:absolute; top:35px; left:400px; text-align:center;}
#footer h3 span {font:12px Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#036; display:block;}
#footer #copyright {font-size:11px; position:absolute; top:82px; left:385px; color:#777; margin:0;}

#footer #addMilford {font-size:11px; color:#222; position:absolute; top:12px; left:0; margin:0;}
#footer #addMilford span {font-weight:bold; display:block;}
#footer #addMilford a {color:#036;}

#footer #addOc {font-size:11px; color:#222; position:absolute; top:12px; right:0; margin:0; text-align:right;}
#footer #addOc span {font-weight:bold; display:block;}
#footer #addOc a {color:#036;}

/* Added by Charley Ruggiero for Forms */
.submit {cursor:pointer; font-size:14px; margin-top:15px;}
.required {color:#FF0000;}
legend {font-weight:bold; font-size:14px;}
fieldset { margin-top:15px; }
/* News */
.newsimg { float:left; padding:0px 5px 5px 0px; }