/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
}

/* @group Structure */

body, html {
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
}

#container {
	position: relative;
	text-align: left;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px 0 0 0;
}

#masthead {
	background: #04447f url(../bayclub-images/bayclub-masthead-bg.gif) no-repeat center top;
	clear: both;
	height: 111px;
}

#masthead-wrap {
	position: relative;
	text-align: left;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px 0px 0px 0px;
}

#nav {
	height: 55px;
	margin: 0px;
	padding: 0px;
	background: #093258 url(../bayclub-images/bayclub-nav-bg.gif) no-repeat center top;
	clear: left;
}

#nav-wrap {
	position: relative;
	text-align: left;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px 0px 0px 0px;
}

/* Logo link thru CSS -- make sure heigh and width match the dimensions of your logo file. Use <a> in masthead div in the HTML file to call up the logo. */

#masthead a {
	background: url(../generic-images/logo.jpg) no-repeat;
	text-indent: -9000px;
	width: 323px;
	height: 75px;
	position: absolute;
	margin: 0px;
	padding: 0px;
}

#srch {
    float: right;
    width: 200px;
    padding: 5px 0px 5px 0px;
}

#content {
	background: #ffffff url(../bayclub-images/bayclub-content-bg.gif) no-repeat center top;
	overflow: auto;
	clear: both;
}

#content-wrap {
	position: relative;
	text-align: left;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}

#feature {
	overflow: auto;
	clear: both;
	border-top: 1px solid #362c2a;
	border-bottom: 1px solid #362c2a;
	background: #ffffff url(../bayclub-images/zarack-feature-bg.jpg) repeat center top;
}

#feature-wrap {
	position: relative;
	text-align: left;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px 0 0 0;
	overflow: auto;
}

#footer {
	background-color: #ffffff;
	height: 144px;
}

#footer-wrap {
	position: relative;
	text-align: left;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px 0px 0px 0px;
	overflow: auto;
	border-top: 1px solid #0055a5;
}

.clearl {
	clear: left;
}

/* 2-column layout */

.col-305 {
	float: left;
	width: 305px;
}

.col-495 {
	float: left;
	width: 495px;
}


/* 3-column layouts */

.col3-1 {
    float: left;
    width: 253px;
}

.col3-2 {
    float: left;
    width: 506px;
}

.col3-3 {
    float: left;
    width: 760px;
}

/* 4-column layouts */

.col4-1 {
    float: left;
    width: 190px;
}

.col4-2 {
    float: left;
    width: 380px;
}

.col4-3 {
    float: left;
    width: 570px;
}

.col4-4 {
    float: left;
    width: 760px;
}

/* @end */

/* @group Typography */

#masthead h1, #masthead h2, #masthead h3 {
	color: #ffffff;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 10px 20px 9px 20px;
}

#masthead h1 {
	font-size: 44px;
	line-height: 46px;
}

#masthead h2 {
	font-size: 21px;
	line-height: 24px;
}

#masthead h3 {
	font-size: 21px;
}

#content h1, #content h2, #content h3 {
	color: #444444;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: italic;
	padding: 10px 20px 10px 20px;
}

#content h1 {
	font-size: 21px;
	line-height: 25px;
}

#content h2 {
	font-size: 16px;
}

#content h3 {
	font-size: 14px;
}

#content p {
	color: #444444;
	font: normal 16px/30px Georgia, "Times New Roman", Times, serif;
	padding: 10px 20px 10px 20px;
}

#content hr {
	border: none 0;
	border-top: 1px solid #0055a5;	
	width: 89%;
	height: 1px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	/* left align in IE, Opera */
	text-align: left;
}

#content ul, #content li, #content ol {
	color: #444444;
	font: normal 14px/20px Georgia, "Times New Roman", Times, serif;
	margin: 0px 0px 10px 15px;
}

#feature h1 {
	color: #ffffff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
	padding: 10px 20px 10px 20px;
}

#feature p {
	color: #ffffff;
	font: normal 14px/26px Arial, Helvetica, Verdana, Swiss, sans-serif;
	padding: 10px 20px 10px 20px;
}

#footer p {
	color: #444444;
	font: normal 10px/12px Arial, Helvetica, Verdana, Swiss, sans-serif;
	padding: 10px 0px 10px 20px;
}

ul {
	margin: 0px 0px 0px 20px;
	padding: 0px 10px 5px 5px;
}

ol {
	margin: 0px 0px 0px 20px;
	padding: 0px 10px 5px 5px;
}

.sml {
	color: #000000;
	font: normal 10px/12px Arial, Helvetica, Verdana, Swiss, sans-serif;
	padding: 10px 10px 10px 10px;
}

.ovrstrk {text-decoration:line-through;
}

/* @end */


/* @group Links */

a:link {
	color: #0055a5;
}

a:visited {
	color: #444444;
}

a:hover {
	color: #F25C05;
}

a:active {
	color: #F25C05;
}

.tab a {
	font-family: Georgia, "Times New Roman", Times, serif;
}

.tab a:link {
	color: #0055a5;
}

.tab a:visited {
	color: #444444;
}

.tab a:hover {
	color: #F25C05;
	font-style: italic;
}

.tab a:active {
	color: #F25C05;
	font-style: italic;
}


#footer a:link {
	color: #0055a5;
}

#footer a:visited {
	color: #444444;
}

#footer a:hover {
	color: #F25C05;
}

#footer a:active {
	color: #F25C05;
}



/* @end */


/* @group Elements */

img.mat {
	border: 1px solid #0055a5;
	background-color: #ffffff;
	padding: 4px 4px 6px 4px;
}

.pad-10 {
	padding-left: 10px;
}

.pad-20 {
	padding-left: 20px;
}

.mrgn-20 {
	margin-left: 20px;
}

.bak2top {
	font-family: Arial, Helvetica, Verdana, Swiss, sans-serif;
	font-size: 10px;
	color: #362c2a;
	background-color: #ffffff;
	border: 2px solid #772222;
	padding: 4px;
	z-index: 1200
}

.wr_fieldset {
width: 500px; 
margin: 30px 30px 12px 140px;
padding: 0px; }

.wr_fieldset fieldset {
border: 1px solid #0055a5; }

.wr_fieldset legend {
margin: 0 10px 0 10px;
padding: 0 5px 0 5px;
color: #444444;
font-size: 14px;
font-weight: bold;
font-family: Arial, Helvetica, Verdana, sans-serif; }

.wr_fieldset_pad {
margin: 0;
padding: 8px; }

table {
	border-collapse: collapse;
}

tr.shaded td {
	background-color: #ddeeff;
	border: 1px solid #0055a5;
	
}

.quotebox {
	border: 1px solid #cccccc;
	padding: 10px 10px 10px 10px;
}

/* Floating boxes, good for photos with captions or similar */


div.floatl {
  float: left;
  }
  
div.floatl p {
   text-align: left;
   width: 265px;
   }

div.floatr {
  float: right;
  }
  
div.floatr p {
   text-align: center;
   width: 265px;
   }
   
#scrollbox {
width:400px;
height:300px;
overflow: auto
}

/* @end */


/* @group E-comm */

/* Styles for Mal's e-commerce tables currently in most of my Excel TDF masters; probably should revisit these on site-by-site basis */

.ptcol {border-bottom: 1px solid #000; text-align: center; font-size: 11px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

.ptfrm {border-bottom: 1px solid #cccccc; text-align: left; font-size: 11px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif;}

.pthdr1 .pthdr {font-size: 14px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}


/* @end */

/* @group Tables */

/* Applies global padding and paragraph styles to entire table. Normally used for forms or tabular data within the main layout table so you do not need to add paragraph or other styles to each td */

table.frm td {
	padding: 1px; 
	font-size: 11px;
	line-height: 15px;
	font-family: Verdana, Arial, Helvetica, Swiss, sans-serif;}
	
.tblborder {
	border: 1px solid #000000;
	border-collapse: collapse;
}

	
/* Add following as a table class="cellbkgrnd" for applying table cell backgrounds using tablestyle name="Alt Background By Style w/o formatting */

.cellbkgrnd {background-color: #cccccc;}

/* Adding bkground images to table cells or divs for announcement boxes or similar; commented out below until needed */

/* .bg1 {background: white url(images/divheader.gif) no-repeat top left; width: 236px; padding: 48px 10 10 10; border: 1px solid #548dab; border-collapse: collapse; text-align: left;} */

/* @end */