/*  Redefining some basic elements including a background image which repeats in one direction only.
	I am defining as much as possible here so that it is inherited by oother elements, saving repeating myself
*/


body 	{
		margin:20px;
		font-family: verdana, helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #333;
		line-height: 20px;
		background-color:#FFF;
		text-align:center;
		padding:0px;
		}	

#centered {
	width:600px;
	margin:0px auto;
	border:0px;
	background-color:#fff;
	padding:0px;
	z-index:90;
	}

#navwrapper {
	width:600px;
	background: #064378;
	height: 21px;
	line-height:21px;
	padding:0px;
	margin:0px;
	}


a nav02 {
	display: block;
	background-image: url(grfx/header/header_02.gif);    /* rollover state */
	width: 120px;    /* rollover state */
	height: 119px;
	z-index: 86;
}

a nav02:hover {
	background-image: url(grfx/header/heade_over_02.gif);    /* rollover state */
	width: 120px;    /* rollover state */
	height: 119px;
	}

.nav03 {
	display: block;
	background-image: url(grfx/header/header_03.gif);    /* rollover state */
	z-index: 86;
	width: 120px;    /* rollover state */
	height: 119px;
	z-index: 86;
}

.nav03:hover {
	background-image: url(grfx/header/heade_over_03.gif);    /* rollover state */
	width: 120px;    /* rollover state */
	height: 119px;
	}


#nav04 {
	background-image: url(grfx/header/heade_over_04.gif);    /* rollover state */
	z-index: 90;
}

#nav05 {
	background-image: url(grfx/header/heade_over_05.gif);    /* rollover state */
	z-index: 92;
}

#nav06 {
	background-image: url(grfx/header/heade_over_06.gif);    /* rollover state */
	z-index: 94;
}

.rollover { display: inline;
			width:120px;
			height:119px;
			 } /* Allow setting widths and heights */
.rollover img { border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

	
p		{
		font-family: verdana, helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #333;
		line-height: 20px;
		text-align:left;
		padding: 0px;
		}
		
	
h1 		{
		font-family: verdana, helvetica, sans-serif;
		font-size:36px;
		line-height: 42px;
		color: #666;
		text-align:left;
		}
