@charset "iso-8859-1";

/*******************************************************************************
*  base_pixels.css : 2004-09-07 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  base set of stylesheet rules needed to form the layout ( _only_ the layout )
*  color and fonts and such are not handled here.
*  this defines the side column widths in pixels
*******************************************************************************/

body, html {
height: 100%;
}
#pageWrapper
{
	width: 760px;
	margin:0;
	min-height:100%;
	color:#333;
	min-height: 100%;
	background-color: #fff;/* url(http://localhost/background.gif) repeat-y; /*** This is our faux columns ***/
	
}
* html #pageWrapper {
height: 100%;  /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
.inside{
	margin:0;
	padding:0;
	color:#333;
	background-color:#fff;
}

#outerColumnContainer
{
	z-index: 1;
	border-color: #fff;	/* set default color to white. set the real
				   color inside colors.css */
	border-style: solid;
	border-left-width: 195px;	/* sets the width of the borders used to create
				   the left and right columns' background 
				   color. */
	border-right-width: 160px;
	margin:0;
	padding:0;
	color:#333;
	background-color:#fff;
}
#innerColumnContainer
{
	z-index: 2;
	width: 100%;
	margin:0;
	padding:0;
	color:#333;
	background-color:#fff;
}
* html #innerColumnContainer
{
	position: relative;	/* fix a render bug in IE under certain
				   conditions */
	margin:0;
	padding:0;
	color:#333;
	background-color:#fff;
}
#contentColumn
{
	margin: 0 -1px;		/* without this, boxes stop floating next to 
				   each other */
	width: 360px;
	padding:0 0 0 0;
	color:#333;
	background-color:#fff;
}
#leftColumn, #rightColumn, #contentColumn
{
	float: left;
	position: relative;
	z-index: 10;
	overflow: visible;	/* fix for IE italics bug */
	padding:0;
	color:#333;
	background-color:#fff;
}
#rightColumn
{
	float: right;		/* floating this right allows for the right
				   column block to appear before the content
				   column in the flow of the document. doing
				   this allows for any easy 3 column layout
				   in NN4.

				   There is certainly a lot, in terms of layout
				   'theory' about how the flow of the document
				   should be. I won't get into it here. */
	width: 160px;
	margin: 0 -160px 0 1px;	/* same as in the #leftColumn selector up 
				   above. */
	padding:0;
}
#leftColumn
{
	width: 195px;
	margin: 0 1px 0 -195px;	/* like in the #contentColumn selector, without
				   the 1px margin on the opposite side of the 
				   box, boxes stop floating next to each 
				   other */
	padding:0;
}
#footer
{
	position: relative;
	height:100%;
	color:#333;
	background-color:#fff;
}

.clear
{
	clear: both;
}
.hide, #oldBrowserNotice, .ieSixCharDupBug
{
	display: none;		/* hide elements that CSS-targeted browsers 
				   shouldn't show */
}
html[xmlns] .mozclear
{
	/* this selector should be valid CSS, but Opera 7.5 (and above) will pick
	 * this up as well. Shouldn't be a problem, Opera should handle this fine,
	 * but it's a Mozilla-targeted hack, and it should probably only affect
	 * mozilla. You can do that by replacing the INVALID CSS selector
	 * :root .mozclear for what's give here.
	 */
	border-bottom: 1px solid;
	border-color: transparent;
	margin-bottom: -1px;
}
#contentColumn
{
	font-family:arial,sans serif;
	font-size:11px;
	color:#333;
	line-height:160%;
	border-width: 0;	/* reset value from that in the version 4 
				   stylesheet. this isn't in borders.css because
				   were you to create a print.css and not 
				   include borders.css, then the v4 border would
				   still remain when you print. */
	
}

* html #pageWrapper
{
	word-wrap: break-word;
}

/******************************************************************************/

input{
	font-family:arial,sans serif;
	font-size:11px;
	color:#333;
}
#nav {
	background-color:white;
	margin:0;
	padding:0 70px 0 14px;
}
#logo{
	position:relative;
	top:-4px;
	left:0;
	z-index:99;
}
#title{
	margin:0;
	padding:0;
	position:absolute;
	left:0px;
	top:75px;
}
#barrels{
	margin:0;
	padding:0;
	position:absolute;
	left:0px;
	top:0px;
}
.navon:link,.navon:visited,.navon:active,.navon:hover,.navoff:link,.navoff:visited,.navoff:active,.navoff:hover,.subnavoff:link,.subnavoff:visited,.subnavoff:active,.subnavoff:hover,.subnavon:link,.subnavon:visited,.subnavon:active,.subnavon:hover,.rtnavoff:link,.rtnavoff:visited,.rtnavoff:active,.rtnavoff:hover,.rtsubnavoff:link,.rtsubnavoff:visited,.rtsubnavoff:active,.rtsubnavoff:hover,.rtsubnavon:link,.rtsubnavon:visited,.rtsubnavon:active,.rtsubnavon:hover{	
	font-family:arial,sans serif;
	font-size:10.5px;
	font-weight
	margin:0;
	padding:0;
	display:block;
	line-height:150%;
}
.navoff:link,.navoff:visited{
	text-decoration:none;
	text-transform: uppercase; 
	color:#333;	
}
.navoff:active,.navoff:hover{
	text-decoration:underline;
	text-transform: uppercase; 
	color:#A6BB2E;	
	font-style:italic;
}
.navon:link,.navon:visited,.navon:active,.navon:hover{
	text-decoration:none;
	text-transform: uppercase;
	font-style:italic;
	color:#A6BB2E;	
}
.subnavoff:link,.subnavoff:visited{
	text-decoration:none;
	text-transform: capitalize;
	color:#333;
	padding:0 0 0 15px;
}
.subnavoff:active,.subnavoff:hover{
	text-decoration:underline;
	text-transform: capitalize; 
	color:#A6BB2E;
	padding:0 0 0 15px;
	font-style:italic;
}
.subnavon:link,.subnavon:visited,.subnavon:active,.subnavon:hover{
	text-decoration:none;
	text-transform: capitalize;
	font-style:italic;
	color:#A6BB2E;
	padding:0 0 0 15px;	
}
.rtnavoff:link,.rtnavoff:visited{
	text-decoration:none;
	text-transform: uppercase; 
	color:#333;	
	margin:5px 0 5px 14px;
}
.rtnavoff:active,.rtnavoff:hover{
	text-decoration:underline;
	text-transform: uppercase; 
	color:#A6BB2E;	
	font-style:italic;
	margin:5px 0 5px 14px;
}
.rtsubnavoff:link,.rtsubnavoff:visited{
	text-decoration:none;
	text-transform: capitalize;
	color:#333;
	padding:0 0 0 29px;	
	margin:5px 0 5px 0;
}
.rtsubnavoff:active,.rtsubnavoff:hover{
	text-decoration:underline;
	text-transform: capitalize; 
	color:#A6BB2E;
	padding:0 0 0 29px;
	font-style:italic;
	margin:5px 0 5px 0;
}
.rtsubnavon:link,.rtsubnavon:visited,.rtsubnavon:active,.rtsubnavon:hover{
	text-decoration:none;
	text-transform: capitalize;
	font-style:italic;
	color:#A6BB2E;
	padding:0 0 0 29px;	
	margin:5px 0 5px 0;
}
#pagetitle {	
	margin:170px 0 0 0;	
}
#pagetitle h1 {
	font-family: 'Times Roman','Times New Roman', serif;
	font-size:20px;
	color:#333;
	margin:0;
	padding:0;
}
H2 { /*is for section titles*/
	font-family: 'Times Roman','Times New Roman', serif;
	font-size:14px;
	color:#333;
}
H3 {   /*is emphasis:*/ 
	font-family: 'Times Roman','Times New Roman', serif;
	font-size:12px;
	color:#333;
	font-style:italic;
	font-weight:bold;
}

a {
	font-weight:bold;
	text-decoration:underline;
	color:#333;
}
a:hover, a:visited, a:active {
	color:#A6BB2E;
}

p {
	font-family:arial,sans serif;
	font-size:11px;
	color:#333;
	line-height:150%;
}
#rightnavtop {
	width:125px;
	margin:215px 0 0 0;
	border-bottom:3px double #333;
	border-top:3px double #333;
	padding:5px 0 5px 0;
	text-align:left;
}
.rightnav {
	width:125px;
	margin:0 0 0 0;
	border-bottom:3px double #333;
	padding:10px 0 10px 0;
	text-align:left;
}
.rightnav2 {
	width:125px;
	margin:0 0 0 0;
	border-bottom:3px double #333;
	padding:5px 0 5px 0;
	text-align:left;
}
#footer {
	border:0;
	width:360px;
	position:relative;
	bottom:0px;
	left:195px;
	text-align:center;
	border-top: 3px double #333;
	padding:15px 0 0 0;
	font-family:arial,sans serif;
	font-size:9px;
	text-transform: uppercase; 
	color:#333;	
	line-height:160%;
	height:100px;
}
#footer A:link,#footer A:visited{
	font-family:arial,sans serif;
	font-size:9px;
	text-decoration:none;
	text-transform: uppercase; 
	color:#333;	
	
}
#footer A:active,#footer A:hover{
	font-family:arial,sans serif;
	font-size:9px;
	text-decoration:underline;
	text-transform: uppercase; 
	color:#A6BB2E;	
	font-style:italic;
	
}
.sitemap {
	color:#333;
}
.sitemap-list {
	list-style-type:disc;
	margin-top:5px;	
}