/*CONTAINER HOLDS OVERALL SPACE, BLOCK HOLDS INDIVIDUAL IMAGES AND TEXT
overall space container1=2090px, container2=1150px, container3=850px, container4=1250px
NEW CONTAINERS JUNE 2010 (5 and 4 pixels extra from total, just in case): container5=2500px, container6=2050

width of block is 10 pixels more than image. pixel right side padding. Pick a container that will contain the total size of all images combined as they will float next to each other. If the container is too small, then the image will drop to the next row. Too large, then there will be too much scroll space on right side.

Use block0=190px (usually for side text), block1=330px, block2=350px, block 3=380px, block4=630px, block5=1450px
NEW BLOCKS JUNE 2010: block6=441px, block7=289px, block8=660px (block 8 has a top padding so that it's even on the bottom with the other images from block 7)
gold color=#C90 */

body  {
	font: 100% "Times New Roman", Times, serif;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #000000;
}
#container1 { 
	width: 2090px;
	background: #FFFFFF;
	margin: 0;
} 
#container2 { 
	width: 1150px;
	background: #FFFFFF;
	margin: 0;
} 
#container3 { 
	width: 850px;
	background: #FFFFFF;
	margin: 0;
}
#container4 { 
	width: 1250px;
	background: #FFFFFF;
	margin: 0;
}
/* NEW */
#container5 { 
	width: 2500px;
	background: #FFFFFF;
	margin: 0;
}
#container6 { 
	width: 2050px;
	background: #FFFFFF;
	margin: 0;
}
/* end of NEW */  
#header {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	width: 300px;
} 
#nav {
	float:left;
	width: 120px;
	padding: 15px 10px 15px 20px;
}
#nav ul {
	font-size: 13px;
	color: #C90;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#nav a, #subnav a {
	color: #000;
	text-decoration: none;
}
#nav a:hover, #footer a:hover, #subnav a:hover {
	color: #999;
}
#subnav {
	position: absolute;
	top: 15px;
	left: 250px;
	font-size: 90%;
	}
#subnav li, #footer li {
	display: inline;
	list-style-type: none;
}
#subnav li a.on, #footer a {
	color: #C90;
	text-decoration: none;
}
#content {
	margin: 0 0 0 130px;
	padding: 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 12px;
}

#content .block0 {
	float: left;
	padding: 20px 10px 0 0;
	width: 190px;
}
#content .blockhome {
	float: left;
	padding: 20px 10px 0 0;
	width: 280px;
}
#content .block1 {
	float: left;
	padding: 20px 10px 0 0;
	width: 330px;
}
#content .block2 {
	float: left;
	padding: 20px 10px 0 0;
	width: 350px;
}
#content .block3 {
	float: left;
	padding: 20px 10px 0 0;
	width: 380px;
}
#content .block4 {
	float: left;
	padding: 20px 10px 0 0;
	width: 630px;
}
#content .block5 {
	float: left;
	padding: 20px 10px 0 0;
	width: 1450px;
}
/* NEW */
#content .block6 {
	float: left;
	padding: 20px 10px 0 0;
	width: 441px;
}
#content .block7 {
	float: left;
	padding: 20px 10px 0 0;
	width: 289px;
}
#content .block8 {
	float: left;
	padding: 76px 10px 0 0;
	width: 660px;
}
/* end of NEW */  
#footer {
	padding: 0 10px 0 20px;
	margin-top: 30px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #000;
	font-size: 12px;
} 
#footer p, #footer ul {
	margin: 0;
	padding: 10px 0;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* form items */
fieldset {
	padding: 0px;
	border: none;
	margin: 0px;
	}
input.txt,textarea {
	color: #000000;
	border: 1px solid #C90;
	width: 230px;
	margin: 0px;
	padding: 0px;
}
.btn {
	border: 1px solid #C90;
	background: #C90;
	font-weight: bold;
	color: #FFFFFF;
}
h1 {
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#content p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

