@charset "utf-8";
#container {
	font-family: Arial, Helvetica, sans-serif;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-color:#000000;
	padding:5px;
}
h1 {
	color: #FFFFFF;
	padding-top: 0px;
	font-size: 20px;
}
h2  {font-weight:bold;
font-size:18px;
}
body {
	text-align:left;
	background-image: url(fader.gif);
	background-repeat: repeat-x;
}
#menu {
	float:left;
	width: 128px;
	margin-right: 10px;
	line-height: normal;
	padding-left: 0px;
	color:#FFFFFF;
}
#menu a:visited {
	color:#FFFFCC;
}
#menu a {
	color: #FF00CC;
	text-decoration: none;
	display: block;
	margin: 2px;
	padding: 2px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFF66;
	border-bottom-color: #FFFF66;
}

	
#content {
	float:left;
	width: 580px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	color:#000000;
	background-color: #FFFFFF;
	color: #000000;
}
#sidebar {
	float:right;
	width:190px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	color:#FFFFFF;
	font-size: 14px;
	margin-top: -0.8em;
}
.pullquote {
	font:18px Arial, Helvetica, sans-serif;
	display:inline;
	color:#FFFFCC;
	width:160px;
	padding:0px;
	float: left;
	text-align:center;
	border-top-width: 2px;
	border-bottom-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ffffcc;
	border-bottom-color: #ffffcc;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#footer {
	border-top:0px solid #000000;
	clear:both;
	margin-left: 20px;
	padding-top: 0px;
	text-align: justify;
	color: #FFFFFF;
}
#widemenu ul {
margin: 0px;
padding: 0px;
list-style:none;
}
#widemenu ul li {
	float:left;
	height:1%;
	list-style-type:none;
	padding: 5px 25px 5px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-top:3px;
	padding-right:25px;
	padding-bottom:5px;
	padding-left:5px;
	color: #FFFFFF;
	text-align: center;
}
#widemenu ul li a {
	color: #000000;
	font-size:14px;
	line-height:1em;
	text-decoration: none;
	display:block;
	text-align:center;
}

#widemenu ul li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#widemenu {
	background:url(widemenu-bg2.gif) repeat-x top right;
	margin-bottom: 10px;
	height: 25px;
	margin-top:0px;
}

#menu a:hover {
	color: #000000;
	text-decoration: underline;
	background-color: #CCCCCC;
}
#menu a:active {
	text-decoration: none;
}
#map {
}
.textfield {
	background-color: #EFEEE2;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: inset;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#container #content #form1 label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
/* -- these styles use attribute selectors and the focus pseduo class selector to style form elements in DOM compliant browsers. Other browsers such as IE6 will ignore these styles and render the default */
fieldset[id=personalinfo]{
background:#cc9;
border: 3px ridge #000;
}
legend[class=perlegend]{
background: #cc9;
border-top: 3px ridge #000;
border-right: 3px #000;
border-left: 3px #000;
}
input:focus, textarea:focus {
border: 2px solid #630;
}
#container #content #form1 {
}
#container #content #form1 #personal info table {
}
#container #content #form1 #personalinfo .perlegend {
	text-align: left;
}


#container #content #form1 #personal info table {


}
#container #menu a {
	color: #FFFFCC;
}