/* CSS Document */
/* LAYOUT */

html, body {
	/* establish page height and background color, position */
	height: 100%;
	background-color: #1F497D;
	margin: 0;
	padding: 0;
}

#pagewrapper {
	/* put in the background vertical graphic if used on sides */
	/* allow height to flex more than 100 percent */
	width: 1024px; /* expand this to fit the wing shadows, if needed */
	min-height: 758px; /* based on home page: 18+18+80+642 */
	height: auto; /* for FF/Moz/Safari */
	_height: 758px; /* for IE */
	/*background-image: url(../images/bkg.gif);
	background-repeat: repeat-y;*/
	background-color: #FFF;
	margin: 0px auto;
	position: relative;
}

#contentwrapper {
	/* add base margin in white zone */
	top: 0px;
	margin: 0px auto;
	padding: 18px;
	background-color: #FFF;
	
}

/* masthead elements */

#mastheadwrapper {
	 height:80px; 
	 margin:0; 
	 padding:0;
}

#logo {
	 float:left; 
	 width:225px;
}

#mainnavbox {
	/* main navigation */
	float:right; 
	height:70px;
    text-align: right;
}

#mainnav {
	/* main navigation position within box */
	margin-top:35px;
}

#njog {
	/* separate footer elements elegantly */
	margin-left:18px;
}

/* content elements */

#pagecontent {
	/* restrict content size */
	margin-top:12px;
}

#pagecontent2col {
	/* restrict content size */
	margin-top:12px;
}

#homepagecontent {
	/* restrict content size */
	margin: 0;
}

#homepagebox {
	/* shadow box text overlay for the home page */
	position: absolute;
	width: 470px;
	height: 182px;
	margin: 0;
	padding: 0;
	z-index: 200;
	left: 536px;
	top: 482px;
}




/* footer elements */
#footerwrapper {
	/* make it float at the bottom */ /* commented out */
	width: 1024px;
	height: 36px;
	color: #FFFFFF;
	margin-top: 12px;
	margin-right: auto;
	margin-bottom: 12px;
	margin-left: auto;
}

#fjog {
	/* separate footer elements elegantly */
	margin-left:10px;
}