/* --- GENERAL LAYOUT--- */

body {
margin: 0;
background: #000000 url(/images/bkgd_main.jpg) top left no-repeat;
}

#cont_bkgd {
position: absolute;
top: 0;
left: 215px;
background: #52310f;
margin: 0;
padding: 0 22px 0 22px;
border: 0;
}

#cont_recent {
background: #52310f;
margin: 0 24px 0 24px;
width: 419px;
padding: 0;
border: 0;
text-align: left;
}

.flt_left {
margin: 6px 10px 8px 0;
border: 1px solid #999999;
float: left;
}

.flt_right {
margin: 6px 0 8px 10px;
border: 1px solid #999999;
float: right;
}


/* --- NAVIGATION --- */

#main_nav {
background: #52310f url(/images/bkgd_main_nav.jpg) top left no-repeat;
margin: 2px 0;
padding: 0;
border: 0;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
width: 467px;
height: 27px;
text-align: center;
}

#main_nav ul {
margin: 0 0 0 22px;
display: inline;
list-style-type: none;
text-align: left;
}

#main_nav li {
margin: 0;
text-indent: -5000px;
display: inline;
list-style-type: none;
float: left;
}

a.recent, a.missions, a.photos, a.about, a.contact {
background: transparent;
background-position: top left;
background-repeat: no-repeat;
margin: 0;
width: 85px;
height: 27px;
display: block;
}

a.recent { margin: 0 0 0 22px; }
a.recent:hover { background-image: url(/images/n_recent_r.gif); }
a.missions:hover { background-image: url(/images/n_missions_r.gif); }
a.photos:hover { background-image: url(/images/n_photos_r.gif); }
a.about:hover { background-image: url(/images/n_about_r.gif); }
a.contact:hover { background-image: url(/images/n_contact_r.gif); }


/* --- TEXT APPEARANCE--- */

h1, h2, h3 {
font-family: helvetica, arial, verdana, sans-serif;
font-weight: bold;
}

h1 { font-size: 24px; color: #ffffff; }
h2 { font-size: 18px; color: #ffffff; letter-spacing: 1px; }
h3 { margin: 1.5em 0 0 0; font-size: 14px; color: #ffffff; letter-spacing: 1px; }

#masthead {
background: #52310f url(/images/domc_head.jpg) top left no-repeat;
margin: 12px 0 8px 0;
width: 467px;
height: 72px;
text-indent: -5000px;
display: block;
}

#pagehead {
background: #52310f;
background-position: top left;
background-repeat: no-repeat;
margin: 20px 0 15px 0;
width: 110px;
height: 23px;
text-indent: -5000px;
display: block;
clear: both;
}

p {
font-family: helvetica, arial, verdana, sans-serif;
font-size: 12px;
color: #ffffff;
line-height: 1.5em;
}

p.date {
margin: 1.75em 0 0 0;
font-family: helvetica, arial, verdana, sans-serif;
font-size: 12px;
font-weight: bold;
color: #ffffff;
}

p.caption {
margin: 0.5em 0 1.5em 0;
font-family: helvetica, arial, verdana, sans-serif;
font-size: 11px;
font-style: italic;
color: #ffffff;
line-height: 1.25em;
}

a:link, a:visited, a:active, a:hover {
font-family: helvetica, arial, verdana, sans-serif;
font-size: 12px;
line-height: 1.5em;
text-decoration: underline;
}
a:link { color: #ffffff; }
a:visited { color: #cccccc; }
a:active { color: #FF6633; }
a:hover { color: #FF6633; }