@charset "UTF-8";
/* CSS Document */
body {
	font: Verdana, Arial, Helvetica, sans-serif;
	background: #fffef5;	
	/*background-image:url(images/parchmentTileCeladon.jpg);*/
	margin: 20px 0 0 0; 	
	padding: 0;
	text-align: center; 
	color: #000099;
}
#container {
	width: 960px;  /*change back to 960*/
	margin: 0px auto;    
	border: 0;
	text-align: left; 
}
#mainContent {
	position:relative;
	border:0px;
	width:960px; 
	height:720px;
	margin: 0 auto; 
	border: 0px;
	text-align: left; 
	}
		#menuBox {
			width:100%;
			position:absolute;
			top:60px;
			left:20px;
			margin:0 0 0 0;
			}		
		#menuItem1 a, 
		#menuItem2 a, 
		#menuItem3 a, 
		#menuItem4 a, 
		#menuItem5 a, 
		#menuItem6 a  {
	display:block;
	position:absolute;
	height:73px;
	width:250px; /*half the width of the side-by-side image*/
	overflow:hidden;
	border:0;
	left: 7px;
			}
		#menuItem1 a:hover, 
		#menuItem2 a:hover, 
		#menuItem3 a:hover, 
		#menuItem4 a:hover, 
		#menuItem5 a:hover, 
		#menuItem6 a:hover  {
			display:block; 
			text-indent:-250px; /*half the width of the side-by-side image*/
			border: 0px;
			}
/*set y position here and increase each subsequent by button height*/	
		#menuItem1 a  {  
			top:0px; /*relative to menu box*/	
			} 
		#menuItem2 a  { 
			top:100px;
			} 
		#menuItem3 a  { 
			top:200px;
			} 
		#menuItem4 a  { 
			top:300px;
			} 
		#menuItem5 a  { 
			top:400px;
			} 
		#menuItem6 a  {
			top:574px;
			}
#template {
	position:absolute;
	padding: 0; 
	margin: 0;
	left:44px;
	top:18px;
	width:250px;   
	height:500px;   
}
#titleBox {
	position:absolute;
	padding: 0;
	margin: 15px 0 0 0;
	left:272px;
	top:40px;
	width:405px;   
	height:30px;   
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	color:#000066;
}
#textBox {
	position:absolute;
	padding: 0;
	margin: 15px 20px 0 0;
	left:271px;
	top:85px;
	width:429px;
	height:500px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#000066;
}
#textBox a {
	color:#000066;
	border:0;
	text-decoration:none;
}
#textBox a:hover {
	color:#666699;
}
#title {
padding:0 0 24px 0;
font-size:16px;
font-weight:bold;
}
#topBar {
position:absolute;
	padding: 0;
	margin: 0;
	left:0px;
	top:0px;
	width:960px;   
	height:17px;   
	}
#defBar {
	position:absolute;
	padding: 0;
	margin: 0;
	left:720px;
	top:0px;
	width:240px;   
	height:599px;   
}
#logoBar {
	position:absolute;
	padding: 0;
	margin: 0;
	left:0;
	top:615px;
	width:960px;   
	height:106px;   
}
/*the following styles zero out the rollover image border in Firefox*/
a:active
{
outline: none;
}
a:focus
{
-moz-outline-style: none;
}