/*

CSS Stylesheet by Mars
This file contains the site element structure, it's purely for layout and not presentation

*/

/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 
html>body #siteWrapper
{
	height: auto;

} /*for mozilla as IE treats height as min-height anyway*/


* {
	margin: 0;
	padding: 0;
	}

#siteWrapper {
	width: 740px;
	margin: 0 auto;
	padding: 0;

	/* Footer Clearing Code */
	
	height: auto;
	margin-bottom: -70px;
	height: 100%;
	min-height: 100%;
	
	}
	
	#blockHeader {
		display: block;
		width: 740px;
		height: 328px;
		top: 0;
		left: 0;
		background-color: transparent;
		clear: both;
		}
		
		#headerImage {
			display: block;
			width: 715px;
			height: 237px;
			position: relative;
			top: 21px;
			left: 13px;
			clear: both;
			}
			
		#headerHome {
			display: block;
			width: 375px;
			height: 46px;
			position: relative;
			top: 14px;
			left: 20px;
			zvisibility: hidden;
			}
			
		#headerNav {
			display: block;
			width: 714px;
			height: 20px;
			position: relative;
			top: 17px;
			left: 13px;
			background: 476px bottom no-repeat url(../images/phrase_temp.png) transparent;
			z-index: 10;
			}					
			
	#blockBody {
		position: relative;
		width: 740px;
		height: auto;
		top: 0;
		left: 0;
		}
		
		#bodyContent {
			position: relative;
			width: 723px;
			top: 0px;
			left: 9px;
			background: white center top repeat-y url(../images/bodycontent_mid.png);
			margin-bottom: 4px;
			}
			
			.contentLeftCol {
				float: left;
				display: block;
				width: 408px;
				padding-left: 11px;
				}
				
			.contentRightCol {
				float: right;
				display: block;
				width: 287px;
				padding-right: 11px;
				}
				
			.contentBlock {
				width: 100%;
				display: inline;
				}

			.inner01, .inner02, .inner03 {
				padding: 25px 25px 15px 25px;
				margin-bottom: 1px;
				}
				
			#interact {
				margin: 0 auto;
				width:200px;
				height: 300px;
				clear: both;
				}

#siteFooter {
	width: 723px;
	height: 70px;
	margin: 0 auto;
	background: top left no-repeat scroll url(../images/bg_footer.png) #FFFFFF;
	}

#footerMenu {
	display: block;
	width: 714px;
	height: 17px;
	position: relative;
	top: 4px;
	left: 4px;
	z-index: 10;
	}

#footerMeta {
	display: block;
	position: relative;
	width: 200px;
	text-align: right;
	padding-right: 15px;
	height: 20px;
	line-height: 20px;
	top: 13px;
	left: 360px;
	z-index: 10;
	color: #989898;
	text-transform: uppercase;
	font-size: 10px;
	}

#footerMeta a {
	text-decoration: none;
	color: inherit;
	}

#footerToolbar {
	display: block;
	position: relative;
	width: 90px;
	padding-left: 25px;
	height: 20px;
	top: 16px;
	left: 230px;
	z-index: 100;
	}

#footersnapshop {
	display:block;
	height:30px;
	left:4px;
	line-height:30px;
	padding-right:5px;
	position:relative;
	text-align:right;
	top:-12px;
	width:700px;
	z-index:10;
	}
	
* html #siteFooter {/*only ie gets this style*/
	\height:70px;/* for ie5 */
	he\ight:70px;/* for ie6 */
}
#clearBottom {
	clear: both;
	height: 70px;
}/*needed to make room for footer*/

* > html #clearBottom {float:left; width: 100%;}/* ie mac styles */