/*
Colors:
Blue: #02487d
Grey: #535353

Fonts:
Main Nav (unselected): Verdana, reg, 14px, white #ffffff
Main Nav (selected): Verdana, reg, 14px, white #ffffff
Main Nav (rollover): Verdana, reg, 14px, white #ffffff

Left Nav (unselected): Verdana, reg, 14px, white #ffffff
Left Nav (selected): Verdana, reg, 14px, white #ffffff
Left Nav (rollover): Verdana, reg, 14px, white #ffffff

Left Sub Nav (unselected): Verdana, reg, 12px, grey #535353
Left Sub Nav (selected): Verdana, reg, 12px, blue #02487d
Left Sub Nav (rollover): Verdana, reg, 12px, white #02487d

H1: times, reg, 25px, blue #02487d
H2: times, reg, 20px, blue #02487d
H3: verdana, reg, 17px, blue #02487d 

Main Body Text:
1.) Title: times, reg, 25px, blue #02487d
2.) Verdana, bold, 11px, grey #535353
3.) Verdana, reg, 11px, grey #535353

...... Content spacer: Times, reg, 20px, light grey #dbdada

Inline Links
Read More: Verdana, reg, 10px, blue #02487d
email & other links: Verdana, reg, 11px, blue #02487d

Footer Nav: Verdana, reg, 11px, white #ffffff

*/


* {
margin:0;
padding:0;} /* Sets all margins and padding to zero across all browsers since IE handles differently.  Then they can be set for each element. */


/*--------- site-wide font styles ----------*/

h1 {
font-family:"Times New Roman", Times, serif;
font-size:25px;
line-height:110%;
font-weight:normal;
color:#02487d;
margin-bottom:5px;} /* title */

h1.title {
width:100%;
line-height:110%;
padding-bottom:10px;
margin-bottom:10px;
border-bottom:2px dotted #dbdada;}

h2 {
font-family:"Times New Roman", Times, serif;
font-size:20px;
line-height:110%;
font-weight:normal;
color:#02487d;
margin-bottom:5px;} /* sub title */

h3 {
font-family:Verdana, sans-serif;
font-size:17px;
line-height:110%;
font-weight:normal;
color:#02487d;
margin-bottom:5px;} /* body text font + bold */

#main p, p, td  {
font-family:Verdana, sans-serif;
font-size:11px;
margin:8px 0;
line-height:130%;
color:#535353;} /* body text font */

#main p.welcome {
font-weight:bold;
color:#535353;
line-height:100%;
margin:0;
padding:0;}

a {
font-family:Verdana, sans-serif;
font-size:11px;
font-weight:normal;
color:#02487d;}

a.rdmr {
font-family:Verdana, sans-serif;
font-size:10px;
font-weight:normal;
color:#02487d;
text-decoration:none;}

a img {
border:none;}

#main ul {
font-family:Verdana, sans-serif;
font-size:11px;
color:#535353;
list-style-position:outside;
margin:0 0 10px 20px;}

ul.links li, ul.tours li {
padding:3px 0;}

#nav p {
font-size:14px;
line-height:100%;
padding:0;
margin:0 10px 0 0;
color:#ffffff;}

#nav a {
font-family:Verdana, sans-serif; 
font-size:14px; 
color:#FFFFFF; 
text-decoration:none;}

#sidebar ul {
list-style:none;}

#sidebar .subnav a {
width:204px;
height:24px;
display:block;
font-family:Verdana, sans-serif; 
font-size:13px; 
color:#ffffff;
text-decoration:none;
margin-bottom:5px;
padding:8px 0 0 10px;
background:url(images/left_nav_n.jpg) top center no-repeat;}

#sidebar .subnav a.company {
background:url(images/left_nav_2_n.gif) top center no-repeat;}

#sidebar .subnav a:hover, 
#sidebar .subnav a.navsel {
background:url(images/left_nav_a.jpg) center 50% no-repeat;}

#sidebar .sub_subnav a {
height:100%;
display:block;
font-family:Verdana, sans-serif; 
font-size:12px;
color:#535353;
text-decoration:none;
background:none;
margin-bottom:4px;
padding:0 0 0 14px;}

#sidebar .sub_subnav a:hover, 
#sidebar .sub_subnav a.navsel {
color:#02487d;
background:url(images/arrow.gif) left center no-repeat;}

#contact_sidebar a {
text-decoration:underline;}

#contact_sidebar p {
margin-top:0px;}

#weather p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
padding:0;
margin:0;
text-align:center;}

#special p {
font-size:14px;
line-height:130%;
margin:5px 0;}

#special p.date {
font-size:14px;
line-height:110%;
margin:5px 0 0 0;}

#special p.small {
font-size:11px;
color:#999999;
padding-top:5px;}

#special h3 {
font-size:14px; 
font-weight:bold;
line-height:110%;}

#teaser_block a {
text-decoration:none;}

#footer p, #footer a {
text-align:center;
font-family:Verdana, sans-serif; 
font-size:11px; 
color:#ffffff;
letter-spacing:1px;
padding-top:7px;
margin:0;
line-height:125%;}

#footer a {
text-decoration:none;}

#big_fresh p {
font-family:Arial, sans-serif; 
font-size:10px; 
color:#cccccc;}


/*------------- layout styles -------------*/
html {
min-height: 100%;
margin-bottom: 1px;} /* Always makes vertical scrollbar (kills annoying page shift in Firefox) */

body {
background:url(images/rp_bkg.jpg) top center repeat-x #000000;}

#wrapper {
width:891px;
margin:0 auto;
background-color:#ffffff;} /* surrounds web page and controls centering of page in browser window and handles any page border or repeating background image like a shadow. */

#header {
width:891px;
height:192px;
float:left;}

#header a {
float:left;}

.clear {
clear:both;} /* any div needed only to clear */


/*------------ top horizontal navigation ---------------*/
#nav {
width:891px;
height:32px;
float:left;
background:url(images/top_nav_bar.jpg) top left no-repeat;} /* div holding nav ul */

#nav p {
float:right;
margin:7px 10px 0 0;}

#nav ul {
float:left;
margin-left:5px;
list-style:none;}

#nav ul li {
float:left;
background:url(images/top_nav_spacer.gif) left center no-repeat;}

#nav ul li.first {
background:none;}

#nav a {
float:left;
height:25px;
padding:7px 15px 0 15px;
display:block;}

#nav a:hover, #nav a.navsel {
background:url(images/top_nav_active.gif) top center no-repeat;}


/*------------ main body area ---------------*/
#banner {
width:647px;
float:right;
margin:5px 5px 0 15px;}

#main {
width:400px;
float:left;
text-align:left;
margin:20px 20px 0 30px;} /* main content area */

#main table#birds ul {}

#main table#birds ul li {
padding-bottom:5px;}


#contact_sidebar {
width:190px;
float:right;
margin:20px 0 0 20px;}

/*----------- main body area on home page only --------------*/
#special {
width:395px;
height:214px;
float:left;
margin:10px 0 20px 29px;
/*height:160px;
padding:5px 0 0 5px;
border:1px solid #535353;
background:url(images/ad_01.jpg) top right no-repeat;*/} 

/* teasers on home page */
#teaser_block {
width:618px;
float:left;
margin:0 0 20px 29px;}

#teaser1, #teaser2, #teaser3 {
float:left;
width:200px;}

#teaser1, #teaser2 {
margin-right:9px;}

#teaser_block img {
border:1px solid #535353;
margin-bottom:15px;}


/*------------ left sidebar ---------------*/
#sidebar {
width:219px;
float:left;
text-align:left;
margin:5px 0 0 5px;}

#sidebar ul.subnav  {
list-style:none;
width:214px;}

#sidebar ul.sub_subnav  {
width:204px;
list-style:none;
margin:10px 0 20px 10px;}

#weather {
width:189px;
height:45px;
float:left;
margin:15px 0 0 0;
padding:0 0 25px 30px;
border-bottom:2px dotted #dbdada;
background:url(images/weather_bkg.gif) top center no-repeat;}

#weather img {
float:left;
margin-right:10px;}

#whale_cams {
width:209px;
float:left;
margin:5px 0 0 0;
padding:15px 0 15px 10px;
border-bottom:2px dotted #dbdada;
background:url(images/whale_cams.jpg) 90% 75% no-repeat;}

#whale_cams li {
padding:4px 0 0 3px;}

#icons {
width:204px;
float:left;
margin:5px 0 0 0;
padding:15px 0 15px 15px;}

#icons img {
float:left;
padding:0 10px;}


/*------------ footer ---------------*/
#footer {
width:891px;
height:49px;
padding-top:60px;
margin:0 auto;
clear:both;
text-align:center;
background:url(images/bottom_nav_bg.gif) bottom center no-repeat;} /* container div for footer info */


/*------------ big fresh signature/logo ---------------*/
#big_fresh {
padding-top:0;
text-align:center;} 

#big_fresh a {
text-decoration:none;}

/* transparent png fix for IE6 */

img, div, td, a { behavior: url(iepngfix.htc) }

img, div { behavior: url(iepngfix.htc) }