/* ********************************************************************** 
 * Style sheet for Peg Leg Pete's [ http://www.peglegpetes.com/ ]
 * Original coding by Rick Osborne [ osborne at ced dot com ], June 2004
 * Many ideas from A List Apart [ http://www.alistapart.com/ ]
 * This CSS has been tested to be compatible in the following browsers:
 * - Firefox 0.8, 0.9
 * - Opera 7.51
 * - Microsoft Internet Explorer 5.5, 6.0
 *
 * See also:
 * - style-3col.css - 3-Column layout styles
 * - style-2col.css - 2-Column layout styles
 *
 *  #990000 maroon color
 *  #f5bf7a orange color
 ********************************************************************** */
/*********************************************************************** 
 * Generic Elements
 ********************************************************************** */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

a { color: blue; }

a:hover { color: #990000; }

/* Generic list of horizontal links, most often used for nav elements */

.linklist {
	font-size: 11px;
	font-weight: bold;
	color: #f5bf7a;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	visible:false;
}
.linklist a { color: #990000; text-decoration: none; visible:false;}
.linklist a:hover { color: black; text-decoration: underline; visible:false;}
.navlinklist { padding-right: 4px; font-size: 11px; color: white; 	visible:false;}
.navlinklist a { color: white; text-decoration: none; 	visible:false;}
.navlinklist a:hover { color: #f5bf7a; text-decoration: underline;  visible:false;}

/* This is a generic element that creates a break to help out with "float"s */
.clearing {
	height: 0;
	clear: both;
	visible:false;
}

/* This wraps the admin area so we can fix it to a certain width (mw changed to 100%)*/
#adminwrapper { border: 1px solid #990000; width: 100%; max-width: 100%; min-width: 764px; }

/* This is the list of areas that runs along the top of the Admin pages */
#adminareas { background-color: #f5bf7a; color: #990000; font-weight: bold; }
#adminareas td { text-align: center; padding: 2px; cursor: hand; 	visible:false;}
#adminareas a { color: #990000; text-decoration: none; font-weight: bold;}
#adminareas a:hover { color: #990000; text-decoration: underline; }
td.adminarea_active { background-color: #990000; font-weight: bold; visible:false;}
#adminareas .tab td a.adminarea_active { color: #f5bf7a; visible:false; }

/*********************************************************************** 
 * Header Elements
 ********************************************************************** */
#headerbanner {
	border-bottom: 2px solid #990000;
	text-align: right;
	padding-right: 4px;
}
#headernav {
	border-top: 3px solid white;
	border-bottom: 3px solid white;
	background-color: #990000;
	font-size: 11px;
	color: white;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	height: 26px;
	margin: 0px;
}
#headeradmin {
	/* height: 110px; */
	background: white url("images/plp_ad_header.gif") repeat-x top;
}
/*********************************************************************** 
 * Content Elements
 ********************************************************************** */
/* 
	These are tricksy.  In order to get the static image in the background
	and not use tables, we had to jump through a few hoops.  You probably
	really don't want to touch any "margin", "float", or "background" 
	specifiers.
*/
#pagewrapper {
	background: url("images/orangedot.gif") repeat-y left;
}
#leftwrapper3 { /* 3-Column version */
	width: 100%;
	float: left;
	margin-right: -160px;
	background: url("images/plp_ln_back.gif") no-repeat left top;
}
#leftwrapper2 { /* 2-Column version */
	width: 100%;
	float: left;
	background: url("images/plp_ln_back.gif") no-repeat left top;
}
#leftnav {
	width: 134px;
	max-width: 134px;
	min-width: 134px;
	float: left;
	visible:false;
}
#leftnav.firstthing {
	margin-top: 0px;
	visible:false;
	
}
#content3 { /* 3-Column version */
	margin-left: 134px;
	margin-right: 160px;
	visible:false;
}
#content2 { /* 2-Column version */
	margin-left: 140px;
	visible:false;
	
}
#content h1 {
	margin-top: 0px;
}
#rightnav {
	min-width: 140px;
	width: 140px;
	max-width: 140px;
	float: right;
	visible:false;
}
.rightnav {
	padding-left: 16px;
	padding-right: 8px;
	vertical-align: top;
	text-align: right;
	visible:false;
}

.leftnav {
	/* background: #f5bf7a url("images/plp_ln_back.gif") no-repeat bottom left; */
	width: 134px;
	min-width: 134px;
	max-width: 134px;
	visible:false;
}
.content2 {
	padding: 8px;
	visible: false;
}
.content3 {
	padding: 8px;
	visible:false;
}
/* Since right nav/breakout boxes are just titles and bodies, it is
	logical to just use a DL with DT/DD pairs, instead of huge tables. 
	rightnav_title is maroon bg with peach text*/
	
.rightnav_title {
	background-color: #990000;
	color: #f5bf7a;
	font-weight: bold;
	width: 130px;
	padding: 4px;
	margin: 0px;
	margin-top: 12px;
	text-align: left;
	visible:false;
}
.rightnav_body {
	background-image: url("images/pinkdot.gif");
	background-repeat: repeat-y;
	background-position: top, left;
	width: 130px;
	padding: 4px;
	margin: 0px;
	text-align: left;
	visible:false;
}
/*********************************************************************** 
 * Footer Elements
 ********************************************************************** */
#footernav {
	text-align: center;
	border-top: 2px solid #990000;
	padding: 4px;
}
#footerbar {
	background-color: #990000;
	text-align: center;
	padding: 4px;
	color: white;
	font-size: 11px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

#footerbar a { color: #f5bf7a; text-decoration: underline; 	visible:false;}

#footerbar a:hover { color: white; text-decoration: underline;  visible:false;}

#printfooter {
	display: none;
	visibility: none;
}
/*********************************************************************** 
 * Splash Elements
 ********************************************************************** */
.splash_teaser {
	color: black;
	font-size: 12px;
	visible:false;
}
/*********************************************************************** 
 * Print Elements
 ********************************************************************** */
@media print {
	/* Hide the navigation when printing, to maximize the printable area */
	#leftnav, #footernav, #headernav, .rightnav { display: none; visibility: hidden; }
	#content { margin-right: 160px; margin-left: 0px; }
	/* Change some of the basic colors so they look better on paper */
	#footerbar { color: black; border-top: 2px solid #990000; border-bottom: 2px solid #990000; }
	#printfooter { display: inline; visibility: visible; text-align: center; width: 100%; padding: 8px; }
	a { color: blue; }
	#headerbanner { text-align: center; }
}
#headerbanner_print {
	text-align: center;
	background: url("images/plp_ad_header.gif") repeat-x top;
}
#headernav_print {
	display: none;
	visibility: hidden;
}
#footernav_print {
	display: none;
	visibility: hidden;
}
#leftnav_print {
	display: none;
	visibility: hidden;
}

/**************************************************************
from old style.css - used in the Ektron editor primarily
*****************************************************************/

td {
   	PADDING-RIGHT : 0px;
   	PADDING-LEFT : 0px;
   	FONT-WEIGHT : normal;
   	/* font-size : 11px; */
   	FONT-FAMILY : Verdana, Arial, Helvetica, sans-serif;
   	TEXT-DECORATION : none;
}

p {
   	PADDING-RIGHT : 0px;
   	PADDING-LEFT : 0px;
   	FONT-WEIGHT : normal;
   	COLOR : BLACK;
	/* font-size : x-small; */
   	FONT-FAMILY : Verdana, Arial, Helvetica, sans-serif;
   	TEXT-DECORATION : none;
}

.defaultstyle {
   	PADDING-RIGHT : 0px;
   	PADDING-LEFT : 0px;
   	FONT-WEIGHT : normal;
   	COLOR : BLACK;
	/* font-size : small; */
   	FONT-FAMILY : Verdana, Arial, Helvetica, sans-serif;
   	TEXT-DECORATION : none;
}

UL {
	/* font-size : small; */
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color: black;
	visible: false;
}

OL {
	/* font-size : x-small; */
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color: black;
	visible: false;
}

.li {

   	PADDING-RIGHT : 0px;
   	PADDING-LEFT : 0px;
   	FONT-WEIGHT : normal;
   	COLOR : BLACK;
   	FONT-FAMILY : Verdana, Arial, Helvetica, sans-serif;
   	TEXT-DECORATION : none;
	visible : false;
}

.title {
   	FONT-WEIGHT : bold;
   	COLOR : #333366;
   	font-size : large;
   	FONT-FAMILY : Verdana, Arial, Helvetica, sans-serif;
   	TEXT-DECORATION : none;
	caption: 'Title - Large, Bold, Blue';

}
.titlesmall {
   	FONT-WEIGHT : bold;
   	COLOR : #333366;
   	font-size : small;
   	FONT-FAMILY : Verdana, Arial, Helvetica, sans-serif;
   	TEXT-DECORATION : none;
	caption: 'Subtitle - Medium - Bold, Blue';
}   

.textbold {
   	PADDING-RIGHT : 0px;
   	PADDING-LEFT : 0px;
   	FONT-WEIGHT : bold;
   	COLOR : #000000;
   	font-size : x-small;
   	FONT-FAMILY : Verdana, Arial, Helvetica, sans-serif;
   	TEXT-DECORATION : none;
	caption: 'Text - black, normal, bold';
}  

.text {
   	PADDING-RIGHT : 0px;
   	PADDING-LEFT : 0px;
   	FONT-WEIGHT : normal;
   	COLOR : #000000;
   	font-size : x-small;
   	FONT-FAMILY : Verdana, Arial, Helvetica, sans-serif;
   	TEXT-DECORATION : none;
	caption: 'Text - black, normal';
}  


.textred {
   	PADDING-RIGHT : 0px;
   	PADDING-LEFT : 0px;
   	FONT-WEIGHT : normal;
   	COLOR : red;
   	font-size : x-small;
   	FONT-FAMILY : Verdana, Arial, Helvetica, sans-serif;
   	TEXT-DECORATION : none;
 	visible : false;
}  

.textsmall {
	PADDING-RIGHT : 0px;
   	PADDING-LEFT : 0px;
   	FONT-WEIGHT : normal;
   	COLOR : #000000;
   	font-size : xx-small;
   	FONT-FAMILY : Verdana, Arial, Helvetica, sans-serif;
   	TEXT-DECORATION : none;
	caption: 'Text - Small';
} 
.RightNavHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight : 900;
	font-variant : small-caps;
	color: #990000;
	padding: 5px;
	BACKGROUND : #f5bf7a;
	text-align: left;
	caption: 'Right Nav Title - Orange BG';
}

.RightNavText { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: Black;
	padding: 5px;
	text-align: left;
	caption: 'Right Nav Body Text';
} 

.textblue {
   	FONT-WEIGHT : normal;
   	COLOR : #333366;
   	/* font-size : x-small; */
   	FONT-FAMILY : Verdana, Arial, Helvetica, sans-serif;
   	TEXT-DECORATION : none;
	visible : false;

}


TD.tableheaderrow {
	PADDING-RIGHT : 0px;
   	PADDING-LEFT : 0px;
   	FONT-WEIGHT : BOLD;
   	COLOR : #f5bf7a;
   	FONT-FAMILY : Verdana, Arial, Helvetica, sans-serif;
   	TEXT-DECORATION : BOLD;
	BACKGROUND : #990000;
	text-align : center;
 	
} 

TD.tablesectionrow {
	PADDING-RIGHT : 0px;
   	PADDING-LEFT : 0px;
   	FONT-WEIGHT : BOLD;
   	COLOR : black;
   	FONT-FAMILY : Verdana, Arial, Helvetica, sans-serif;
   	TEXT-DECORATION : BOLD;
	BACKGROUND : #f5bf7a;
	text-align : center;
} 

/*********************************************************************** 
 * Rollover Elements
 ********************************************************************** */
img.rollover { display: block; }
img#sp_ln_home { background-image: url(/images/sp_ln_home-over.gif); }
img#sp_ln_about { background-image: url(/images/sp_ln_about-over.gif); }
img#sp_ln_menus { background-image: url(/images/sp_ln_menus-over.gif); }
img#sp_ln_music { background-image: url(/images/sp_ln_music-over.gif); }
img#sp_ln_store { background-image: url(/images/sp_ln_store-over.gif); }
img#sp_ln_marina { background-image: url(/images/sp_ln_marina-over.gif); }
img#sp_ln_locations { background-image: url(/images/sp_ln_locations-over.gif); }

img#plp_ln_home { background-image: url(/images/plp_ln_home-over.gif); }
img#plp_ln_about { background-image: url(/images/plp_ln_about-over.gif); }
img#plp_ln_menus { background-image: url(/images/plp_ln_menus-over.gif); }
img#plp_ln_music { background-image: url(/images/plp_ln_music-over.gif); }
img#plp_ln_store { background-image: url(/images/plp_ln_store-over.gif); }
img#plp_ln_marina { background-image: url(/images/plp_ln_marina-over.gif); }
img#plp_ln_location { background-image: url(/images/plp_ln_location-over.gif); }
img#plp_ln_kids { background-image: url(/images/plp_ln_kids-over.gif); }
img#plp_ln_contact { background-image: url(/images/plp_ln_contact-over.gif); }

img#ssb_ln_aboutus { background-image: url(/images/ssb_ln_aboutus-over.gif); }
img#ssb_ln_menus { background-image: url(/images/ssb_ln_menus-over.gif); }
img#ssb_ln_events { background-image: url(/images/ssb_ln_events-over.gif); }
img#ssb_ln_giftcertificates { background-image: url(/images/ssb_ln_giftcertificates-over.gif); }
img#ssb_ln_awards { background-image: url(/images/ssb_ln_awards-over.gif); }
img#ssb_ln_otherlocations { background-image: url(/images/ssb_ln_otherlocations-over.gif); }
img#ssb_ln_employment { background-image: url(/images/ssb_ln_employment-over.gif); }

img#mfs_ln_home { background-image: url(/images/mfs_ln_home-over.gif); }
img#mfs_ln_giftcertificates { background-image: url(/images/mfs_ln_giftcertificates-over.gif); }
img#mfs_ln_marketvisit { background-image: url(/images/mfs_ln_marketvisit-over.gif); }
img#mfs_ln_selection { background-image: url(/images/mfs_ln_selection-over.gif); }