@charset "utf-8";

/* Frame Specific CSS */

#frameContainer { 
	width: 100%;  /* this will create a container 100% of the browser width */
	background-color: #000044;
	background-image: none;
	background-repeat: repeat-y;
	background-attachment: fixed;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px;
	text-align: left; /* this overrides the text-align: center on the body element. */
}


/* Title located at the top of the page */
#frameTitle {
	height: 60px;
	background-color: #000044; 
	padding: 10px 10px;		/* Left/right padding matches those for the elements below it */
}


/* Menu bar floating section on the left hand side */
#frameMenuBar {
	float: left; 
	width: 200px;
	background-color: #000066;	/* This will be displayed for the length of the content in this section */
	padding: 10px 0px;		/* Bottom and left/right padding */
	margin-left: 0px;
	margin-right: 0px;
}


/* Main frame */
#frameMain { 
	margin: 0px 0px 0px 210px;
} 


/* Copyright frame at the bottom of the page */
#frameCopyright {
	margin: 0px 0px 0px 210px;
	height: 120px;
	padding: 0 10px;		/* Left/right padding matches those for the elements above it */
	background-color: #000044;
} 


/* Copyright frame at the bottom of the page - full width */
#frameCopyrightFull {
	margin: 0;
	height: 120px;
	padding: 0 10px;		/* Left/right padding matches those for the elements above it */
	background-color: #000044;
} 


/* This class clears the floating menu bar section and should be the final element before the copyright notice section */
#frameClearMenuBar {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}