body {  /* Entire browser window */
	background-color: #F9D344;  /* #FFFF9D; */
}

#entire_page {
	position: static;
	width: 960px; /* wrt BODY */
	margin: 5px auto 5px auto; /* auto, in conjunction with the width, centers the page */
	background: white;
	font: normal 13px Arial, Helvetica, sans-serif;
	color: black;
	border-width: 1px 1px 1px 1px;   /* Line around white page */
	border-style: solid;
	border-color: black;
  /* The min-height property is supported in all major browsers. */
	/* min-height: 1100px;  /* So short home page has scroll bars like all the other pages. If not, page jumps to side. */
}

#wrapper {  /* This is required to get elements to position wrt entire_page instead of body. */
position: absolute;
margin: 0;
right:auto; top:auto;
}
.pagetitle {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}


#footer {
	position: absolute;  
	left: 10px;
	width: 940px;
	height: 55px;
	margin: 10px 0 10px 0;
	background-color:#F9D344;
	border: solid black 1px; 
}

#footer p {
	margin: 0px;
	padding: 5px;
	text-align: center;
	font-size: small;
	color: black;
}

#logo_area {  /* left side of top area */
	position: absolute;  
	top: 10px;
	left: 10px;
	width: 273px;
	height: 120px;
	background-color: #F9D344;
	border: 1px solid #000000; 
	padding: 10px;
}	

#banner {  /* right side of top area */
	position: absolute;
	margin: 0px 0px 0px 10px;
	top: 10px;
	left: 303px;
	width: 637px;
	height: 140px;
	background-color: #F9D344;
	border-color: black;
	border-width: 1px;
	border-style: solid; 
}
#phrase_in_banner {
	position: absolute;
	top: 17px;
	left: 80px;
}

#menu_in_banner {
	position: absolute;
	top: 104px;
	left: 25px;
	/*	border-style: solid;	border-color: black;	border-width: 1px 0 1px 0; */
}
#both_boxes {
	position: absolute;  
	top: 160px;    
	left: 10px;
  padding: 0px;
	width: 940px;  /* visible area = width + padding */ 
	background-color: white;
	/* border: 1px solid black; */
	/* z-index:0;  /* Must be less than z-index of menu which is 1000 */
}

#left_box {  /* left side of central area;  */
	position: absolute;  
	top: 160px;    
	left: 10px;
  padding: 0px;
	width: 600px;  /* visible area = width + padding */ 

	background-color: white;
}
#right_box {  /* right side of central area; */
	position: absolute;  
	top: 160px;    /* Have to move it up since area #logo was still allocated even thought it was move up by 43 px */
	left: 620px;
	width: 330px;
	background-color: white;
}

.indent {
margin: 20px;
}


#left_box ul {
 list-style-type:disc;
}
#left_box ul ul{
 list-style-type:circle;
}

.tableborder {
	border: 1px solid black;
}

.title {
	font-size:160%;
	font-weight:bold;
}
a, a:visited {
	color: #000099;
	text-decoration: none;
	border-bottom: 1px dotted #B1B1B1;
}

a:visited:hover, a:link:hover {
	color: #FF0000;
	border-bottom: 1px solid #B1B1B1;
	background-color: transparent;
}

.link_on_img a {
	border-bottom-style: none;
	color: #000099;

}
.link_on_img a:link:hover {
	border-bottom-style: none;
	color: #000099;

}
.link_on_img a:visited:hover {
	border-bottom-style: none;
	color: #000099;
}