/* CSS Document */

/**	100% height layout with header and footer
	Feel free to copy/use/change/improve
**/
 
/**************************************************************/
/******** Color & Width breakouts *****************/
	html, body {cursor: default;}	
	html,body,div#preMasthead, div#footer {background-color: #000;}
	div#container {
		background: #fff;}
	div#container,div#preMasthead, div#footer {width: 750px;}	/*** Sets Master width */
	div#header {background-color: transparent;}
	#sideNav {
		width: 130px;
		background-color: transparent;}
	#contentBody {background-color: transparent;}
	/*div#footer {background-color: #cccc99;}*/
/*******************************/

html,body, body form {	/***must include 'form' to account for aspx pages */
	margin: 0px;
	padding: 0px;
	height: 100%; /* needed for container min-height */
		/*background: #000;		/*******handled at top */
	}
form.PayPal {height: 0px;}

/**********************************************/
div#container {
	position: relative; /* needed for footer positioning*/
	margin: 0px auto; /* center, not in IE5 */
	/*width: 750px;			/*******handled at top */
	/*background: #fff;		/*******handled at top */
	
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treated as min-height*/
	min-height: 100%; /* real browsers */
	
	border-left: none; /*1px solid #333;*/
	border-right: none; /*1px solid #333;*/
}

div#header {
	/*height: 75px;*/
	padding: 0px;
	padding-top: 0px;
	border-bottom: 0px solid #333;
		border: 0px solid #333;
	margin-left: -5px;
	margin-right: -5px;
	vertical-align: middle;
	text-align: center;
	background-color: #000;
}

div#preMastheadLeft {
	display: inline;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 2px 0px;
	margin: 2px 0px;
	float: none;
	color: #ff3;}
	div#preMastheadLeft a {color: #ff3;}
	div#preMastheadLeft a:hover {color: #ff9;}
div#preMasthead {
	color: #fff;		
	margin: 0px;
	padding: 2px 5px;}
div#preMasthead, div#preMastheadLeft {
	height: auto;
	/*display: none;*/	display: inherit;	/* set visibility (in case you don't want to see it) */
	text-align: right;
	vertical-align: middle;
	border: none;
	font-size: 11px;}

div#masthead {
	height: 105px;
	margin: 0px;
	margin-left: -5px;
	margin-right: -5px;
	background-color: #6699ff;
	background: url(/images/header_php4.gif) no-repeat top center;}
	
div#content {
	padding: 0px 0px 161px 0px; /* bottom padding for footer (Needs to be #footer height + 20) */
	height: 100%;
	min-height: 430px;
	border-top: 0px solid #333;		/* adds border to top if no border on header */
}
	div#content p {
		text-align: justify;
		padding: 0 1em;
	}

div#footer {
	height: 141px;
	position: absolute;
	width: 100%;
	bottom: 0; /* stick to bottom */
	/*background-color: #cccc99;	/*******handled at top */
	padding: 0px 0px 12px 0px;
	margin: 0px;
		/*margin: 0px 2px 0px -1px;		/*to accomodate for lt & rt borders */
	border-top: none /*1px solid #000*/;
		border-left: none/*1px solid #fff*/;
		border-right: none/*1px solid #fff*/;
	text-align: center;
	vertical-align: middle;
}
	div#footerInner {
		padding: 0px;
		margin: 0px;}

#sideNav {
	float: left;
	/*width: 130px;						/*******handled at top */
	/*background-color: transparent;	/*******handled at top */
	text-align: center;
	min-height: 500px;					/* Used to prevent footer overlap when window height reduced */
	/*border-right: 1px dashed #999;*/
		border: none;}

#contentBody {
	/*background-color: transparent;	/*******handled at top */
	padding: 4px 12px;
	margin-left: 130px;	/* to accomodate for the Side Nav width so body text doesn't run under side nav div */
	}

div#sideNavIcons {
	float: left;
	margin: -145px 0px 0px 0px;		/** negative margin to take it outside footer div */
	padding: 4px 10px;
	width: auto;
	height: auto;
	border: 0px solid orange;}
	
	div#sideNavIcons div {
		position: relative;
		top: 0px;
		left: 0px;
		text-align: left;
		padding: 2px 0px; border: none;}



#PayPal, #addToCartBtn form {position: relative; height: 20px; width: 50px;}
#addToCartBtn form {}
/**************************************************************/
/** Additional styles to handle various layouts **/
#footerSub, #footerReflect {text-align: center; color: #000;}
#footerSub {
	height: 65px; 
	margin: 0px; 
	padding: 0px;
	vertical-align: bottom;
	background: #000 url(../images/bkg_footer.gif) no-repeat bottom center;}
	
#footerReflect {
	height: 76px;
	margin: 0px;
	padding: 0px; 
	background: #000 url(../images/footer_reflect.gif) no-repeat top center;}

/*******************************/