/* CSS Document */

body {
background-color:#ebeef5;
margin:0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
}

img {
border:0;
}

/*sitewide link colors, except nav bar*/
body a:link, body a:hover, body a:visited {
color:#031d51;
}

#header {
width:100%;
height:105px;
background-image:url(images/blue-thing.jpg);
background-repeat:repeat;
}

#logo {
width:589px;
margin-left:auto;
margin-right:auto;
color:#fffffff;

}

#logo h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:56px;
color:#ffffff;
}

#goldbar {
width:100%;
height:15px;
background:#847248;
border-top:#ebeef5 solid 2px;
}

#content_border {
width:597px; /* border is 4px each side of content */
padding-top:4px;
padding-bottom:4px;
margin-top:30px;
margin-left:auto;
margin-right:auto;
background-color:#fafbfc;
}

#content_image {
width:589px;
padding-top:5px;
}

#content {
width:589px;
background-color:#ffffff;
margin-left:auto;
margin-right:auto;
}

#content h2, #content h3, #content h4, #content p {
padding: 0 20px 0 20px;
font-family:Georgia, "Times New Roman", Times, serif;
}

#content h3 {
font-size:15px;
}

#content h2 {
font-size:18px;
}




/*css for main navigation*/
/*remove padding, margin, and default style for all lists*/
#main-nav{
width:589px;
margin-left:auto;
margin-right:auto;
}

#main-nav ul {
margin:0;
padding:0;
list-style:none;
}

/*with styling removed, now make it horizontal, using float*/
#main-nav li {
float:left;
position:relative;
padding-right:33px;
}

/*after making it horizontal, hide the drop down list*/


#main-nav li ul {
display:none;
position:absolute;
top:1em;
left:0;
background-color:#031d51;
margin-top:2px; /*make a little room between the parent and the drop down*/
}

#main-nav li ul li {
width:130px;
padding:2px;
}

/*now make it reappear when hovering*/
#main-nav li:hover ul {
display:block;
}

/*link colors for main nav*/
#main-nav li a:link, #main-nav li a:visited {
color:#847248;
text-decoration:none;
}

#main-nav li a:hover {
color:#FFFFFF;
text-decoration:none;
}