/* 
Title:     styles for screen media
Author:    steve@divinemass.com
Updated:   December 11 2007
*/

body {
 margin: 0;
 padding: 0;
 font-family: Tahoma, Verdana, sans-serif;
 font-size: 11px;
 color: #000;
 background: #FFF; }

a:link, a:visited {
 color: #FF6600;
 text-decoration: none; }

a:hover {
 color: #FF6600;
 text-decoration: underline; }

/* header
---------------------------------------------------------- */

#header {
 display: block;
 width: 760px;
 height: 73px;
 margin: 6px auto 0 auto;
 padding: 40px 0 0 0;
 background: url(../images/common/header-bg.gif) no-repeat top right; }

#logo {
 display: block;
 margin: 0;
 padding: 0; }

#navigation {
 float: left;
 height: 20px;
 margin: 10px 0 0 3px;
 padding: 0; }

#navigation li {
 margin: 0 3px 0 3px;
 padding: 0;
 display: inline;
 list-style: none;
 color: #FF6600; }

#navigation .begin {
 margin: 0 3px 0 0;
 padding: 0; }

#navigation .end {
 margin: 0 0 0 3px;
 padding: 0;
 border-right: 0px none; }

#navigation a {
 margin: 0;
 padding: 0; } 

#navigation a:link, #navigation a:visited {
 color: #FF6600;
 text-decoration: none; }

#navigation a:hover, #navigation a.selected {
 color: #FF6600;
 text-decoration: underline; }

#search {
 float: right;
 height: 20px;
 margin: 0 0 0 3px;
 padding: 0; }

#search-text {
 float: left;
 margin: 0;
 padding: 0; }

#search-button {
 float: left;
 margin: 0;
 padding: 0 0 0 1px; }

#print-crumbs {
 display: none; }

/* featured imagery
---------------------------------------------------------- */

#feat-imagery {
 display: block;
 width: 100%;
 height: 73px;
 margin: 0;
 padding: 0;
 background: #000; }

#feat-imagery-wrap {
 display: block;
 width: 760px;
 height: 73px;
 margin: 0 auto;
 padding: 0; }

/* featured text
---------------------------------------------------------- */

#feat-text {
 display: block;
 width: 100%;
 height: 116px;
 margin: 0;
 padding: 0;
 background: #CC0000 url(../images/common/featured-text-bg.jpg) no-repeat 0 0;
 border-top: 1px solid #fff; }

#feat-text-wrap {
 display: block;
 width: 760px;
 height: 116px;
 margin: 0 auto;
 padding: 0; }

/* content
---------------------------------------------------------- */

#content {
 width: 760px;
 margin: 0 auto;
 padding: 10px 0 0 0;
 color: #000;
 font-size: 11px;
 line-height: 15px; }

#content h1 {
 display: block;
 margin: 15px 0 0 0;
 padding: 0 0 4px 0;
 font-size: 13px;
 color: #FF6600; }

#content h2 {
 display: block;
 margin: 10px 0 10px 0;
 padding: 0;
 font-size: 11px;
 font-weight: bold;
 color: #000000; }

#content p {
 margin: 10px 0 10px 0;
 padding: 0; }

#content p.pdf {
 margin: 20px 0 10px 0;
 padding: 0 0 0 25px;
 line-height: 17px;
 background: url(../images/common/acrobat-icon.jpg) no-repeat; }

#content .underline {
 text-decoration: underline; }

#content ul, #content-home ul {
 margin: 0 0 10px 14px;
 padding: 0; }

#content li, #content-home li {
 margin: 0 2px 10px 0;
 padding: 0 0 0 20px;
 list-style: none;
 background: url(../images/common/bullet.gif) no-repeat 0px 3px; }

#content table {
 margin: 0;
 padding: 0; }

#content td.label {
 padding: 8px 8px 8px 0;
 border-bottom: 1px solid #FF6600; }

#content td.field {
 padding: 8px 0 8px 0;
 border-bottom: 1px solid #FF6600; }

#content .input {
 width: 200px; }

#content #cpparts {
 display: block;
 width: 690px;
 height: 120px;
 margin-top: 20px;
 border: 1px solid #FFD943; }

#content #cpparts h2 {
 display: block;
 margin: 0 0 10px 0;
 padding: 0;
 font-size: 12px;
 font-weight: bold;
 color: #990000; }

#content .cpelement {
 position: absolute;
 width: 650px;
 height: 82px;
 padding: 18px 20px 20px 20px;
 font-size: 12px;
 line-height: 16px; }

/* footer
---------------------------------------------------------- */

#footer {
 display: block;
 width: 760px;
 height: 16px;
 margin: 0 auto;
 padding: 0 0 15px 0;
 color: #AAA; }

#footer p {
 margin: 0;
 padding: 0;
 line-height: 16px; }

#footer a:link, #footer a:visited {
 color: #999;
 text-decoration: underline; }

#footer a:hover {
 color: #FF6600;
 text-decoration: underline; }

#copyright {
 float: left; }

#credits {
 float: right;
 background: url(../images/common/ratio7-icon.gif) no-repeat top left; }

 /* misc
---------------------------------------------------------- */

hr, .hide {
 display: none; }

a img {
 border: none; }

form {
 margin: 0;
 padding: 0; }
