/* THREE COLUMN LAYOUT */
/* you have to be careful with Nifty Corners - don't add height to the outer containers or the corners will no display correctly in Safari. */

/*padd the */
* {margin:0 padding:0;}
body {
	text-align:center;  /* IE6 needs this to center the layout in the browser window */
	}
#main_wrapper {
	width:840px; /* widths of columns will scale proportionately as this width is changed */
	margin-left:auto;  /* centers max'd layout in browser */
	margin-right:auto; /* centers max'd layout in browser */
	text-align:left;
	margin-top:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border:2px solid #000;
	}	


#content {
	width:820px;
	margin:10px 10px 0px 10px;
	padding-top:8px;
	padding-bottom:8px;
	z-index:-1;
	
	}

#footer {
	margin:10px 10px;
	clear:both;
	}
#header_top, #promo_inner, nav_inner{
	overflow:hidden; /* prevents oversize elements from breaking the layout */
	}

#content_inner {
background-color:#FFF;
padding:0 10px 5px 10px;
z-index:-1;
}

#content_inner h2{
text-align:left;
padding:1em;
}

fieldset {
border:1px solid #000;
}
#chocktopleft {
width:50%;
float:left;
}

#chocktopleft h2 {
margin-top:0;
padding-top:0;
width:65%;
}

#chocktopright {
width:25%;
float:right;
}

#chocktopright h3 {
padding-bottom:5px;
}

#chocktopright h3 span {
color:#990000;
}


#chockmid {
width:100%;
}

#chockmidleft {
float:left;
width:65%;
background-color:#E4E8F8;
padding:5px;
}

#chockmidleft p {
margin-left:1.85em;
margin-top:.5em;
float:left;
width:60%;
}
#chockmidleft img {
float:left;
}

#chockmidright {
width:30%;
margin-left:15px;
background-color:#E4E8D4;
float:left;
clear:none;
padding:5px;
}

#chockmidright h1 {
margin-bottom:5px;
}

#chockmidright h2{
padding:5px;

}

#chockmidright h3{
float:left;
padding:10px 3px 10px 0;
}

#chockmidright h4{
margin-top:10px;

}

#chockmidright img {
float:right;
padding-top:0px;
padding-right:15px;

}

#chockmidrightbot {
padding:5px 5px;
}

#chockmidrightbot h1{
float:left;
width:34%;
padding-top:.9em;
padding-left:0px;
padding-right:5px;

}

#chockmidrightbot span {
padding-top:1.2em;
color:#990000;
}
#chockmidrightbot h3{
clear:left;
padding-left:10px;
}
#chockmidright h4{
padding-left:5px;
}

#chockbot {
width:100%;
margin-top:10px;
border-top:2px #000066 solid;
}
#chockbotleft {
width:60%;
float:left;
}

#chockbotleft img{
float:left;
}

#chockbotleft_r {
float:left;
margin-top:5px;
margin-left:10px;
width:40%;
}

#chockbotleft span {
font-weight:400;
}
#chockbotleftbot {
clear:left;
}

#chockbotleftbot h5 {
font-weight:700;
}


#chockbotleftbot span {
font-weight:400;
}
#chockbotright {
float:right;
width:35%;
}

#grand_but {
margin:0 auto;
text-align:center;
padding:1em;
}

#clear {
clear:both;
}

.float_l {
float:left;
}
.float_r {
float:right;
}
.darkblue {
color:#000066;
}

.darkred {
color:#990000;
}

.rel {
position:relative;
}
.clear_b {
clear:both;
}
.clear_r {
clear:right;
}
.clear_l {
clear:left;
}

table.grand {
float:right;
border-collapse:collapse;
margin:0;
padding:0;
width:100%;
}

