@charset "utf-8";
@import url(menu.css); 

/* CSS Document */

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {
	height: 100%;
	font-family:'Arial', Arial, sans-serif;
	font-size:100%;
	color: #fff;
	*text-align:center;
}

a:link, a:visited, a:active {color:#FFFF99;font-weight:bold;text-decoration:none;}
a:hover {color:#ff0000;}

/*content layout*/
#wrap { 
	position:relative;
	margin:0 auto;
	width:960px;
	background:transparent url('') no-repeat top center; 
	text-align:center;
}
	
#header { 
	position:relative;
	background:transparent url('') no-repeat top center;
	width:960px;
	height:184px;
	margin:0 auto;
	
}

#main {
	position:relative;
	margin:0 auto;
	width:960px;
	height:auto !important;
	background:url('../images/sidebarbkg.png') repeat-y top right;
	text-align:left;
	z-index:1;
	}  

/*Subpages - Logo Position*/

#top { width:100%; height:89px; background:transparent url('../images/top.png') no-repeat top center; }
#top p { text-align:left; padding-left:20px; }
#middle { position:relative; width:100%; height:auto !important; min-height:200px; *height:200px; background:transparent url('../images/middle.png') repeat-y top center; }
#middle .core { padding:0 40px; color:#fff; font-size:10pt; }
#middle .subtitle { color:#fff; font-weight:bold; font-size:12pt; }
#middle p { color:#fff; font-size:10pt; padding-bottom:10px; }
#middle ul { padding-left:50px;padding-bottom:10px; }

.training_form { position:relative;width:400px;height:auto;background:#fff;float:right;margin-left:40px;color:#000; border:2px solid #000; font-size:10pt;}
.training_form .label { padding-right:10px; }
.training_form .form input { width:200px;border:1px solid #000; }
.training_form p { color:#000; }

/*end layout*/

/*Header*/
#logo { }
#menu { text-align:center;  }
#logged_in { position:absolute; top:160px; right:20px; font-size:8pt; color:#fff; }
#logged_in p { color:#fff; }

/* Admin Log-in */
#admin { position:absolute; top:135px; left:770px; width:200px; height:40px; z-index:2000;}

/*Footer*/
#footer {
	clear:both;
	background:transparent url('../images/bottom.png') no-repeat top center;
	position: relative;
	margin:0 auto;
	width:960px;
	height: 60px;
	color:#fff;
	font-size:9pt;
	text-align:center;
	} 
	
#footer .mailing_list { position:absolute; width:250px; height:auto; top:25px; right:25px; font-size:9pt; }
#footer .mailing_list input { height:15px; line-height:15px; font-size:8pt; width:125px; }

#footer .footerbkg { width:100%; height:250px; position:absolute; z-index:1; top:0; left:0; }
	
#footer a:link, #footer a:visited {color:#FFFF99;}
#footer a:hover {color:#ff0000; font-weight:bold;}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/** PRODUCTS **/
.label { width:150px; margin-right:10px; }
.label, .form { padding-top:4px; }
.form input, .form textarea, .form select { width:300px; }

/** SLIDESHOW **/
#slideshow { position:relative; width:600px; height:400px; overflow:hidden; }
#slideshow img { position:absolute; top:0px; left:0px; z-index:8; }
#slideshow img.active { z-index:10; }
#slideshow img.last-active { z-index:9; }