/* CSS Document */
/*	fps.css

	Notes:
	All positioning is done using floats (no absolute positioning).

	We encounter the IE div spacing bug frequently, and use the "* html" hack to
	get around it. Layout is nearly identical in IE & FF.
	
	Anytime you make positioning changes, look for a corresponding "* html" rule for WinIE specific layout.
*/
/* debugging:
div { border: solid 1px red; }
*/

/*Zero the defaults
*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a { 
	margin: 0; 
	padding: 0; 
	border: 0; 
}


/* global stuff */
.image { border: 0px; }
.clear { clear: both; }

a { text-decoration: none; }
a:link { color: #fff; }
a:visited { color: #fff; }
a:hover { color: #044788; }
h1 { font-weight: normal; color: #044788; margin: 20px 0 20px 0; font-size:24px; font-style:italic;  }
h2 { font-weight: normal; color: #044788; margin: 10px 0 5px 0; font-size:18px; text-align: left;  font-style:italic; }
h3 { font-weight: normal; color: #044788; margin: 10px 0 15px 0; font-size:18px; text-align: center; }
h4 { font-weight: normal; margin: 0px 0 10px 0; font-size:12px; text-align: center; font-style:italic; line-height: 12px; }
.bold {font-weight: bold; }
.firstletter { font-size: 150%; color: #fff; }
.italic { font-style:italic; }
.italicsmall { font-style: italic; font-size: 12px; line-height: 12px; }
.underline { text-decoration: underline; }
div.pictureleft {float: left; margin: 10px 10px 0px 0px; border: 3px solid #fff; }
div.pictureright {float: right; margin: 0px 10px 0px 10px;  border: 3px solid #fff; }
.imagecenter { text-align: center;  border: 0;}
.imageleft { text-align: left; margin-top: 20px; }
.center { text-align: center; }
.smallfont { font-size: 10px; line-height: 10px; }
ol, ul { margin: 10px 20px 20px 20px; text-align: left; }
li { margin-top: 10px; }
div#indent { margin-left: 20px; margin-top: 10px; }


html { font-size: 100.01%; }



body { background-color: #044788; color: #fff; font-family: Arial, Sans-Serif; font-size:16px; }



/* the fullpage div has a specified width to keep the main information from collapsing when a window is shrunk
*/
div#fullpage { margin-left: auto; margin-right: auto; width: 820px; margin-top: 20px; margin-bottom: 20px; background-color: #000; }

/*header is where the logo (Kristi's name) and all the twinkling stars live*/

div#header { height: 159px; overflow: hidden; }

div#logo { height: 159px; width: 820px; background-image: url(images/logo.gif); background-repeat: no-repeat;  background-position: 0px 10px; float: left; }

div#email { text-align: right; margin-right: 10px; margin-top: 10px; font-size: 14px; }
div#email a { color: white; }
div#email a:link { color: white; }
div#email a:visited { color: white; }
div#email a:hover  { color: #044788; }

/*	the nav div is for the navigation elements. in this case, the section titles.
 */
 
 
div#nav { float: left; width: 150px; margin-left: 10px;  }
div#nav div { margin: 15px 0 15px 0; }
div#nav a { display: block; height: 45px; width: 150px; }
div#nav_home a { background-image: url(images/navigation/home_off.gif); }
div#nav_home a:hover { background-image: url(images/navigation/home_on.gif); }
div#nav_about a { background-image: url(images/navigation/about_off.gif);  height: 45px; }
div#nav_about a:hover { background-image: url(images/navigation/about_on.gif);   height: 45px;}
div#nav_menu a { background-image: url(images/navigation/menu_off.gif);   height: 45px;}
div#nav_menu a:hover { background-image: url(images/navigation/menu_on.gif);  height: 45px; }
div#nav_photos a { background-image: url(images/navigation/photos_off.gif);   height: 45px;}
div#nav_photos a:hover { background-image: url(images/navigation/photos_on.gif);  height: 45px; }
div#nav_catering a { background-image: url(images/navigation/catering_off.gif); height: 65px; }
div#nav_catering a:hover { background-image: url(images/navigation/catering_on.gif); }
div#nav_blog a { background-image: url(images/navigation/blog_off.gif); }
div#nav_blog a:hover { background-image: url(images/navigation/blog_on.gif); }
div#nav_reviews a { background-image: url(images/navigation/reviews_off.gif);   height: 45px; }
div#nav_reviews a:hover { background-image: url(images/navigation/reviews_on.gif);   height: 45px; }
div#nav_faq a { background-image: url(images/navigation/faq_off.gif); }
div#nav_faq a:hover { background-image: url(images/navigation/faq_on.gif); }
div#nav_fishfacts a { background-image: url(images/navigation/fishfacts_off.gif); }
div#nav_fishfacts a:hover { background-image: url(images/navigation/fishfacts_on.gif); }
div#nav_location a { background-image: url(images/navigation/location_off.gif); height: 65px; }
div#nav_location a:hover { background-image: url(images/navigation/location_on.gif); height: 65px; }
	

/* section and subsection info*/


div#main { width: 640px; line-height: 24px; text-align: left; float:left; margin-left: 5px; margin-top: 20px; background-color: #000; }

div#toptext  { text-align: left; width: 620px; height: 600px; padding-left: 15px;  }
div#toptext_long  { text-align: left; width: 650px; }

div#sectiontitle { text-align: center; margin-bottom: 35px; }

/* subsections */
div#subsection { text-align:center; margin-bottom: 20px; }
div#subsection a{ color: #da2a2d;}
div#subsection a:hover{ text-decoration: underline; }

/* bottom background image is different for each page */
/*div#bottombackground { width: 790px; height: 246px; background-image:url(images/busbackground.jpg); background-position: 0px 0px; background-repeat:no-repeat; float: left; }*/

div#bottombackground { width: 433px; height: 350px; background-image:url(images/background.jpg); background-position: 0px 0px; background-repeat:no-repeat; float: left; }
div#bottombackground_none { width: 790px; height: 50px; float: left; }

div#bottomtext { text-align: left; width: 300px; height: 246px; margin-left: 450px; }


div#bottomnav { text-align: center; width: 800px; margin-left: auto; margin-right: auto; padding-top: 10px; clear: both; font-size: 14px; }

div#copyright { font-size: 80%; text-align: center;  width: 800px; margin-left: auto; margin-right: auto; margin-top: 10px; clear: both; }
div#trina { font-size: 80%; text-align: center;  width: 800px; margin-left: auto; margin-right: auto; clear: both; margin-bottom: 10px; }

/*menu */
div.menutitle { color: #044788; text-decoration: underline; } 

/*blog*/
.feedburnerFeedBlock li { list-style: none; margin-left: 0px; }
.feedburnerFeedBlock .headline { font-size: 120%; font-style: italic;  }
.feedburnerFeedBlock .date { font-style: italic; margin-bottom: 20px;  }
.headline a { color: #fff;  }
.headline a:hover { text-decoration: underline; }

div#blog { text-align: left; width: 480px; float: left; margin-right: 20px;  }
div#archive { font-size: 12px; line-height: 14px; width: 120px; float: left; }
* html div#archive { font-size: 12px; line-height: 14px; width: 110px; float: left; }
.archivetitle { font-size: 18px; text-decoration: underline; }

/* li lists white wheel instead of bullet points*/
#navlist
{
margin-left: 20;
padding-left: 0;
list-style: none;
}

#navlist li
{
padding-left: 25px;
background-image: url(images/wheel.gif);
background-repeat: no-repeat;
background-position: 0 .1em;
}

#navlist ul { list-style: none; }