/* --- Slow Travel Style Sheet modified November 2006 --- */
/* MAIN COLOR SETTINGS */
/* logo colors: green 4AAA42 and blue 0065A4 used as base colors to find colors for site, red 993333 */
/* page background and border lines: CDBE83 - light brown */
/* text background: FFF8DC cornsilk - off white (replaces FFFFCC, also tried FFF9E1) */
/* text: 000033 - dark blue */
/* links: 000066 (dark blue), hover CC0000 (red) */
/* headings: 2F784E - med green */
/* headings H4: 000066 med blue */

body 
 { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 13px; 
 color: #000033; 
 background-color: #CDBE83; 
 margin: 5px 0; 
 }
            
p, td, li
 { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 13px; 
 line-height: 150%; 
 color: #000033; 
 margin: 0 0 6px 0; 
 }

/* Extra coding for old Netscape */
p, li, ul, ol, td, h1, h2, h3, h4 { font-family: Verdana, Arial, Helvetica, sans-serif; }

table
 { 
 margin: 0; 
 background-color: #FFF8DC;
 }
   
table td
 { 
 border-width: 0;
 vertical-align: top; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 13px; 
 color: #000033; 
 }

li
 { 
 list-style-image: url('../images/icons/bullet.gif'); 
 }

a:link
 { 
 color: #000066;
 }
 
a:visited
 { 
 color: #660066;
 }
 
a:hover
 {
 color: #CC0000;
 }
 
a:active 
 { 
 color: #800000;
 }

h1, h2, h3, h4 
 { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-weight: bold; 
 color: #2F784E;
 margin: 0; 
 padding: 0; 
 line-height: 130%; 
 }
 
h1
 { 
 font-size: 15px;
 margin: 0 0 3px 0; 
 }
  
h2
 { 
 display: block; 
 font-size: 13px;
 margin: 12px 0 6px 0; 
 border-bottom: 1px solid #2F784E;
 }
  
h3
 { 
 font-size: 13px;
 margin: 12px 0 6px 0; 
 }
 
h4
 { 
 font-size: 13px;
 color: #000066; 
 margin: 12px 0 3px 0; 
 }

hr
 { 
 color: #CDBE83; 
 background-color: #CDBE83;
 height: 1px; 
 border: none;
 }

/* --- image formatting --- */

.floatimgleft 
 { 
 float: left; 
 margin: 10px 10px 10px 0; 
 }
  
.floatimgright
 { 
 float: right; 
 margin: 10px 0 10px 10px; 
 }
  
.floatimgcenter
 { 
 text-align: center; 
 margin: 10px; 
 }
  
/* --- page layout --- */
div#wrapper 
 {
 width: 780px;
 margin: 0 auto;
 padding: 0;
 background-color: #FFF8DC;
 text-align: left;
 }
 
/* HEADER all parts of header need to put a line below */
table#header
 { 
 width: 100%;
 border-bottom: 1px solid #CDBE83;
 }
 
table#header td
 { 
 line-height: 100%; 
 }
 
table#header p,
table#header a
 { 
 line-height: 100%;
 }

table#header img
 {
 border: 0px none; 
 margin: 0; 
 padding: 0; 
 line-height: 100%; 
 }
 
table#header p.tagline    
 { 
 color: #000066; 
 font-size: 11px; 
 margin: -2px 10px 2px 10px; 
 }

table#header p.tagline a:link,        
table#header p.tagline a:visited 
 { 
 color: #000066; 
 text-decoration: none; 
 }
 
table#header p.tagline a:hover
 {
 color: #CC0000;
 text-decoration: underline;
 }
 

table#header td#logo
 {
 height: 56px;
 }

table#header td#logo img
 {
 margin: 0 10px;
 }

/* HEADER Housekeeping Menu within Header - small text hovers red - set in header-all include file */
td#topmenu 
 { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 11px;
 border-top: 1px solid #CDBE83; /* line to separate from top part of header */
 margin: 0;
 padding: 0;
 }
 
td#topmenu p
 { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 11px; 
 text-transform: uppercase;
 text-align: center; 
 line-height: 125%; 
 padding: 2px; 
 margin: 0;
 }
 
td#topmenu a:link,
td#topmenu a:visited
 { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 11px; 
 color: #000066; 
 text-decoration: none; 
 }
 
td#topmenu a:hover 
 { 
 color: #CC0000; 
 }
 
td#topmenu a:active
 { 
 color: #CC0000; 
 }
                   
/* Body of page */

/* BODY Main content area of page */
table#content   
 { 
 width: 100%;
 }

/* Standard layout, body and nav */
table#content td#body 
 { 
 width: 580px;
 padding: 10px; 
 margin: 0;
 border: none;
 }
 
table#content td#nav
 { 
 width: 160px; 
 padding: 10px; 
 margin: 0;
 border-left: 1px solid #CDBE83; 
 }

/* no navigation column */
table#content td#bodyfull 
 { 
 width: 100%; 
 padding: 10px; 
 margin: 0;
 }
 
/* two columns, equal size */
table#content td.bodysplit 
 { 
 width: 50%; 
 padding: 10px; 
 margin: 0;
 }

/* Footer - each section has line above*/
table#footer
 {
 width: 100%;
 }

table#footer td 
 { 
 padding: 5px 10px; 
 text-align: center; 
 border-top: 1px solid #CDBE83; 
 }

table#footer p
 { 
 margin: 0 0 6px 0; 
 font-size: 11px; 
 line-height: 150%; 
 }
 
table#footer a:link,
table#footer a:visited 
 { 
 color: #000033; 
 text-decoration: none; 
 }
 
table#footer a:hover
 { 
 text-decoration: underline; 
 }
 
/* STYLE REMOVED: does not work well in IE
table#footer a:active 
 { 
 text-decoration: none;
 } */

/* --- Special paragraph formatting --- */

/* a box style heading for when you need it */

.red
 { 
 color: #CC3333; 
 }

.small
 { 
 font-size: 11px;
 }

.smallcenter
 { 
 font-size: 11px; 
 text-align: center; 
 line-height: 125%; 
 }
                
.captioncenter 
 { 
 font-size: 10px; 
 margin: 5px 0 10px 0; 
 text-align:center; 
 }
                 
.backtotop   
 { 
 font-size: 11px; 
 font-variant: small-caps; 
 margin-bottom: 0; 
 }
               
/* Breadcrumbs - list of links at top of page */

.bc 
 { 
 color: #000066; 
 font-size: 11px; 
 margin-bottom: 5px; 
 line-height: 150%; 
 }
 
.bc a:link,        
.bc a:visited 
 { 
 color: #000066; 
 text-decoration: none; 
 }
 
.bc a:hover
 {
 color: #CC0000;
 text-decoration: underline;
 }
 
/* links that are not underlined but turn red and underline when hovered - class is used in many DIVs*/

.hovred a:link,
.hovred a:visited  
 { 
 color: #000033; 
 text-decoration: none; 
 }
           
.hovred a:hover 
 { 
 color: #CC0000; 
 text-decoration: underline; 
 }
 
.hovred a:active
 { 
 color: #000033; 
 text-decoration: none; 
 }

/* table formatting with dotted lines, set up for one column or multiple with no width setting */

table.dotted
 { 
 width: 100%; 
 margin: 10px 0 10px 0; 
 border-top: 1px dotted #CDBE83; 
 }
  
table.dotted td
 {
 padding: 5px 10px 5px 0; 
 vertical-align: top; 
 border-bottom: 1px dotted #CDBE83; 
 }

table.dotted th
 { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 13px;  
 color: #2F784E; 
 text-align: center; 
 font-weight: bold; 
 padding: 5px 10px 5px 0; 
 vertical-align: top; 
 border-bottom: 1px dotted #CDBE83; 
 }
 
table.dotted th a
 {
 color: #2F784E; 
 }
 
table.dotted h2
 { 
 display: block; 
 font-size: 13px; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-weight: bold; 
 text-align: center; 
 color: #2F784E; 
 background-color: #D9CD9D;
 margin: 0; 
 line-height: 100%;
 padding: 1px;
 border: none; 
 }
 
table.dotted h3
 { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 13px;  
 color: #2F784E; 
 border-bottom: 1px solid #2F784E; 
 text-align: left; 
 font-weight: bold; 
 padding: 2px 0;
 margin: 6px 0;
 }
  
table.dotted img
 { 
 display: block;
 margin: 0 10px 0 0; 
 }