/*== Developed By: Ryan H ===========*/

/*   Globals
=====================================*/
*{margin:0px; padding:0px;}
 
p, ul, h1, h2, h3, h4, h5, img {margin-bottom:10px;}
ul, ol {margin-left:1em; padding-left:1em;}
li {line-height:1.5em;}

a {color:#92B541; text-decoration:none; font-weight:bold;}
a:hover {color:#C6E182; text-decoration:none;}
a img {border:none;}

/*  IE uses font-size, Mozilla uses line-height  */
.sIFR-active h1 {font-size:20px; line-height:20px; visibility:hidden;}
h1 {position:absolute; top:178px; left:50px; width:600px;}
#featurePage h1 {position:absolute; top:178px; left:50px;}


/*   Body and Wrappers
=====================================*/
body {
	background:#000 url(images/layout/bg.jpg) 0 0 repeat-x;
	font:72%/1.5em Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}
#shell {
	background:url(images/layout/bodyBG.jpg) 0 0 repeat-y;
	margin:0px auto;
	position:relative;
	overflow:hidden;
	width:850px;
}
#container {
	background:url(images/layout/headBG2.jpg) 0 0 no-repeat;
	position:relative;
	overflow:hidden;
	width:100%;
}



/*   Content Styles
=====================================*/
#content {
	clear:both;
	padding:50px 0 25px 0;
	margin-left:50px;
	width:595px;
	min-height:255px;
	_height:255px; /* for IE6 */
}
#home #content {
	clear:both;
	padding:35px 0 0 0;
	margin-left:32px;
	width:575px;
	min-height:255px;
	_height:255px; /* for IE6 */
}
#contentSpace {
height:35px;
}
#pagePhoto {
	border:2px solid #9A96C9;
	margin:0 0 5px 15px;
	float:right; display:block;
}
#featurePage #pagePhoto {display:none;}

h2 {font-size:15px; font-weight:bold;}
h3 {font-size:115%; font-weight:bold;}

/*   Footer Styles
=====================================*/
#footer {
	background:#000 url(images/layout/footBG.jpg) 0 0 no-repeat;
	font:normal 10px/1.3em Verdana, Arial, Helvetica, sans-serif;
	margin:0px auto;
	width:100%;
	height:95px;
	clear:both;
}
#footSpace{height:75px;}
#foot_info {
	color:#ccc;
	margin:0px auto;
	text-align:center;
	line-height:1.5em;
	letter-spacing:-1px;
}
#foot_info a {color:#ccc; font-weight:normal;}
#foot_info a:hover {color:#8581B3;}



/*   Navigation Styles
=====================================*/
#nav {
	position:absolute; top:132px; left:-10px; z-index:90;
	padding-left:0px; width:100%;
}
#nav li {
	position:relative;
	list-style:none;
	cursor:pointer;
	margin:0px;
	float:left;
}
#nav li a {
	font:bold 11px "Century Gothic", Arial, Helvetica, sans-serif;
	text-decoration:none; text-transform:uppercase;
	line-height:26px; letter-spacing:0px;
	display:block;
	padding:0px 8px;
	color:#fff;
}
#nav li a:hover {
	background:#333; border-bottom:0px solid #4C4C4C;
	color:#fff;
}
.menuSubs {
	position:absolute; bottom:20px; left:0px; z-index:100;
	background:#333; border:1px solid #66CC66;
	padding-left:0px; width:175px; display:none;
}
#nav li ul li {
	background-image:none;
	width:100%;
	float:left;
	clear:both;
}
#nav li ul li a {
	font:bold 11px Arial, Helvetica, sans-serif;
	line-height:17px; text-align:center; text-transform:none;
	padding:0px; width:100%; letter-spacing:normal;
	color:#fff;
}
#nav li ul li a:hover {
	background:#444; border:none;
	color:#fff;
}
#login a{
	background:url(images/blank.gif) 0 0 repeat;
	position:absolute; top:175px; right:7px; display:block;
	width:170px; height:40px; border:1px solid #C6E182;
}
#login a:hover{
	border:1px solid #fff;
}



/*   Individual Pages
=====================================*/
.staffBlock {
	padding-top:10px; margin-bottom:10px;
	min-height:225px; _height:225px;
	border-top:1px solid #ddd;
}
.staffBlock img {
	margin:0px 9px 8px 0px;
	float:left;
}

#faq {list-style:none;}
.question {
	margin:0px 0px 5px 0px;
	cursor:pointer;
}
.faqAnswer {
	border-top:1px dashed #999;
	border-bottom:1px dashed #999;
	margin:5px 0px 10px 5px;
	padding:8px;
	width:90%;
}




/*   Forms Styles
=====================================*/
form {padding:0;margin:0;}
.text  {border:1px solid #666; width:200px;}
.error {border:1px solid #f00;background-color:#ffe0e0;}
.req {color:#999;font-size:10px;margin-left:5px;}
.req2 {color:#f00;font-weight:bold;margin-left:5px;}
.formText {text-align:right; padding-right:15px; width:33%; line-height:14px; padding-bottom:10px;}



/*   sIFR3 Styles
=====================================*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}
.sIFR-unloading .sIFR-flash {
	visibility: hidden !important;
}
.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
	margin:0; /* may not be needed */
	padding:0; /* may not be needed */
}
.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
	margin: 0pt; 
	padding: 0pt; 
	overflow: auto; 
	letter-spacing: 0px; 
	float: none;
}
.sIFR-dummy { 
	width: 0px;
	height: 0px;
	margin-left: 42px;
	z-index: 0;
}


/*   Standard Image/Feature Styles
=====================================*/
#feature {margin:30px auto 20px auto;}
.caption {font-style:italic; color:#666;}
.right {margin:0px 0px 4px 9px; float:right;}
.left {margin:0px 9px 4px 0px; float:left;}
.photoright {border:2px solid #9A96C9; float:right; margin:1px 0px 5px 9px;}
.photoleft {border:2px solid #9A96C9; float:left; margin:1px 9px 5px 0px;}
.photo {border:2px solid #9A96C9;}
.featureRight {border:3px solid #9A96C9; padding:2px; float:right; margin:0 0 8px 8px;}
.featureCenter {border:3px solid #9A96C9; padding:2px; margin:7px auto 7px auto; }


/*   Form Validation Styles
=====================================*/
#validationmsg {color:#990000;}
#validationmsg h4{color:#ff0000;}
.errmsg {display:none;}
.notvalid {border-color:#ff0000; background:#FF8080;}