/* CSS Document */
/* SECTIONS */

/* PAGE STRUCTURE ================================================================= */
/* these containers split the page horizontally into sections */
#upperContainer,
#mainNavContainer,
#middleContainer,
#lowerContainer,
#footerContainer,
#dropshadowContainer {
/*	border: 1px solid red; /* debug only */
	width: 100%;
	text-align: center;
	clear: both;
}
#dropshadowContainer {
	height: 120px;
	border-top: 1px solid #ccc;	/* dividing line between footer section and dropshadow */
	background-image: url(../images/footer_shadow_bg.png);
	background-position: top;
	background-repeat:repeat-x;
}
#mainNavContainer {
	border: 0px;
	color: #CCC;
	background-image:url(../images/nav_menu_bg.png); /* this for default value 
														bg image now overwritten by content.css 
														according to colour scheme */
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #000;
}
#middleContainer {
	background-color: #fff;
}
#footerContainer {
	margin-bottom: 20px; /* gap between footer and drop shadow */

}
/* INNER FRAMES ================================================================= */
/* these frames are for positioning elements within the larger containers 
   - nothing to do with HTML frames */
#upperFrame {
	width: 800px;
	height: 120px;
	padding: 0px 0px 0px 0px;
	margin: 10px auto 10px auto;	/*req. for Firefox centering*/
	text-align: left;
}
#mainNavFrame {
/*	border: 1px solid blue; /* debug only */
	width: 800px;
	padding: 0px;
	height: 2em;
	margin: 0px auto;	/*req. for Firefox centering*/
	text-align: left;
}
#middleFrame {
/*	border: 1px solid blue; /* debug only */
	width: 800px;
	padding: 0px;
	margin: 25px auto;	/*req. for Firefox centering*/
	text-align: left;
	background-image:url(../images/secnav_menu_graded1_bg.png); 
	background-repeat: repeat-y;
	background-position: top left;
}
#middleFrame table {
	font-size:1em;		/*req. for IE text resize through javascript */
}
#lowerFrame {
/*	border: 1px solid blue; /* debug only */
	width: 800px;
	padding: 0px;
	margin: 0px auto;	/*req. for Firefox centering*/
	text-align: left;
}
#lowerFrame table {
	font-size:1em;		/*req. for IE text resize through javascript */
}

#footerFrame {
/*	border: 1px solid blue; /* debug only */
	width: 800px;
	margin: auto;	/*req. for Firefox centering*/
	padding: 10px 5px;	
}