/* **********************Reset************************* */
* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-size: small;
}

* html body {
font-size: x-small; /* for IE5/Win */
f\ont-size: small; /* for other IE versions */
}

#wrapper {
	background-image: url(../images/layout_images/gridbkgrd.gif);
	background-repeat: repeat;
	width: 960px;
}

 
/* **********************Elements************************* */

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.7em;
}

h3 {
	font-size: 1.5em;
}

h4 {
font-size: 1.2em;
	
}

h5 {
	font-size: .9em;
}

p {
	font-size: .95em;
	margin-bottom: 8px;
	line-height: 1.4em;
	}
	
blockquote {
}

ul {	
	}
	
li {	
}

.clearboth {
	clear:both;
}

.picright {
	float: right;
	margin: 8px;
}

.picleft {
	float: left;
	margin: 8px;
}


/* **********************Layout************************* */
/* Master col measurement reference. Note that you can use percent width but some measurements won't match up with grid because they do not have even percentage values. When using percentages make col-a 1% less to accommodate 10px right margin.

col-a = 70px  - col-b = 880px
col-a = 150px  - col-b = 800px
col-a = 230px  - col-b = 720px
col-a = 310px  - col-b = 640px
col-a = 390px  - col-b = 560px
col-a = 470px  - col-b = 480px
col-a = 550px  - col-b = 400px
col-a = 630px  - col-b = 320px
col-a = 710px  - col-b = 240px
	
*/

#wrapper {
	margin: 0 auto;
	width:960px;
}


#row1 {
	width: 100%;
	/*border-bottom: solid #FF3300 1px;*/
	/*overflow: hidden;  Important allows equal background columns */
	position:relative;
	border: solid #0099CC 1px;
}


#row2 {
	width: 100%;
	background-color: #999;
	height: 100px;
	/*border-bottom: solid #FF3300 1px;*/
	overflow: hidden; /* Important allows equal background columns */
	position:relative;
	border: solid #0099CC 1px;
	}

	#row2col1 {
	float: left;
	width: 390px;
	background-image: url(../images/layout_images/row2a.gif);
	height: 50px;
	position:relative;
	border: solid #FF0000 1px;
	}
	
		#row2col1col1 {
		float: left;
		width:0;
		min-height: 50px;
		}
		
		#row2col1col2 {
		float: right;
		width:0;
		min-height: 50px;
		}
	
	#row2col2 {
	float: right;
	width: 560px;
	background-image: url(../images/layout_images/row2b.gif);
	height: 50px;
	position:relative;
	border: solid #FF0000 1px;
	}
	
		#row2col2col1 {
		float: left;
		width:0;
		min-height: 50px;
		}
		
		#row2col2col2 {
		float: right;
		width:0;
		min-height: 50px;
		}
	
		
#row3 {
	width: 100%;
	/*border-bottom: solid #FF3300 1px;*/
	overflow: hidden;  /*Important allows equal background columns */
	position:relative;
	}

	#row3col1 {
	float: left;
	width: 390px;
	background-image: url(../images/layout_images/row3a.gif);
	position:relative;
	padding-bottom: 4040px;
	margin-bottom: -4000px;
	}
	
		#row3col1col1 {
		float: left;
		width:0;
		min-height: 50px;
		}
		
		#row3col1col2 {
		float: right;
		width:0;
		min-height: 50px;
		}
	
	
	
	#row3col2 {
	float: right;
	width: 560px;
	background-image: url(../images/layout_images/row3b.gif);
	position:relative;
	padding-bottom: 4040px;
	margin-bottom: -4000px;
	}
	
		#row3col2col1 {
		float: left;
		width:0;
		min-height: 50px;
		}
		
		#row3col2col2 {
		float: right;
		width:0;
		min-height: 50px;
		}
	
	

#row4 {
	width: 100%;
	background-image: url(../images/layout_images/row4.gif);
	height: 100px;
	/*border-bottom: solid #FF3300 1px;*/
	overflow: hidden; /* Important allows equal background columns */
	position:relative;
}

	#row4col1 {
	float: left;
	width: 390px;
	background-image: url(../images/layout_images/row4a.gif);
	height: 50px;
	position:relative;
	}
	
		#row4col2col1 {
		float: left;
		width:50%;
		min-height: 50px;
		}
		
		#row4col2col2 {
		float: right;
		width:50%;
		min-height: 50px;
		}
	

	#row4col2 {
	float: right;
	width: 560px;
	background-image: url(../images/layout_images/row4b.gif);
	height: 50px;
	position:relative;
	}
	
		#row4col2col1 {
		float: left;
		width:50%;
		min-height: 50px;
		
		}
		
		#row4col2col2 {
		float: right;
		width:50%;
		min-height: 50px;
		
		}


#row5 {
	width: 100%;
	background-image: url(../images/layout_images/row5.gif);
	height: 100px;
	/*border-bottom: solid #FF3300 1px;*/
	overflow: hidden; /* Important allows equal background columns */
	position:relative;
	}

	#row5col1 {
	float: left;
	width: 390px;
	background-image: url(../images/layout_images/row5a.gif);
	height: 50px;
	position:relative;
	}
		#row5col1col1 {
		float: left;
		width:50%;
		min-height: 50px;
		}
		
		#row5col1col2 {
		float: right;
		width:50%;
		min-height: 50px;
		}
	
	#row5col2 {
	float: right;
	width: 560px;
	background-image: url(../images/layout_images/row5b.gif);
	height: 50px;
	position:relative;
	}
	
		#row5col2col1 {
		float: left;
		width:50%;
		min-height: 50px;
		}
		
		#row5col2col2 {
		float: right;
		width:50%;
		min-height: 50px;
		}
	
	
/* **********************Containers************************* 
These can be percentages or for tighter grid use px widths*/

.whole_cont{
	margin:0;
	width: 100%;
	clear: both;
}

.half_cont{
	width: 50%;
	float:left;
}

.third_cont{
	width: 33%;
	float:left;
}

.fourth_cont{
	width: 25%;
	float:left;
}