@import "tables.css";

html, body {
	background: #b8cede url("../images/background.png") repeat-x top;
	font-size: small;
	margin: 0;
	padding: 0;
}
#container {
	width: 700px;
	margin-left: auto;
	margin-right: auto;

}
#contentnav {
	background-color: #efefef;
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif;
	border-left: 1px solid #b6b6b6;
	border-right: 1px solid #b6b6b6;
	padding-top: 155px;
	width: 698px;
	min-height: 5em;
}

#bulletnav {
	background-color: #999999;
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif;
	border-left: 1px solid #b6b6b6;
	border-right: 1px solid #b6b6b6;
	width: 698px;
	height: 256px;
	padding-bottom: 40px;
	border-bottom: 1px solid #467bab;
}
#contentnav a {
	color: #6798c3;
	text-decoration: none;
	font-weight: bold;
}
#contentnav a:hover {
	color: #4d83b2;
	font-weight: bold;
	text-decoration: underline;
}
p {
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif;
	font-size: 85%;
	color: #727272;
	padding: 12px;
	line-height: 18px;
	margin: 0;
}
#topnavlinks {
	margin: 0px;
	padding: 8px 0 0 0;
	text-align: center;
}
#topnavlinks li {
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif;
	font-size: 85%;
	padding: 0;
	margin: 0;
	display: inline;
	list-style-type: none;
	text-shadow: #6e6e6e 2px 2px 1px; 
}
#topnavlinks a:hover, #navigate a.active {
	background-color: #858585;
}
#topnavlinks a {
	color: #FFF;
	text-decoration: none;
	background-color: #9e9e9e;
	padding: 6px 8px 6px 8px;
	font-weight: bold;
}
#topnav {
	background-color: #9e9e9e;
	height: 29px;
	border-bottom: 1px solid #6e6e6e;
}
#blueleft {
	background-color: #80a9cd;
	height: 135px;
	width: 325px;
	float: left;
	position: absolute;
	margin-left: 1px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif;
	font-size: 85%;
	color: #FFF;
	padding: 5px;
	text-shadow: #799ebf 2px 2px 1px;
	border-bottom: 1px solid #467bab;
}
#blueright {
	background-color: #6798c3;
	height: 135px;
	width: 351px;
	float: right;
	margin-right: 1px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif;
	font-size: 85%;
	color: #FFF;
	padding: 5px 5px 5px 10px;
	text-shadow: #648bae 2px 2px 1px;
	border-bottom: 1px solid #467bab;
}
#blueleft a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
#blueleft a:hover {
	text-decoration: underline;
}
#blueright a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
#blueright a:hover {
	text-decoration: underline;
}
#footer {
	height: 35px;
	width: 700px;
	background: url("../images/footer.gif");
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif;
	font-size: 85%;
	color: #6798c3;
	text-shadow: #FFF 2px 2px 1px;
	text-align: center;
}
#footer a {
	color: #a4a4a4;
	text-decoration: none;
}
#footer a:hover {
	color: #4d83b2;
	text-decoration: underline;
}
h3 {
	color: #6798c3;
	padding-left: 8px;
	margin-bottom: 0;
}
fieldset {
  width: 450px;
  border: 1px dotted #CCC;
  background-color: #F6F6F6;
  margin-left: 7px;
  padding: 10px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif;
  font-size: 85%;
  color: #666;
}
label {
  float: left;
  width: 25%;
  margin-right: 0.5em;
  padding-top: 0.2em;
  text-align: right;
  font-weight: bold;
}
.inputOption {
	background-color: #FFF;
	border: 1px solid #999;
	color: #999;
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif;
	font-size: 85%;
	padding: 3px;
}
.inputOption:focus {
	background-color: #f1ecf6;
}
.inputContent { 
	background-color: #FFF;
	border: 1px solid #999;
	color: #999;
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif;
	padding: 3px;
	font-size: 100%;
	margin-bottom:  15px;
}
.inputContent:focus {
	background-color: #efefef;
	border-color: #CCC;
	color: #666;
}
legend {
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif;
	font-size: 110%;
	font-weight: bold;
	padding-bottom: 10px;
}
select {
	border: 1px solid #999;
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif;
	color: #666;
}
textarea {
	margin-left: 119px;
	border: 1px solid #999;
	color: #999;
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif;
	font-size: 100%;
}
textarea:focus {
	background-color: #efefef;
	border-color: #CCC;
	color: #666;
}
.button {
	border: 1px solid #75a3c3;
	background-color: #d4e3ed;
	color: #75a3c3;
	font-weight: bold;
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif;
	font-size: 100%;
}
.ImBlue {
	color: #4e82af;
	font-weight: bold;
}
.ImYellow {
	color: #e9d689;
	font-weight: bold;
}
#DownloadBox {
	background: #000 url("../images/downloadarrow.gif") no-repeat top right;
	color: #e9d689; 
	padding: 8px;
	height: 55px;
	border: 5px solid #d2d2d2;
}

#ApplyBox {
	background: #000;
	color: #e9d689; 
	padding: 8px;
	height: 55px;
	border: 5px solid #d2d2d2;
}

#ApplyBox a {
	color: #e9d689;
}

#DownloadBox a, #ApplyBox a {
	color: #e9d689;
}
#DownloadBox a:hover, #ApplyBox a:hover {
	color: #f5e8b2;
}
hr {
	margin-bottom: 15px;
	color: #FFF;
}
.Notice {
	 background-color: #dbe8f4;
	 padding: 5px;
	 color: #3c8bc8;
	 width: 430px;
}