/* CORE CSS */


img { border: 0; }

#container {
width: 1000px;
margin: 2px auto;
background-color: #fff;
/* border: 1px solid red; */

}


/* ================================================================== */
/* header */
/* ================================================================== */
#header { background-color: #ff0000; height: 54px;	width: 1000px;}
#header p { 
	float: left;  
	font-size: .85em; 
	color: #fff;
	font-weight: bold;
	font-style: italic;
	margin: 12px 0 0 10px;
	font-family: Helvetica, Arial, sans-serif;
	}
#header img.logo { float: left; margin: 0; border: 0;}


/* ================================================================== */
/* content */
/* ================================================================== */


	#content {
		float: left;
		width: 1000px;
		background-color:#fff;
		font-family: Helvetica, Arial, sans-serif;
		/*border: 1px solid green;*/	/* need for container border to show up in firefox */		
	}

	#content div {float:left;}
	#content img.extreme {margin: 0 0 0 10px;}
	#content p.small {
	font-size: .75em; 
	margin: 0; 
	text-align: center;
	}

/* ================================================================== */
/* 3 columns */
/* ================================================================== */
	
	#content-left {
		width:180px;
		background-color: #fff;
		/*border: 1px solid blue;*/
		margin-top: 0;
		text-align: center;
	}
	#content-left p.heading { 
		font-size: 1em;
		font-weight: bold;
		color: #ff0000;
		padding-top: .3em;
		margin: 0;
	}

	#content-left p { 
		font-size: .7em; 
		color: #000;
		margin: .7em;
		font-weight: bold;
	}

	
	#content-left a { color: #000; text-decoration:none;}
	#content-left a:hover { color: #ff0000; text-decoration: underline;}

	#content-middle  { 
		font-size: .83em; 
		color: #000;
		width:482px; 
		margin-top: 5px; /* need for firefox */
		text-align: center;
		line-height: 130%;

	}
	#content-middle p { margin: 1em; }
	#content-middle .yourpar { 
		font-size: 1.2em; 
		color: #ff0000;
		font-weight: bold;
		font-style:italic;
	}
	#content-middle h3 { 
		font-size: 1.2em; 
		color: #ff0000;
		font-weight: bold;
		margin: 0;
	}
	#content-middle .small { 
	font-size: .7em;
	padding-top: 30px;
	padding-bottom: 10px;
	line-height: 105%;
	}
	#content-middle a { color: #000; }
	#content-middle img.ups {float:left; margin-left: 25px;}
	#content-middle img.upsright {float:right; margin-right: 25px;}
	
	#content-right { 
		width:150px;
		color: #000;
		margin: 10px 0 0 15px; /* need for firefox */
		/*border: 1px solid black;	*/
	}
	#content-right h3 {
		width:155px;
		font-size: .9em; 
		color: #ff0000; 
		margin: 0;
		padding-bottom: 10px;
	}
	
	#content-right p { font-size: .8em; margin: .3em;}
	#content-right a { 
		font-size: 1.1em;
		color: #000;
		font-weight: bold;
		text-decoration: none
		}
	#content-right a:hover { text-decoration: underline }

/* styles for right nav colored boxes */
	#rightnav  { 
		margin-bottom: 10px;
		border-top: solid 1px #ff0000;
		border-bottom: solid 1px #ff0000;
		}
	#rightnav-f1  { 
		width:150px;
		height: 76px;
		background-image: url(images/feature1.jpg);
		background-repeat: no-repeat;
		background-position: top right;
		}
	#rightnav-f2  { 
		width:150px;
		height: 76px;
		background-image: url(images/feature2.jpg);
		background-repeat: no-repeat;
		background-position: top right;
		}
	#rightnav-f3  { 
		width:150px;
		height: 76px;
		background-image: url(images/feature3.jpg);
		background-repeat: no-repeat;
		background-position: top right;
		}
	#rightnav-f4  { 
		width:150px;
		height: 76px;
		background-image: url(images/feature4.jpg);
		background-repeat: no-repeat;
		background-position: top right;
		}
	#rightnav-f5  { 
		width:150px;
		height: 76px;
		background-image: url(images/feature5.jpg);
		background-repeat: no-repeat;
		background-position: top right;
		}
	#rightnav-f6  { 
		width:150px;
		height: 76px;
		background-image: url(images/feature6.jpg);
		background-repeat: no-repeat;
		background-position: top right;
		}
	#rightnav-f7  { 
		width:150px;
		height: 76px;
		background-image: url(images/feature7.jpg);
		background-repeat: no-repeat;
		background-position: top right;
		}
	#rightnav-f8  { 
		width:150px;
		height: 76px;
		background-image: url(images/feature8.jpg);
		background-repeat: no-repeat;
		background-position: top right;
		}
	#rightnav-f9  { 
		text-align: right;
		width:150px;
		height: 76px;
		background-image: url(images/feature9.jpg);
		background-repeat: no-repeat;
		background-position: top right;
		}
	#rightnav-f10  { 
		width:150px;
		height: 76px;
		background-image: url(images/feature10.jpg);
		background-repeat: no-repeat;
		background-position: top right;
		}
	#rightnav-f11  { 
		text-align: right;
		width:150px;
		height: 76px;
		background-image: url(images/feature11.jpg);
		background-repeat: no-repeat;
		background-position: top right;
		}
	#rightnav-f12  { 
		width:150px;
		height: 76px;
		background-image: url(images/feature12.jpg);
		background-repeat: no-repeat;
		background-position: top right;
		}
	#rightnav-f13  { 
		width:150px;
		height: 76px;
		background-image: url(images/feature13.jpg);
		background-repeat: no-repeat;
		background-position: top right;
		}
	#rightnav-f14  { 
		text-align: right;
		width:150px;
		height: 76px;
		background-image: url(images/feature14.jpg);
		background-repeat: no-repeat;
		background-position: top right;
		}


#footer
{
clear: both;
width: 99%;
margin: 0;
padding: .4em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
font-size: .75em; 
text-align: center;}
}




