/*General Styles*/

body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: .8em;
background-color: #e1e1eb;
}

a:link {
color: #0000ff;
font-weight: bold;
text-decoration: underline;
}

a:visited {
color: #a00000;
font-weight: bold;
text-decoration: underline;
}

a:hover {
color: #0099cc;
text-decoration: none;
font-style: oblique;
}

a:active {
font-style: normal;
}

h1 {
font-size: 1.6em;
font-weight: bold;
}

h2 {
font-size: 1.3em;
font-weight: bold;
}

h2.background {
text-align: center;
font-weight: bold;
background-color: #c8c8c8;
}

h3 {
font-variant: small-caps;
font-size: 1em;
background-color: #dbdbdb;
display: block;
}

.content {
position: relative;
margin:0 210px 20px 170px;
width: auto;
background-color: #e1e1eb;
z-index: 3;
}

.credit {
font-size: .7em;
}

p.headline {
font-weight: bold;
text-align: center;
}

p.article {
margin-top: -1em;
line-height: 1.3em;
}

ul.spacing {
margin-top: -1em;
}

span.emphasized {
font-weight: bold;
font-variant: small-caps;
}

span.shiftup {
display: block;
margin-bottom: 1em;
line-height: 1.3em;
}

li.shiftup {
line-height: 1.3em;
margin-top: -1em;
}

ul.article {
margin-left: 2.5em;
}

/*Layout Styles*/

#container {
padding: 0;
text-align: left;
line-height: 1.8em;
}

#header {
height: 100px;
background-image: url("../images/back_banner.gif");
background-repeat: no-repeat;
}

#header h1 {
color: #ffffff;
display: block;
text-align: center;
}

#header h3 {
font-size: 1.1em;
color: #ffffff;
margin-top: -1.25em;
font-weight: bold;
background-color: transparent;
text-align: center;
}

span.contact {
display: block;
text-align: center;
color: #ffffff;
font-size: .8em;
font-weight: bold;
}

span.shiftup {
line-height: 1em;
}

.centered {
text-align: center;
}

/*W3C suggested method for centering image*/
/*Did not work in IE6*/
/*img.displayed {*/
/*display: block;*/
/*margin-left: auto;*/
/*margin-right: auto;*/
/*}*/


#navleft {
position: absolute;
overflow: hidden;
width: 124px;
top: 220px;
left: 10px;
font-size: .8em;
border: 1px #0000ff solid;
margin: 10px;
margin-bottom: auto;
z-index: 2;
background-color: #dbdbdb;
}

#navright {
position: absolute;
width: 175px;
top: 220px;
right: 5px;
z-index: 1;
border: 1px #000000 solid;
margin: 10px;
background-color: #ffffff;
padding: 0em 1em 0em 1em;
overflow: hidden;
}

#navright h3{
text-align: center;
}

/* footer */

#footer {
clear: both;
text-align: center;
margin: 0;
padding: 0px 0 15px 0;
}
	
#footer-info {
padding: 5px;
/*background: url("../images/back_navmain.gif") #007AAC no-repeat;*/
background-color: #007AAC;
margin: 10px 16px 10px 10px;
color: #FFFFFF;
}

#footer-info a,#footer-info a:visited {
color: #D1EBF4;
}

#footer-info a:hover,#footer-info a:visited:hover {
color: #FFFFFF;
}

#info-standards{
font-size: 10px;
padding: 0;
margin: 5px;
}