/* RESETS ------------------------------------------ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size:1em; vertical-align: baseline; background:none; quotes: none; list-style:none;
	}

/* GLOBALS ----------------------------------------- */
body {background: #009900 url(../images/pageElements/bgd_page.jpg); color: #000; font: normal normal normal 11px/1.2 verdana, arial, helvetica, geneva, sans-serif; }

h1, h2, h3, h4, h5 { color: #53400f; font: bold 20px/100% Arial, Helvetica, sans-serif;	margin-top:20px; }
	
h1 { margin-top:0px; color:#000000; font-size:24px; }
h2 {left:0px;

}
h3 { font-size:1.3em; }
h4 { font-size:1.2em; }
h5 { font-size:1.2em; color:#000;}

a {color:#0b6e2a; text-decoration:none; outline:none; }
a:hover {color:#4fb36e;}
a img {	background:none; border:none;}


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

#container { display:block; background:url(../images/pageElements/bgd_container.jpg) 0 0 no-repeat; min-height:622px;}

#flashHeader { display:block; height:394px; }

.pagePhoto { float:right; margin:2px 0 15px 15px; border:3px solid #baa272; }

#leftBar { float:left; width:184px; padding-left:60px; padding-bottom:1px;}
	#leftBar .title { border-bottom:2px solid #53400f; text-align:center; display:block; margin:0 auto 12px; width:90%;}
	#leftBar h2 { margin:0;}

#content { width:516px; margin-left:302px; padding-bottom:15px; }
	#content p, #content ul, #content ol, #content dl, #content blockquote {margin-top:3px; margin-bottom:15px;}
	#content ul, #content ol { margin-left:25px; }
	#content ul li {list-style-type:square;}
	#content ol li {list-style-type:decimal;}
	#content a { text-decoration:underline;}
	#content a:hover { text-decoration:none;}
		
#footer { width:524px; height:69px; margin:0 auto; position:relative; color:#999; text-align:center; padding:0 83px 0 293px; font-size:0.8em; line-height:1.2; background:url(../images/pageElements/bgd_footer.jpg) 0 0 no-repeat; }
	#footer a {color:#999; }
	#footer a:hover {color:#000; text-decoration:underline; }


/* SUBMENU ------------------------------------------- */
ul.subMenu { width:184px; list-style:none; margin:0; }
	.subMenu li {display:block; width:99%; margin:0;}
	.subMenu li a { display:block; padding:6px 36px 0 0; height:22px; text-align:right; color:#6d5519; font:bold 1.2em/1.05 Arial, Helvetica, sans-serif; text-decoration:none; background: url('../images/pageElements/theDot.png') 88% 50% no-repeat !important; }
	.subMenu li a:hover {color:#000; text-decoration:underline; }


/* VARIOUS FORMATTING -------------------------------- */
#content .altmenu {width:95%; background-color:#fff; border:2px solid #6d5519; padding:8px 8px 8px 8px; font:bold 1.1em/180% Arial, Helvetica, verdana, sans-serif; color:#6d5519; text-align:center; margin:15px auto 15px auto;}
#content .altmenu a { color:#6d5519; text-decoration:none;}
#content .altmenu a:hover {color:#d5ba77; text-decoration:none;}

#content .showcase { padding:5px; background:#eee; border:1px solid #bbb;}

.callout {float:left; margin-right:14px;}

	/* form elements */
.validation-failed {color:#003366; background-color:#FFE7E6; border: 1px solid #f00; }
.validation-passed {color:#003366; background-color:#D7ECD2; border: 1px solid green;}
.validation-advice {display:inline; padding: 2px; color:#420002; background-color:#FFE8E8; border:1px solid #CC0000;}

.table { line-height:1; }
.table td { padding:4px;}
.table textarea { width:290px; height:60px;}


/* REUSABLE CLASSES ---------------------------------- */
.left {float:left; margin:0 10px 10px 0;}
.right {float:right; margin:0 0 10px 10px;}
.center { margin:12px auto;}
.clear {clear:both;}
.photo {padding:3px; border:1px solid #000; }
.photoright {float:right; padding:3px; border:1px solid #000; margin:0 0 10px 12px;}
.photoleft {float:left; padding:3px; border:1px solid #000; margin:0 12px 10px 0;}
.feature {padding:3px; border:5px solid #c6b98b;}
#content .question { color:#ffddad; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
#content .answer { margin-bottom:15px; padding:5px; border:1px solid #000; background:#f5e1da; color:#000; width:90%;}


/* SIFR ---------------------------------------------- */
.sIFR-flash {visibility: visible !important; margin: 0; padding: 0;}
.sIFR-replaced {visibility: visible !important; }
.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}
.sIFR-active h1 {visibility: hidden; font:normal normal normal 24px/100% Arial, Helvetica, sans-serif; color:#000000; }
.sIFR-active h2 {visibility: hidden; font:normal normal normal 20px/100% Arial, Helvetica, sans-serif;  }