body {margin:0; font: 12px Calisto MT, serif; color: #315443; line-height:18px; background:#AEB98D;}

#shell {width:900px; background:url(images/pageElements/bgd_shell.gif) 0 0 repeat-y; position:relative; }

#header {position:absolute; top:0; left:0; }

#sideElements { width:128px; float:right; }
	#sideElements img {border-bottom:2px solid #aeb98d; display:block;}

#pagePhoto {margin-top:-145px;}

#content {width:558px; margin-left:203px; padding-top:180px;}
	#content a {text-decoration:underline; color:#0042ff;}
	#content a:hover {color:#57b900 /*9bab79*/; text-decoration:none;}
	#content hr {height:1px; color:#315443; background:#315443; size:1px;}
	#content p, #content ol, #content ul, #content form {margin-top:2px; margin-bottom:13px; }
	#content table { font: 12px calisto MT, serif; color: #000; line-height:13px;}

#footer {width:752px; padding:18px 0 6px 20px; color:#697a36; font-size:10px; }
	#footer a { color:#697a36; text-decoration:none;}
	#footer a:hover { color:#fff; text-decoration:none;} 

#searchBox { position:absolute; top:4px; left:596px; color:#6a7a39; line-height:12px;}

/*GLOBALS */

h1 {color:#315443; font:bold 15px Calisto MT, serif; margin-bottom:1px; position:absolute; left:203px; top:145px;}
h3 {color:#315443; font:bold 15px Calisto MT, serif; margin-bottom:0px;}
h4 {color:#315443; font:bold 13px Calisto MT, serif; margin-bottom:0px;}
h5 {background:#a5a5a5; color:#fff; font:bold 16px calisto MT, serif; margin:20px 0 3px 0;  padding:2px 0 2px 6px;}
h6 {color:#85994a; font:bold 24px Edwardian Script; margin-bottom:1px; position:absolute; left:203px; top:150px; }

/* callouts on homepage */
#contactBoxes {position:absolute; top:500px; left:5px;}
	#contactBoxes img { float:left; border:0; margin-right:5px;}
	
	
/* specials styling and coupons */
#special {display:block; padding:20px 6px 20px 6px; background:#fff; border:2px #000 dashed; width:85%; margin:1px auto 10px 2px; text-align:center; }
#special h3 {color:#481508; font:bold 18px calisto MT, serif; margin:1px 0px 9px 0px; }
#special h4 {color:#7F8D6C; font:bold 22px calisto MT, serif; margin:1px 0px 9px 0px; }
#special h5 {color:#000; font:bold 18px calisto MT, serif; margin:1px 0px 9px 0px; }

	
/* STUFF */
#feature {margin:20px auto 20px auto;}

.right {margin:0px 0px 8px 9px; float:right;}
.left {margin:0px 9px 8px 0px; float:left;}

.photoright {padding:4px; background:#f2f4ed; border:1px solid #bcc3a9; float:right; margin:1px 0px 8px 9px;}
.photoleft{padding:4px; background:#f2f4ed; border:1px solid #bcc3a9; float:left; margin:1px 9px 8px 0px;}
.photo {padding:4px; background:#f2f4ed; border:1px solid #bcc3a9;}

.featureRight {border:7px solid #cdd7b8; padding:3px; float:right; margin:1px 0px 8px 9px;}
.featureLeft {border:7px solid #cdd7b8; padding:3px; float:left; margin:1px 9px 8px 0;}
.featureCenter {border:7px solid #cdd7b8; padding:3px; margin:7px auto 7px auto; }

.closewindow {float:right; padding:4px; background:#fff; border:1px solid #999; cursor:pointer; margin:0 0 8px 8px;}
.closewindow:hover { background:#ccc; color:#000;}

#altmenu { width:95%; margin:0 auto 20px auto; line-height:20px; font:bold 16px calisto MT, serif; color:#788654; padding:10px; background-color:#fff; border:1px solid #788654; text-align:center; }
#altmenu a {color:#788654; text-decoration:none;}
#altmenu a:hover {color:#b9c2a4; text-decoration:none;}

#faq li a {display:block; line-height:13px; margin-bottom:8px; _margin-bottom:0; text-decoration:none; color:#788654; font-weight:bold; font-size:13px;}
#faq li a:hover {text-decoration:none; color:#b9c2a4;}
.faqAnswer {width:90%; background-color:#f1f1f1; border:1px solid #788654; padding:8px; color:#000; margin-bottom:16px; line-height:16px; font-size:12px;}

#photolinks a img {border:3px solid #fff; }
#photolinks a:hover img {border:3px solid #b9c2a4; }

.showcase { background:#eceee7; border:2px solid #b9c2a4; padding:8px; width:90%; margin:0 auto 16px auto;}
.showcase p { margin:0;}


/* SIFR */
.sIFR-flash {visibility: visible !important; margin: 0; padding: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-active h1 {visibility: hidden; font-family: calisto MT, serif; line-height:30px; letter-spacing: -3px; color:#a6beb2; font-size:30px; width:550px; margin-top:0;}
.sIFR-active h2 {visibility: hidden; font-family: calisto MT, serif; line-height:22px; letter-spacing: -3px; color:#94b4a4; font-size:22px; margin-bottom:0px; margin-top:18px; }

/* FORM ELEMENTS */
.formText {font:11px calisto MT, serif;}
.validation-failed {color:#333; background-color:#FFE7E6; border:1px solid #f00;}
.validation-passed {color:#333; background-color:#D7ECD2; border:1px solid green;}
.validation-advice {display:inline; padding:1px; color:#420002; background-color:#FFE8E8; border:1px solid #CC0000;}
#userform {padding:4px; margin:4px; border:1px solid #666; }
#userform div {padding:4px; margin:6px 0 6px 4px;}

#contactForm {width:175px; margin:0 auto 0 auto}
.contactField {width:173px; color:#000; font:11px calisto MT, serif; background:#fff; border:1px solid #777; display:block; margin-bottom:3px; padding:2px 0 2px 3px;}
.hidden {display:none;}


/* LIGHTBOX */
#sbox-window embed, #sbox-window object, #sbox-window select {visibility:visible;}
#sbox-overlay {	position:absolute; background-color:#000;}
#sbox-window {position:absolute; background-color:#fff; text-align:left; overflow:visible; padding:10px; -moz-border-radius:3px;}
#sbox-btn-close {position:absolute; width:30px; height:30px; right:-16px; top:-16px; behavior:url(scripts/iepngfix.htc); background:url(images/pageElements/closebox.png); border:none; cursor:pointer;}
.sbox-loading #sbox-content {background-image:url(images/pageElements/spinner.gif); background-repeat:no-repeat; background-position:center; }
#sbox-content {clear:both; overflow:auto; height:100%; width:100%;}
.sbox-content-image#sbox-content{ overflow:visible;}
#sbox-image {display:block;}

/* =========================================================================
For any free or commercial usage please keep this credits text intact.
Author : Femi Hasani www.vision.to ,test idea and CSS code.
The original version of this stylesheet and the associated (x)html
is available at http://www.vision.to/simple-css-one-level-flyout-menu.php
A link to www.vision.to would be apperciated but not mandatory.
=============================================================================== */
#navigation ul#nav { position:absolute; margin-top:auto; top:170px; left:-32px; z-index:95; font:12px Arial, Tahoma, Helvetica, serif; color:#fff;}
#navigation ul#nav li {
    list-style:none;
	position: relative;
	/*float: left;*/  /* commented for flyout use else dropdown*/
	text-align: center;
	line-height: .8em;
    width:177px;
}
#navigation ul#nav li a {
	display: block;
	padding: 9px 8px;
	color: #e5ff95;
	text-decoration: none;
   /*	border-right: 1px solid #ccc;  */
	text-align: left;
    background:#000;
	background:url(images/pageElements/bgd_menuItem.jpg) 0 0 repeat-x;
}
#navigation ul#nav li a span {
	padding: 0 15px 0 10px;
   /*	background: url(arrow.gif) no-repeat 100% 50%;  optional */
}
#navigation ul#nav  li ul {
    display: block;
    position: absolute;
/* hidding submenus based on: http://css-class.com/articles/ursidae/  */
    left: -999em;/* this makes it more accessible than display:none; */
    width: 162px;
    padding: 3px 8px 3px 8px;
}
#navigation ul#nav  li:hover ul,
#navigation ul#nav  li.over ul {
    position: absolute;
	z-index: 4000;
	margin-left:auto;
	display: block;
    left: 176px;  /* the postion near main menu */
    top: 0;       /* align with top of main menu */
    width: 160px;		
	background-color:#254411;
	border:2px solid #dcf594;
	padding:1px;
}
#navigation ul#nav  li ul li {
    width: 160px;
    height: auto;
    background: transparent;
    text-indent: 0;
	padding:1px 1px;
	color:#e5ff95;
}
#navigation ul#nav  li:hover ul li a,
#navigation ul#nav  li.over ul li a {
    display: block;
    width: 146px;/*this is to adjust if used some background image for dropdown */
    background: transparent;
    padding: 10px 6px;
    text-decoration: none;
    margin: 0;
    color: #eee;
	line-height:3px;
    text-indent: 0;
    text-align: left;
    white-space: nowrap;
	background:url(images/pageElements/bgd_menuItem.jpg) 0 0 repeat-x;
	color:#e5ff95;
}

#navigation ul#nav li ul li a:hover {
    color: #000;
	background: #a6b871;
}

#navigation ul#nav li.active a,
#navigation ul#nav li a:hover,
#navigation ul#nav li:hover a,
#navigation ul#nav li.over a {
	color:#000;
	background-image:url(images/pageElements/bgd_menuItem_on.jpg);
	background-repeat:repeat-x;
}