@import url(reset.css);

body { 
background: #BEFF9E; 
text-align: left;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
} 

h3, h4, h5, h6 { 
font-weight: bold;
line-height: 2em;
letter-spacing: 1.5px;
}

h3 { 
font-size: 1.5em;
text-align:center;
}

h4 { font-size: 1.25m;}

p { 
font-size: 1em;
margin-bottom: 1em;
}

a { 
color: #000;
font-size: 1em;
}

table, th, td {
border: 1px solid #000;
padding: 0 4px;
font-size: .98em;
line-height: 1.5em;
}

table { margin: 5px 10px; 25px 10px}

th {
background: #BEFF9E;
text-align: center; 
}

table { border-collapse: collapse;}

.none a { text-decoration: none;}

#wrap { 
max-width:70em; 
border: 1px solid #000;
} 

#wrap, #header, #main, #signin, #footer { 
margin: 0 auto;
width: 750px; 
width: expression(document.body.clientWidth > 750? "750px" : "auto"); 
background: #fff; 
}

#header {
background-color: #ACC7FF;
border-bottom: 1px solid #000;
}

#hdr a {
display: inline;
text-decoration: none;
color: #fff;
}

#hdr h1, #hdr h2 {
color: #fff;
display: block;
text-align: center;
text-decoration: none;
letter-spacing: .1em;
line-height: 2em;
}

#hdr h1 { font-size: 3em;}

#hdr h2 { font-size: 2em;}

#main {
float: left; 
vertical-align: top;
}

#content {
list-style: none;
margin: 1.25em 4.1666em;
}

#content li { list-style: none;}

#content ul a { 
line-height: 2em;
letter-spacing: 1.2px;
text-decoration: underline;
}

#content p { 
margin: .8333em 5em; 
line-height: 1.5em;
}

#content p a:hover, #content ul a:hover { 
color: #0A33AD;
text-decoration: none;
}

#content p a:visited, #content ul a:visited { 
color: #0A33AD;
text-decoration: underline;
}

#footer {
padding: .4166em 0;
clear: both;
border-top: 1px solid #000;
}

.bold { font-weight: bold;}

.red { color: #F00;}

.red_bold {
color:#f00; 
font-weight: bold;
}

.search form { 
padding: .4166em 0 0 .8333em;
float: left; 
}

.search input { font-size: 1em;}

.italic { font-style: italic;}

.akey{text-decoration: underline;}

img { display: block;}

#multiple_images img {
display: inline;
margin: .25em;
}

/*	Used to hide information from the visual screen, but not screen readers. The .required is for hidng required text on form fields.	*/ 

.hide_info a, .hide_info a:hover, .hide_info a:visited, .search label, label em { 
position: absolute; 
left: 0px; 
top: -41.6666em; 
width: 1px; 
height: 1px; 
overflow: hidden;
} 

.hide_info a:active { 
position: static; 
width: auto; 
height: auto; 
} 

/* horizontal navigation bar */
#navbar { 
width: 100%;
background: #beff9e;
}

#navbar {
float: left;
border-bottom: 1px solid #000;
}

#nav_h { float: right; line-height: 2em;}

ul#nav_h {
font-size: .9166em;
font-weight: bold;
list-style-type: none;
}

ul#nav_h li {
float: left;
background: #ACC7FF;
border-left: 1px solid #000;
}

#nav_h a {
float: left;
display: block;
color: #000;
text-decoration: none;
padding: 5px;
}

#nav_h a:hover { background: #BEFF9E;}

/* bottom navigation bar */

#navbar_b { margin-left: 27.5em;}

#nav_b { list-style: none;}

#navbar_b ul li a:hover, #navbar_b li#active {
color: #322559;
text-decoration: underline;
}

#nav_b p, #nav_b a {
font-weight: normal;
text-decoration: none;
}

/*	form styles	*/
#forms { 
float: left;
vertical-align: top;
margin: .83333em;
} 

#forms p { 
margin: .8333em 0;
line-height: 1.5em}

fieldset { 
padding: .4166em .8333em; 
margin: .8333em;
border: 1px solid #000;
-moz-border-radius: .3333em;
border-radius: .3333em !important;
width: 57.5em;
} 

fieldset.inner { width: 54.1666em;} 

input, select, textarea { margin-bottom: 5px;} 

label {
float: left;
width: 15em;
margin-right: .25em;
text-align: right;
padding: .25em;
}

legend { 
padding: .25em; 
margin: .25em .25em .75em .25em; 
border: 1px solid #000; 
} 

.submit {  margin: 1em auto;}

span.req { 
color: #f00; 
font-weight: bold;
}

/*	Used to display directions/explainations of fields to right of input field.	*/ 

label{ position: relative;}

label strong.msg1, label strong.msg2 {
color: #888;
font-size: .8em;
font-style: normal;
line-height: 2.5;
position: absolute;
top: 0;
}

label strong.msg1 { right: -18em;}

label strong.msg2 { right: -33.75em;}

/*	Used to crete three columns for checkbox section	*/ 
.content1, .content2, .content3 {
list-style: none;
width: 17.0833em;
margin: .4166em;
}

.content1 label, .content2 label, .content3 label {
float: left;
width: 12em;
margin-right: .25em;
text-align: right;
padding: .25em;
}

.content1, .content2, .content3 { float: left;}