/* 
Title:     styles for screen media
Author:    steve@divinemass.com
Updated:   January 22 2008
*/

body {
 margin: 30px 0 0 0;
 padding: 0;
 font-family: Tahoma, Verdana, sans-serif;
 font-size: 65%;
 color: #000;
 background: #FFF;
 line-height: 1.3em; }

a:link, a:visited {
 color: #FFF;
 text-decoration: underline; }

a:hover, a.selected {
 color: #FFF;
 text-decoration: underline; }

/* wrap
---------------------------------------------------------- */

#wrap {
 display: block;
 width: 935px;
 margin: 0 auto;
 padding: 0; }

/* header
---------------------------------------------------------- */

#header {
 display: block;
 height: 72px;
 margin: 0 0 8px 0;
 padding: 0; }

#header img {
 float: left;
 margin: 0;
 padding: 0;
 display: inline; }

#header h1 {
 float: left;
 margin: 40px 0 0 0;
 padding: 0;
 font-size: 100%;
 font-weight: bold;
 color: #000;
 display: inline; }

/* body
---------------------------------------------------------- */

#body-wrap {
 float: left;
 display: block;
 width: 935px;
 min-height: 410px;
 margin: 0;
 padding: 0;
 background: #EB008B url(../images/common/bottom-border.gif) repeat-x bottom left;
 border-bottom: 5px solid #fff; }
 
/* navigation
---------------------------------------------------------- */

#navigation {
 float: left;
 width: 110px;
 min-height: 400px;
 margin: 0;
 padding: 10px 0 0 0;
 background: #66CCCC url(../images/common/navigation-watermark.gif) no-repeat bottom left;
 border-right: 5px solid #fff;
 border-bottom: 5px solid #fff; }

#navigation ul {
 margin: 0 8px 0 8px;
 padding: 0; }

#navigation li {
 display: block;
 margin: 0 0 10px 0;
 padding: 0 0 0 2px;
 font-weight: bold;
 color: #A3E0E0;
 list-style: none; }

/* imagery
---------------------------------------------------------- */

#imagery {
 float: left;
 width: 292px;
 min-height: 410px;
 margin: 0;
 padding: 0;
 background: #eee;
 border-right: 5px solid #fff;
 border-bottom: 5px solid #fff; }

/* content
---------------------------------------------------------- */

#content {
 float: left;
 width: 493px;
 margin: 0;
 padding: 10px 15px 10px 15px;
 color: #fff; }

#content h1 {
 display: block;
 margin: 0 0 1.3em 0;
 padding: 0;
 font-size: 120%;
 font-weight: bold;
 color: #fff; }

#content h2 {
 display: block;
 margin: 0 0 25px 0;
 padding: 0;
 font-size: 100%;
 font-weight: bold;
 color: #fff; }

#content blockquote {
 clear: left;
 margin: 20px 35px 20px 20px;
 padding: 0;
 font-weight: bold;
 color: #eee; }

#content p {
 display: block;
 margin: 0 0 1.3em 0;
 padding: 0;
 font-size: 120%;
 font-family: Verdana, sans-serif;
 line-height: 1.3em; }

#content .underline {
 text-decoration: underline; }

#content ul {
 margin: 0 0 10px 30px;
 padding: 0; }

#content li {
 margin: 0 0 4px 0;
 padding: 0 0 0 2px;
 list-style: none; }

/* containers
---------------------------------------------------------- */

#container-1 {
 margin: 0 0 1.3em 0;
 padding: 8px;
 background: #fff;
 border: 2px solid #FAC0E2;
 border-right: 5px solid #FAC0E2;
 border-bottom: 5px solid #FAC0E2;
 color: #666; }

#container-1 p {
 margin: 0; }

/* footer
---------------------------------------------------------- */

#footer {
 clear: both;
 display: block;
 margin: 0 0 30px 0;
 padding: 0 0 0 413px; }

#footer p {
 margin: 0;
 padding: 0;
 font-weight: bold;
 line-height: 1.4em;
 color: #aaa; }

#footer a:link, #footer a:visited {
 color: #999;
 text-decoration: underline; }

#footer a:hover {
 color: #EB008B;
 text-decoration: underline; }

#copyright {
 float: left;
 display: inline; }

#credits {
 float: right;
 background: url(../images/common/dm-logo.gif) no-repeat top left;
 display: inline; }

 /* misc
---------------------------------------------------------- */

hr, .hide {
 display: none; }

a img {
 border: none; }

form {
 margin: 0;
 padding: 0; }