/** wrapper **/
/* This div contains all the real content on the page. It contains the header div, the column-wrapper div, and the footer div. */
#wrapper {
	margin: 0 auto 0 auto;
	width: 820px;
	background: url(../images/fwrapper_bg.gif) top left repeat-y;
}

/** header **/
/* This div is just the header (banner) image across the top of the container div */
#header {
	height: 194px;	
	background: url(../images/fheader_bg.gif)  0 0 no-repeat;
	}
#menu{
margin-left: 16px;
 margin-right: 16px; 
	height: 60px;
	background: url(../images/menu.png) 0 0 no-repeat;
}
#footer {
	background: url(../images/ffooter_bg.gif) bottom left no-repeat;
	}
#main-content {
	margin-left: 14px; 	/*The side-by-side columns are achieved by floating the secondary-content column and giving the main-content column a left margin equal to the width of the secondary-content column. */
	margin-right: 14px; 	/*The side-by-side columns are achieved by floating the secondary-content column and giving the main-content column a left margin equal to the width of the secondary-content column. */
}
#content {
	margin-left: 2px; 	/*The side-by-side columns are achieved by floating the secondary-content column and giving the main-content column a left margin equal to the width of the secondary-content column. */
}



/** Content Navigation **/
#menu #nav {
	width: 786px;
	font: bold 14px Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	vertical-align: middle;
	color: #FFFFFF;
}

#menu #nav ul {
	list-style: none;	/* Don't use bullets for the lists. */
}

#menu #nav li {
	float: left;
	text-align: center;
	width: 108px;
	background: url(../images/PageMenuMid.png) 0 0 repeat;
	height: 20px;
	padding-top: 3px;
}

#menu #nav a{
display:block;
color:#FFFFFF;
text-decoration:none;
}


#menu #nav a:hover{
color:#000066;
	background: #FFF;
}