body {
	font-family:  arial, verdana, sans-serif;
	color: #333333;
	font-size: 76%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. 
	seems 76% is as small as you can go and stay the same across browsers. www.thenoodleincident.com*/
	text-align: center;
	padding: 0;
	margin: 0;
	background-color: #fff;
}
p, table, td, th {
	font-size: 1em;
	font-family:  arial, verdana, sans-serif;
	}
p {
	font-weight: normal;
	}
input {
	font-family:  arial, verdana, sans-serif;
	font-size: 1em;
	}
select {
	font-family:  arial, verdana, sans-serif;
	}
/* LINKS
________________________________________________________*/
a:link {
	text-decoration: underline;
	}
a:visited {
	text-decoration: underline;
	}
a:active {
	text-decoration: underline;
	}
a:hover {
	text-decoration: none;
	/*hover doesn't work in nn4*/
	}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	font-family: "arial narrow", arial, sans-serif;
	}
h1 {
	font-size: 2em;
	}
h2 {
	font-size: 1.6em;
	}
h3 {
	font-size: 1.4;
	font-weight: bold;
	}
h4 {
	font-size: 80%;
	}
h5 {
	font-size: 70%;
	}
h6 {
	font-size: 64%;
	}
img {
	border: 0;
	}
ul, li {/*
	list-style: none;*/
	font-size: 80%;
	line-height: 120%;
	}
p {
	line-height: 1.6em;
	margin: 0 0 .5em 0;
	}
pre {
	font-family: monospace;
	font-size: 80%;
	}
strong, b {
	font-weight: bold;
	}

/* HEADER
________________________________________________________*/
#header {
	margin: 0;
	padding: 0;
}
#header img {
	margin: 0;
	padding: 0;
}

/* CONTAINER
This holds all the site content and sets the width of the site.
________________________________________________________*/
#container {
	width: 768px;
	text-align: left;
	background-color: #ffffff;
	margin: 0 auto 10px auto;
	padding: 0 0 0 0;
	border-left: 1px solid #f47c30;
	border-right: 1px solid #f47c30;
}

/* CONTENT
This is the main "bucket" below the navigation and above the footer.
It's sole purpose is to keep proper white space around the page content.
________________________________________________________*/
#content {
	margin: 0;
	padding: 10px 20px 0 20px;
	}

/* UTILITIES
This is the strip across the top of the page. 
Here's is where you set the properties for the bar.
Refer to the section style sheet for specific section color. (ie: petroleum_style.css for BLUE)
________________________________________________________*/
#utilities {
	width: 768px;
	height: 24px;
	background-color: #f47c30;
	margin: 0 0 0 0;
	font-size: .9em;
	font-weight: normal;	
	padding: 0;
	
	}
#utilities p a {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	padding: .3em;
	margin: 0 0 0 54px;
	float: left;
	}
#utilities p a:hover{
	text-decoration: none;
	color: #0A1E5F;
	background-color: #cccccc;
	font-weight: bold;
	padding: .3em;
	margin: 0 0 0 5em;
	float: left;
	}
#utilities ul {
	font-size: .9em;
	margin: 3px 1em 3px 0;
	padding: 0;
	list-style-type: none;
	float: right;
	}
#utilities ul li {
	color: #ffffff;
	background: none;
	display: inline;
 	margin: 0 0 0 12px;
	padding: 0;
	}
#utilities ul li a {
	margin: 0 0 0 0;
	padding: 0;
	color: #ffffff;
	text-decoration: none;
	} 
#utilities ul li a:hover {
	margin: 0 0 0 0;
	padding: 0;
	color: #fff;
	text-decoration: underline;
	}

/* NAVIGATION
This controls the primary navigation.
________________________________________________________*/
#navigation {
	width: 768px;
	background-color: #f47c30;
	font-weight: bold;
	margin: 0;	
	padding: 0;
	text-align: left;
	}
#navigation ul {
 	margin: 0 0 0 1.6em;
	padding: .5em;
	list-style-type: none;
	}
#navigation ul li {
	background: none;
	display: inline;
 	margin: 0 1em 0 0;
	padding: 0;
	/*border-bottom: 1px solid #cccccc;*/
	}
#navigation a {
	margin: 0;
	padding: .5em;
	/*width: 160px;*/
	color: #ffffff;
	text-decoration: none;
	} 
#navigation a:hover {
	padding: .5em;
	color: #000000;
	background-color: #cccccc;
	text-decoration: none;
	}
.netscapemssg {
	color: #ffffff;
	background: #ff0000;
	display: none;
}
/* SUB-NAVIGATION
Not used yet.... Will need work.
________________________________________________________
#navigation ul ul li {
	margin: 0 0 1px 0;
	}
#navigation ul ul a {
	display: block;
	padding: 5px 5px 5px 30px;
	width: 125px;
	color: #fff;
	background-color: #369;
	text-decoration: none;
	}
#navigation ul ul a:hover {
	color: #fff;
	background-color: #69C;
	text-decoration: none;
	}
	*/	

/* FOOTER
________________________________________________________*/
#footer {
	background-color: #f47c30;
	height: 20px;
	clear: both;
	margin: 10px 0 0 0;
	padding: 8px 3px 0 3px;
	}
#footer .copyright {
	color: #CED2DF;
	font-size: 80%;
	float: left;
	margin: 0 0 0 10px;
	}
#footer p{
	margin: 0;
	padding: 0;
	line-height: 1em;
	}
#footer .legal a{
	text-decoration: none;
	color: #CED2DF;
	font-size: 80%;
	float: right;
	margin: 0 .5em 0 0;
	padding: 0;
	}
#footer .legal a:hover{
	text-decoration: underline;
	color: #CED2DF;
	font-size: 80%;
	float: right;
	margin: 0 .5em 0 0;
	padding: 0;
	}
.error {
	padding: 0 0 0 0;
	margin: 0;
	
	}
.error p{
	padding: 0 0 3px 15px;
	margin: .2em 0 0 0;
	font-weight: bold;
	color: #C41200;
	border-bottom: 1px dashed #FFDBDB;
	background: url(../image/icon_check.gif) no-repeat 0 50%;
	}