/*--------------------------------------------------------------------------------------------------COLOR CHART--------------------------------------------------------

DARK BLUE   #003D7C
DARK GREY  #ABABAB
*/

/*---------------------------------------------------------------------------------------------------RESET------------------------------------------------------------------
*/
* {
list-style:none outside none;
margin:0;
padding:0;
}
a {
text-decoration:none;
}
a img {
border:medium none;
}
.clear {
clear:both;
}
.clear-left {
clear:left;
}
.clear-right {
clear:right;
}
ol,ul{
list-style:none;
}

/*---------------------------------------------------------------------------------------------------BASIC ELEMENTS and TYPOGRAPHY------------------------------------------------------------------
*/
html {
background: #ABABAB url("../img/bg_3.png") repeat-x;
margin-bottom:1px;
min-height:100%;
}
body {
font-family:arial,sans-serif;
font-size:90%;
line-height:1.5em;
text-align:center;
}

h1{
color: #0174DF;
font-family: georgia, serif;
font-size: 24px;
text-align:center;
text-decoration:underline;
}
h2 {
color: #191970;
font-family: arial, sans-serif;
font-size: 20px;
text-align:center;
text-decoration: underline;
}
h3 {
color: #003D7C;
}
blockquote {
background: #F0F0F0;
border: 1px solid #E0E0E0;
padding: 15px; 
margin: 15px 0 0 35px;
font-style:italic;
width: 478px;
}

#wrapper {
background: #EEE8AA url("../img/bg_bottom.png") bottom left repeat-x;
height:100%;
text-align:left;
margin: 20px auto;
width:960px;
}

/*---------------------------------------------------------------------------------------------------HEADER------------------------------------------------------------------
*/

#header {
background-image:url("../img/header.jpg");
background-position: top left;
background-repeat:no-repeat;
display:block;
height:128px;
}
#header img {
float:left;
margin: 15px 0 0 15px;
}
#header object {
float:right;
margin: 20px 10px 0 0;
}

/*---------------------------------------------------------------------------------------------------NAV------------------------------------------------------------------
*/
#nav {
background: #EEE8AA;
display:block;
float:left;
height:100%;
padding:25px 0 0 10px ;
width: 210px;
}
#nav h3 {
float:left;
margin: 20px 0 0 10px;
}
#nav ul li a{
display:block;
float:left;
height:39px;
padding:8px 0 0 10px;
width:268px;
}
#nav ul a:link , #nav ul a:visited{
color: #000;
}
#nav ul li a:hover, #nav ul li a:focus, li.on a{
background: url("../img/rollover.png") top left no-repeat;
}

/*---------------------------------------------------------------------------------------------------CONTENT------------------------------------------------------------------
*/
#content-topper {
background: url("../img/content-topper.png") no-repeat ;
height: 33px;
margin: -20px 0 0 220px
}

#content {
background: url("../img/borders.png") repeat-y;
float:left;
min-height: 690px;
width: 578px;
}

#content p, #content h1, #content h2, #content h3, #content li, #content img{
line-height: 1.8em;
padding: 10px 25px 0 25px;
}
p.footer {
font-weight:bold;
font-size: 12px;
text-align:center;
margin: 30px 0 -20px 0;
}
span{
color:red;
font-weight:bold;
}
blockquote.letter span{
color:#003D7C;
font-weight:bold;
}
#content a:link, #content a:visited {
color: #003D7C;
text-decoration: underline
}
#content a:hover, #content a:focus {
color: #ABABAB;
text-decoration: underline
}
ul.bullet li{
list-style-image: url("../img/checkmark.gif");
margin-left:50px;
}
p.question {
color: #003D7C;
font-size:16px;
font-weight:700;
}
p.answer {
font-size: 14px;
font-style: italic;
}
#content object {
margin: 0 0 25px 170px;
}
#interlock {
margin-top: 55px;
}

/*---------------------------------------------------------------------------------------------------RIGHT COLLUMN------------------------------------------------------------------
*/
#right-collumn {
background-color: #EEE8AA;
float:right;
padding-top:30px; 
width:150px;
}
#right-collumn p{
margin-bottom:30px;
}
#right-collumn img {
float:right;
margin: 10px 18px 0 0;
}
#right-collumn img.license {
margin:0 10px 20px 0;
}
/*---------------------------------------------------------------------------------------------------FOOTER-----------------------------------------------------------------
*/
#footer {
background: url("../img/footer_bottom.png")  top left no-repeat;
display:block;
height: 150px;
margin-left: 171px;
}

/*---------------------------------------------------------------------------------------------------CONTACT FORM------------------------------------------------------------------
*/
#contact-form{
background-color:#F0F0F0;
border:1px solid #CCCCCC;
margin-left: 38px;
width:500px;
}
#contact-form input, #contact-form textarea {
border:2px solid #CCCCCC;
font-family:Helvetica,sans-serif;
font-size:1.2em;
padding:5px;
margin:0 0 15px 15px;
width:450px;
}
#contact-form textarea:focus, #contact-form input:focus {
border:2px solid #990000;
}
label {
float:left;
font-size:1.2em;
margin: 10px 15px 0 15px;
}
select {
border:2px solid #CCCCCC;
font-family:Helvetica,sans-serif;
font-size:1.2em;
margin:5px 10px 10px 0;
padding:4px;
}
#contact-form input.submit-button {
background-color:#003D7C;
color: #FFF;
cursor:pointer;
float:left;
margin-top:35px;
width:100px;
}
#contact-form input.reset-button {
background-color:#003D7C;
color: #FFF;
cursor:pointer;
float:left;
margin:35px 0 0 25px;
width:100px;
}
.error {
background-color: #ffc;
border: 1px solid #c80000;
font: normal 12px arial;
padding: 3px;
margin: -15px 0 3px 16px;
}