@charset "iso-8859-1";

/* ----------------------------------------------------------
	Stylesheet for P.J. Harrigan's 
	Date: 11/22/2009
	Author: Blue Banana Designs
	Contact: updates@bluebanana.net
----------------------------------------------------------- */

/* NORMALIZE ELEMENTS
*******************************/
/* Normalize margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, a, blockquote, th, td
{ margin: 0; padding: 0; }

/* Normalize font-size for headers */
h1, h2, h3, h4, h5, h6 
{ font-size: 100%; }

/* Normalize font-style and font-weight */
address, caption, cite, code, dfn, var 
{ font-style: normal; font-weight: normal; }

/* Normalize tables */
table 
{ border-collapse: collapse; border-spacing: 0; }

/* Remove border from fieldset and img */
fieldset, img 
{ border: 0; }

/* Left-align text in caption and th */
caption, th 
{ text-align: left; }

a img, img a 
{ border:none; }


/* COLOR PALETTE
*******************************/
/*
Yellow Lt 	#ffe644

Green Med		#157460
Green Dk		#014337 
Green V Dk	#012720

*/

/* BODY ELEMENT
*************************************/
body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:100%;
line-height:120%;	
background-image:url(../assets/images/global/body-bgd.png);
background-position:0px 0px;
background-repeat:repeat-x;
background-color:#014337;	
color:#fff;
margin:0 auto;
text-align:center;
}


/*	PAGE LAYOUT
****************************************/
#page-wrapper {
width:960px;
margin:0 auto;
position:relative;

/*background-color:#fff;
color:#000;*/

background-image: url(/assets/images/global/page-bgd-mid-green.png);
background-position:top center;
background-repeat: repeat-y;
}

/* ----- Branding ----- */
#masthead {
position:relative;
width:960px;
height:140px;
margin:0 auto;
padding-top:10px;
	background-image:url(/assets/images/masthead/masthead-bgd.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#masthead h1 a {
	width:340px;
	height:124px;
	position:absolute;
	top:16px;
	left: 311px;
	background-color:transparent;
	border-bottom:none;
}
#masthead p#masthead-phone {
position:absolute;
top:35px;
left:140px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
color:#ffe644;
background-color:#157460;
}
#masthead ul#masthead-hours-location {
position:absolute;
top:35px;
right:140px;
}
#masthead ul#masthead-hours-location li {
display:inline;
padding-right:1em;
}
#masthead ul#masthead-hours-location li a,
#masthead ul#masthead-hours-location li a:link,
#masthead ul#masthead-hours-location li a:visited {
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
color:#ffe644;
background-color:#157460;
border-bottom:none;
}
#masthead ul#masthead-hours-location li a:hover {
border-bottom:2px solid #ffe644;
}
#masthead ul#masthead-hours-location li.last-link {
padding-right:0em;
}

#masthead div#order-online {
width:160px;
height:46px;
position: absolute;
top:85px;
left:112px;
}
#masthead div#order-online a {
background-color:transparent;
border-bottom:none;
}
#masthead div#join-our-eclub {
width:160px;
height:46px;
position: absolute;
top:85px;
right:112px;
}
#masthead div#join-our-eclub a {
background-color:transparent;
border-bottom:none;
}


#content-wrapper {
width:960px;
position:relative;

}
/*
#main-column {
	float:right;
	width:570px;
	margin-bottom:20px;
}
*/
#content {
padding:0px 100px 30px 100px;
margin:0;
text-align:left;
}

#page-title {
padding:10px 0 0 0;
margin:0;
border-top:1px solid #ffe644;
}

#footer {
clear:both;
width:960px;
padding:0;
margin:0 auto;
}

/* NAVIGATION
**********************************/

/* Level 1 */
#navigation ul {
margin:0 0 0 10px;
padding:0 0 0 0;
	list-style:none;
}
#navigation ul li {
padding:0;
margin: 0 0 0 -10px;
border-top:1px solid #a9daaf;
}
#navigation ul li.last-nav {
	border-bottom:1px solid #a9daaf;
}
#navigation ul li a,
#navigation ul li a:link,
#navigation ul li a:visited {
display:block;
	color:#154f77;
	background-color:#fff;
	font-family: arial, helvetica, sans-serif;
	font-size:.875em;
	font-weight:bold;
	line-height:normal; /* KLUDGE: IE6 extra space at bottom */
	text-decoration: none;
	padding:2px 5px 3px 10px;
	width:155px;
	margin-right:0;
}

#navigation ul li a:hover {
color:#000;
	background-color:#aadab0;
}
#navigation ul li a.selected-nav {
	background-image: url(/assets/images/navs/selectedGlyph_lvl_1.gif);
background-position: left center;
background-repeat:no-repeat;
}


/* TYPOGRAPHY 
*******************************/
/* 
Some font sizes are based on the typical browser default size of 16px.
Formula: target pixel size divided by browser default size = em size 
Example: 13px / 16px = .8125em

Others are determined by visual comparison.
*/

h1 { /* Reserved for branding (See Masthead for declarations) */ }

/* Page Title */
h2 {
font-family:"trebuchet ms", arial, helvetica, sans-serif;
font-size:1.875em; /* 30/16=1.875em */
font-weight:normal;
line-height:1em;
margin-bottom:.1em;
color:#fff;
background:#157460;
text-align:left;
}
h2 span.subtitle {
color:#ffe745;
background:#157460;
}
h3 {
font-family:"trebuchet ms", arial, helvetica, sans-serif;
font-size:1.75em;/* 28/16=1.75 */
font-weight:normal;
line-height:1em;	
margin:1.5em 0 .7em;
color:#ffe745;
	background:#157460;	
}
h4 {
font-family: "trebuchet ms", arial,helvetica,sans-serif;
font-size: 1.5em;/* 24/16=1.5em */
font-weight:normal;
line-height:1em;
margin:1.5em 0 .7em;
color:#fff;
background:#157460;
}
h5 {
font-family:"trebuchet ms", arial,helvetica,sans-serif;
font-size: 1.3em;
font-weight:normal;
line-height:1em;
margin: 1.5em 0 .875em;
color:#fff;
background:#157460;
}
h6 {
font-family:"trebuchet ms", arial,helvetica,sans-serif;
font-size: 1.1em;
font-weight:normal;
line-height:1em;
margin: 1.5em 0 .875em;
color:#fff;
background:#157460;
}
p, ul, ol, dl, blockquote, pre, table, code {
	font-size:.875em;	/* 14/16=.875 */
}
p {
	margin:1em 0; 	
}
p.first-paragraph:first-letter {
	float: left;
	font-size: 6em;
	line-height: 90%; /* KLUDGE: Opera, Safari */
	color: #ffe741;
	font-family: "Lucida Sans Unicode", "trebuchet ms", arial, helvetica, sans-serif;
	padding: 0;
	margin: 0 .2em 0 0;
}

blockquote {
	margin: 1em 1em .875em 1em;
}
blockquote p
{
	font-size:1em; /* Prevents compounding reduction due to inheritance */
}
ul {
	margin:1em 0 1em 2em;
}
ol {
	margin:1em 0 1em 2.5em;
}
li {
	margin:.5em 0;
}
dl {
	margin:1em 0 1em 1em;
}
dt {
	font-weight:bold;
	color:#fff;
	margin: 1em 0 .5em 0;
}
dd {
	margin:0em 0 .5em 0;
}
dd.link-to-top-dd  {
	text-align: right;
}
dl.horizontal-list dt,
dl.horizontal-list dd {
	margin:0;
	padding:0;
}
dl.horizontal-list dt {
	float:left;
}
dl.horizontal-list dd {
	text-indent:.5em;
	padding-bottom:.5em;
}
dl dl dt {
color:#fff;
}

ul.horizontal-list li {
list-style:none;
display:inline;
padding-right:1em;
}

ul ul,
ul ul ul,
ul dl,
ul p,
ul ol,
ol ol,
ol ol ol,
ol dl,
ol p,
ol ul,
dl dl,
dl dl dl,
dl ol,
dl ul,
dl p,
dl dl ol,
dl dl ul,
dl ol p,
dl ul p
{
	font-size:1em; /* Prevents compounding reduction due to inheritance */
}
a {
	color:#ffe644;
	background:#157460;
	text-decoration:none;
	border-bottom:1px dashed #ffe644;
}
a:link {
	color:#ffe644;
	background:#157460;
}
a:visited {
	color:#ffe644;
	background:#157460;
}
a:hover {
	color:#ffe644;
	background:#157460;
	border-bottom:1px solid #ffe644;
}
a:active {
	color:#000;
	background:#157460;
}

small {
	font-size: .7em;
}
sup {
	vertical-align:text-top;
	font-size:.7em;
	padding-left:.2em;
}
.error,
.attention,
.required {
	color:#f00;
	background:#fff;
}

hr {
	height:1px;
	border-width:0 0 1px 0;
	border-color:#ffe644;
	border-style:solid;
}

/* FORMS
*********************************************************/
form {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding:2em;
	border:1px solid #ccc;
	background:#fff;
	color:#000;
	margin-top:20px;
}

fieldset {
	border:1px solid #ccc;
	margin:20px 0;
	padding:0 2em 2em;
	background:#fff;
	color:#000;
}
legend {
font-size:.875em;
	padding:.2em 1em;
	border:1px solid #389344;
	font-weight:bold;
	background:#e9f5eb;
	color:#389344;
	margin-bottom:1em;
}
fieldset fieldset legend {
	background:#e9f5eb;
	color: #389344;
}
textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
}
form h4 {
padding-top:0;
margin-top:0;
	background-color:#fff;
	color:#a24500;
}
form table td {
padding:5px;
vertical-align:top;
}
form table td.col_1 {
text-align:right;
}
form tr.new-group td {
	border-top:1px solid #ccc;
	padding-top:10px;
}

form ul {
	margin:0 0 8px 0px;
	padding:0;
}
form ul li {
	list-style: none;
}

/* TABLES
*****************************************/
table {
	margin:1em 0;
}
th {
	padding:5px;
	vertical-align:bottom;
	border-bottom:1px solid #000;
}
td {
	padding:5px;
	vertical-align:top;
	border-bottom:1px solid #666;
}
td.align-right {
text-align:right;
}

th.align-right {
text-align:right;
}

/* PHOTOGRAPHS
**********************************/
.photo {
	border:1px solid #000;
}
div.captioned-photo img {
	border:1px solid #000;
}
div.captioned-photo .caption {
	font-size:.8em;
	margin:0;
	padding:0;
}
.photo-float-right {
	border:1px solid #000;
	float:right;
	margin:5px 0 15px 10px;
}
.photo-float-left {
	border:1px solid #000;
	float:left;
	margin:5px 10px 15px 0;
}


/* PAGE BOTTOM
**************************************/
#page-bottom {
clear:both;
width:960px;
height:64px;
font-size: .8em;
background-image:url(/assets/images/global/page-bgd-btm-green.png);
	background-position: bottom center;
	background-repeat: no-repeat;
}
#page-bottom hr {
width:760px;
}

#page-bottom div#links ul {
padding:10px 0 0px;
margin:10px auto 0px;
}
#page-bottom div#links ul li {
	list-style:none;
	display:inline;
}
#page-bottom div#links ul li a,
#page-bottom div#links ul li a:link,
#page-bottom div#links ul li a:visited {
height:auto;
	color:#fff;
	background:#157460;
	font-weight:bold;
	margin:0px;
	padding:.3em .5em;
	border-bottom:none;
}
#page-bottom div#links ul li a:hover  {
	border-bottom:1px solid #fff;;
}


/* FOOTER
*****************************/
#footer {
margin-top:20px;
font-size: .8em;
}
#footer div#legal-info {

}
#footer div#developer-info p a {
	color:#ffe644;
	background-color:transparent;
	border-bottom:none;
}
#footer div#developer-info p a:hover {
	color:#ffe644;
	background-color:transparent;
	border-bottom:1px solid #ffe644;
}

#footer div#facebook-link p a {
	color:#ffe644;
	background-color:transparent;
	border-bottom:none;
}

#footer div#facebook-link p a:hover {
	color:#ffe644;
	background-color:transparent;
	border-bottom:1px solid #ffe644;
}


/* MISC. STYLES
**************************************/
.float-right {
	float:right;
	margin:5px 0 20px 20px;
}
.float-left {
	float:left;
	margin:5px 20px 20px 0;
}