/* This file is for the main page layout structure and is independent
of anything BUT the page structure
*/

#pageContainer {
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	border: 1px solid #333333;
	text-align: left;
	background-color: #FFFFFF;
}

#logoContainer{
	width: 760px;
}


#logoPic {
	width: 20%;
	float: left;
	margin-left: 10px; /* Setting for FF = 50, IE = 30 */
	margin-top: 2px;
}
/* This hack is for ALL other browsers besides IE */
	#logoContainer>#logoPic {
	 	margin-left: 10px;
 	}


#logoText {
	width: 55%;
	float: left;
	text-align: center;
	margin-top: 5px;
	margin-left: -80px; /* Setting for FF */
	font-weight: bold;
	font-size: 20px;
	color: #0033CC;
}
/* This hack is for ALL other browsers besides IE */
	#logoContainer>#logoText {
	 margin-left: -60px;
 	}

#logoDate{
	width: 21%;
	float: right;
	font-size: 10px;
	text-align: right;
	padding-right: 0px;
	margin-right: 0px;
}

#picHeader {
	width: 760px;
	height: 180px; /* This needs to be set to what the height of the image is so FF Displays Correctly */
}

#headerMenu {
	width: 760px;
	background-color: #003366;
	height: 30px;
	width: 100%;
}

#mainContainer {
	width: 100%;
}
#pageContainer>#mainContainer { margin-top:2px; }

#leftContainer {
	float: left;
	width: 145px;
}
#mainContainer>#leftContainer { width: 146px; }

#midContainer {
	width: 450px;
	/* Sets height in NON-IE browsers for small pages to display correctly.
		It is here so if smaller content is displayed, the screen still shows
		the way we intend it to.
	 */
	min-height: 180px;  
	float: left;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

#midContainerContent {
	padding: 5px;
}

#rightContainer{
	float: right;
	width: 145px;
}
#mainContainer>#rightContainer { width: 146px; }

.clearAll,.clearfix {
	clear: both;
}

#footerContainer {
	border-top: 1px solid #003366;
	width: 100%;
	padding-bottom: 4px;
	padding-top: 4px;
	font-size: 9px;
	text-align: center;
}