/*
Syntax1: @import "[URL]" ([media] ("," [media])+ )? ";"
Syntax2: @import url("[URL]") ([media] ("," [media])+ )? ";" 
*/
@import "reset.css"; /*resets browser styles */
@import "topNavigation.css";
@import "form.css";
@import "global.css";
@import "alertMsg.css";
@import "IE6BlockMsg.css";


@import "PrintStyle.css" print;	/* use this style for print only */


#hidden,
.hidden{display:none;}

div#mainPage {
	width: 965px;
	margin: auto;
	margin-bottom: 10px;
	padding: 0;
	position: relative;
	border-collapse: collapse;
}
div#mainPage div#midContent {
	margin-left: -10px;
	margin-top: 15px;
	padding: 10px;
	border: 1px solid #000;
	position: relative;
	border-collapse: collapse;
	background: #fff;
}

/* div used to assist in debuging javascript */
#history {
	position: absolute;
	top: 0;
	display: none;
	left: -99999999px;
	border: 1px solid #333;
	z-index: 20;
}
/* Page body */
#PageBody {
	position:relative;
	padding: 0;
	min-height: 500px;
	z-index: 1;
}
#PageBody .BodyContent {
	padding: 0;
	margin: 0;
	clear:none;
}
#PageBody div.leftPageBody {
	width: 210px;
	float: left;
}
#PageBody div.leftPageBody img {
	border: 1px solid #ccc;
	width: auto;
	margin: 10px;
	margin-left: 0;
}
#PageBody div.rightPageBody {
	width: 455px;
	float: left;
}

div#SideNav {
	margin-top:10px;
}

div#SideNav + div#PageBody{
	margin-left: 273px;
}

#breadCrumb {
	margin-top: -8px;
	margin-bottom: 10px;
	padding: 0;
	font: 400 8pt tahoma;
	color: #06c;
	text-transform: capitalize;
}
#breadCrumb li, #breadCrumb a {
	margin: 0;
	padding: 0;
	font: 400 8pt tahoma;
}
#breadCrumb li {
	display: inline;
	color: #06c;
}
#breadCrumb a {
	text-decoration: underline;
	color: #333;
}
#breadCrumb a:hover {
	text-decoration: none;
	color: #06c;
}


/* PAGE FOOTER */
#PageFooter {
	position: relative;
	z-index: 10;
	clear: both;
	border-top: 1px solid #000;
	padding-top: 20px;
	margin: 20px 0;
}
#PageFooter ul {
	position: relative;
	z-index: 10;
	float: left;
	width: 150px;
	margin: 0;
	padding: 0;
}
#PageFooter li {
	line-height: 1.5em;
}
#PageFooter .imgLink {
	float: right;
}
#PageFooter p {
	margin: 0;
	padding: 0;
	padding-bottom: 0;
	padding-right: 0;
	font: 400 8pt helvetica, arial, tahoma, verdana, sans-serif;

}
#PageFooter .copywrite {
	position: relative;
	clear: both;
	padding: 2px 0 10px 140px;
}
#PageFooter .copywrite img {
	position: absolute;
	top: 0;
	left: 0;
}
#PageFooter a:active, #PageFooter a:link, #PageFooter a:visited {
	color: #000;
	text-decoration: none;
	font: 11px Arial;
}
#PageFooter a:hover {
	text-decoration: underline;
}



/* SIDE TABS */
#faq{

background: url(../images/faq.png) no-repeat; /* Path to Image */

left:1px;  /* change this to left: 1px; to put it on the left of the screen */

top:275px;height:78px;width:124px;margin:0;padding:0;position:fixed;z-index:5000;}

#faq a{display:block;width:100%;height:100%;}

#fbtab{

background: url(../images/facebook-256.png) no-repeat; /* Path to Image */

left:1px;  /* change this to left: 1px; to put it on the left of the screen */

top:360px;height:62px;width:62px;margin:0;padding:0;position:fixed;z-index:5000;}

#fbtab a{display:block;width:100%;height:100%;}

#twtab{

background: url(../images/twitter-logo.png) no-repeat; /* Path to Image */

left:1px;  /* change this to left: 1px; to put it on the left of the screen */

top:422px;height:62px;width:62px;margin:0;padding:0;position:fixed;z-index:5000;}

#twtab a{display:block;width:100%;height:100%;}