@CHARSET "ISO-8859-1";
BODY {
  font-family: arial,helvetica,verdana, sans-serif;
  font-size:12pt;
  color:#000000;
  background-color:#ffffcc;
  text-align: center;
  margin: 0;
  padding: 0;
  border: 0;
}
/* 	The CenterPage style is used with a <DIV ID=CenterPage> to put a wrapper
 	around the content on the page and center it within the browser window.
 	The body needs to have text-align: center; to center this div */
#CenterPage {
	width: 800px;
	margin:0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding: 0;
	border: 0;
}
/* 	HeaderArea: DIV style for the heading section on every page */
#HeaderArea {
	width:100%;
	height:80;
  	text-align:left;
  	color:#000000;
  	background-color:#ffffcc;
  	background-image: url(images/HeaderBanner.jpg);
  	background-repeat: no-repeat;
  	margin: 0;
  	border: 0;
  	/* border: 2px solid green; */
  	/* border-left:9em solid #006600; */
  	border-bottom:2px solid #006600;
  	padding: 0;
}
/* 	MenuArea: DIV style for the menu section on every page */
#MenuArea {
	float: left;
	width:122px;
	height: 240px;
	background:#006600;
	border:0;
	padding:0;
	margin: 0;
}
/* 	MainArea: DIV style for the main content section on every page */
#MainArea {
	text-align:left;
	background:#ffffcc;
	margin: 0;
	padding: 5px;
	padding-left: 15px;
	/* border: 2 solid red; */
	border: 0;
	border-left:122px solid #006600;
}
/* 	MainAreaLeft: To create a page with a menu and two columns for main content,
	include the MainAreaLeft and MainAreaRight DIV within the MainArea DIV */
#MainAreaLeft {
	text-align:center;
	float:left;
	width:310px;
	/* height:auto; */
	margin 0;
	padding 0;
	z-index:1;
	/* border: 1px solid blue; */
}
#MainAreaRight {
	text-align:left;
	margin: 0;
	padding: 0;
	padding-left: 315px;
	z-index:-1;
	/* border: 1px solid green; */
}
/* Include the ClearFloat DIV after the MainArea to end wrapping around the MainAreaLeft and Menu Area */
#ClearFloat {
	clear:both;
	margin: 0;
	padding: 0;
	border: 0;
	}
/* 	FooterArea: DIV style for the footer section on every page */
#FooterArea {
	width:100%;
	height:90px;
	background:#ffffcc;
	margin: 0;
	padding-top: 10px;
	border: 0;
	border-left:122px solid #006600;
	font-size: 8pt;
	text-align: center;
}
.Portlet {
	border: 2px solid #006600;
	border-top: 18px solid #006600;
	background:#ffffcc;
	margin: 0;
	padding: 5px;
	padding-top: 0;
}	
P {
  color:#000000;
  margin-top: 7px;
  margin-bottom:4px;
}
P.cc {
  color:#000000;
  margin-top: 7px;
  margin-bottom:4px;
  margin-left:20px;
}
P.PortletHdr {
	position:relative;
	top: -18px;
	color: #ffffcc;
	text-align: center;
	font-size: 12pt;
	margin: 0;
	margin-bottom: -18px;
	border: 0;
}
/* Set the fonts to use for headers */
H1, H2, H3 { 
font-family: arial,helvetica,verdana, sans-serif;
}
H1{
  font-size: 2.5em;
  text-decoration: none;
  font-weight: bold;
  margin-top : 9px;
}
H2{
  font-size: 2em;
  text-decoration: none;
  font-weight: bold;
  margin-top : 9px;
}
H3{
  font-size: 1.5em;
  text-decoration: none;
  font-weight: bold;
  margin-top : 9px;
  margin-bottom: 9px;
}
SPAN.menuarea {
	align:left;
}

TD.formLabel {
	width: 200px;
}
TD.formField {
	width: 400px;
}
.formFieldTxt {
  font-size : 1em;
  font-family : arial,helvetica,verdana, sans-serif;
}
IMG.map {
	position:relative;top:0;left:0;
	height:400;
	width:400;
	border:1px solid;
	float:right;
}
.errortext {
  color:#330000;
}
A:link 							{
  color: blue;
  text-decoration: none;
}
A:visited 						{
  color: blue;
  text-decoration: none;
}
A:active 						{
  color: blue;
  text-decoration: none;
}
A:hover 						{
  color: blue;
  text-decoration: underline;
}
A.btn:link 							{
  color: #ffffcc;
  text-decoration: none;
}
A.btn:visited 						{
  color: #ffffcc;
  text-decoration: none;
}
A.btn:active 						{
  color: #ffffcc;
  text-decoration: none;
}
A.btn:hover 						{
  color: #ffffcc;
  text-decoration: underline;
}
TD.btnDivider {
  background-color:#ffffff;
}