/*================================================================
LAYOUT stylesheet for the website.

Define layout and backgrounds for:
		- Body
		- Wrapper
		- Header
		- Sidebar
		- Content
		- Footer
		( Navigation is defined in nav.css )
		
		***		NO TYPOGRAPHY STYLES HERE PLEASE		***
		
================================================================*/
@import url(global/thickbox.css);
@import url(global/base.css);
@import url(global/style.css);
@import url(nav_horiz.css);
@import url(pages/ajax_articles.css);
@import url(pages/store.css);

/* BODY 
----------------------------------------------------------------*/

body {
		margin: 0 auto;
		padding: 0;
		text-align: center;
		font: 76%/1.3em Arial, Helvetica, sans-serif; /* resets 1em to 10px */
		color: #666;
		/*background: transparent url(/images/back_body_102.gif) repeat 0 0;*/
		background-color:#207596;
}

/* WRAPPER
----------------------------------------------------------------*/
#wrapper {
		background: url(/images/back_content1.png) repeat-y center top;
		width: 800px;
		margin: 10px auto 0 auto;
		text-align: center;
		clear: both;

}
/* HEADER
----------------------------------------------------------------*/
#header {
		/*background: url(/images/back_header1.png) no-repeat center top;*/
		width: 100%; 
		text-align: center;
}
#branding {
		background: transparent url(/images/back_branding.png) no-repeat center 0;
		width: 100%; 
		height: 153px;
		text-indent: -9000px;
		clear: both;
}

/* CONTENT
----------------------------------------------------------------*/
#content {
	background: url(/images/back_content.gif) repeat-y center top;
	width: 800px;
	margin: 0 auto;
	text-align: left;
	clear: both;
	padding-bottom: 5em;
}

/* MAIN
----------------------------------------------------------------*/
#main {
		float: right; /* Creates a left sidebar */
		width: 569px; overflow: hidden;
		margin: 20px 1px 20px 0;
		padding: 8px 0;
		text-align: center;
		display: inline;
}

/* SECONDARY CONTENT
----------------------------------------------------------------*/
#secondary {
		float: left; /* Creates a left sidebar */
		width: 190px;
		overflow: hidden;
		padding: 16px 0;
		margin: 15px 10px 0pt 30px;
		display: inline;
}
#slideshow {
	width: 135px;
	height: 135px;
	overflow: hidden;
}


/* FOOTER
----------------------------------------------------------------*/
#footer {
		background: url(/images/back_footer1.png) no-repeat center bottom;
		width: 800px;
		height: 40px;
		text-align: center;
		margin: 0 auto;
		padding-top: 15px;
		border-top: 1px solid #96cee4
}
#copy {
	text-align: center;
	line-height: 3em;
}
/* SPECIAL
----------------------------------------------------------------*/
.prev_next {
		height: 1em;
		padding: .5em;
		margin: 1em 0;
		background-color: #e1e1e1;
		border: 1px solid #ccc;
		border-width: 1px 0;
}
.prev_next .right{ float: right;}
.prev_next .left { float: left;}


/* TEXT AREA
----------------------------------------------------------------*/
.subheader {
	clear: both;
	margin: 5px 0 10px 0px;
	padding: 8px;
	background: #CCEEF7;
	color: #0a526d;
	border-bottom: 1px solid #5B9AAA;
	border-top: 1px solid #5B9AAA;
	text-align: left;
}