/* GENERAL STYLES */
/*===========================================================================

	written by julian@visuallizard.com
	
	layout.css
	
	this stylesheet establishes the 
	specifics of the layout divs.
	these divs are used for screen
	display. 
	they will also be used for print,
	but that is adjusted in their own
	stylesheet using the same IDs

	(c)2006 - visuallizard.com

===========================================================================*/

div {
	border: none;
	text-align: left;
	vertical-align: top;
}

div#wrapper { 
	width: 985px;
	margin: 40px auto 0 auto;
	padding: 0;
}

div#header {
	position: relative;
	z-index: 10;
}

/* paint chips. */
/* loads a new background image for the 2 columns in the section pages. */

/*=============================================================================*
	-=home_ styles
*=============================================================================*/

div#breadcrumb {
	height: 28px;
	padding: 10px 0 0 0;
	height: 18px;
}

div#col1 {
	position: relative;
	float: left;
	display: inline; /* set to display inline // double margin float bug in IE*/ 
}

div#col1.home {
	padding: 0; width: 740px;
	margin: 10px 0 0 0;
}

div#col1.default {
	padding: 0; margin: 0 8px 0 0;
	width: 232px; background: #1f2127 url("b/col1_bg.jpg") 0 0 repeat-y;
}

div#col1.default div#col1_holder {
	width: 100%; background: url("b/col1_head.jpg") 0 0 no-repeat;
}

div#col1.default span.col1_end {
	display: block; width: 100%;
	height: 11px; background: url("b/col1_foot.png") 0 0 no-repeat;
}

div#col2 {
	position: relative; float: left;
	display: inline; /* set to display inline // double margin float bug in IE*/
}


div#col2.home {
	width: 235px; padding: 0;
	margin: 10px 0 0 10px;
}

div#col2.default {
	width: 740px; padding: 0;
	margin: 0 3px 0 0;
	background: #fff url("b/col2_bg.jpg") 0 0 repeat-y;
}

div#col2.default div#col2_holder {
	width: 740px; padding: 15px;
	width: 720px; background: url("b/col2_head.jpg") 0 0 no-repeat;
	min-height: 450px;
}

div#col2.default span.col2_end {
	display: block; width: 740px;
	height: 15px; background: url("b/col2_foot.jpg") 0 0 no-repeat;
	margin: 0; padding: 0;
}

div#column1 {
	width: 450px; float: left;
	display: inline;
}

div#column2 {
	float: left;
	display: inline;
	width: 240px;
	margin: 0 0 0 20px;
}

/* Extra Sub Nav added */
div#col2a {
	position: relative; float: left;
	display: inline; /* set to display inline // double margin float bug in IE*/
}


div#col2a.home {
	width: 235px; padding: 0;
	margin: 10px 0 0 10px;
}

div#col2a.default {
	width: 740px; padding: 0;
	margin: 0 3px 0 0;
	background: #fff url("b/col2_bg.jpg") 0 0 repeat-y;
}

div#col2a.default div#col2_holder {
	width: 740px; padding: 15px;
	width: 720px; background: url("b/col2_head.jpg") 0 0 no-repeat;
	min-height: 450px;
}

div#col2a.default span.col2_end {
	display: block; width: 740px;
	height: 15px; background: url("b/col2_foot.jpg") 0 0 no-repeat;
	margin: 0; padding: 0;
}

div#column2a {
	float: left;
	display: inline;
	width: 240px;
	margin: 0 0 0 20px;
}

div#col3 {
	margin: 10px 0 0 0;
	clear: both;
	width: 100%;
	position: relative;
	background: url("b/home_btm_constant.jpg") 0 0 repeat-y;
}

/* Long Ad on Bottom - Left*/
div#col4 {
	position: relative;
	float: left;
	display: inline; /* set to display inline // double margin float bug in IE*/
	width: 699px;
	padding: 0;
	margin: 10px 0 0 0;
	background: #fff url("b/col2_bg.jpg") 0 0 repeat-y;
}

/* Short Ad on Bottom - Right*/
div#col5 {
	position: relative;
	float: left;
	display: inline; /* set to display inline // double margin float bug in IE*/
	width: 270px;
	padding: 0;
	margin: 10px 0 0 10px;
	background: #fff url("b/col2_bg.jpg") 0 0 repeat-y;
}

/* paint chips */

/*=============================================================================*
	-=footer styles
*=============================================================================*/
div#footer {
    margin: 5px 0 0 0;
    clear: both;
    text-align: center;
}

/*  paint chips */

/*===========================================================================*
	general tags and classes for layout purposes
*===========================================================================*/
.clear { 
	clear: both; 
	height: 1px;
	margin: 0;
	padding: 0;
}

/* EDITOR PROPERTIES */