/* CSS Document */

/* Body Styles*/
body,td,th {font-family: Arial, sans-serif; font-size: 16px;}
body {margin-top: 10px; background-color: #C5BDB5;}
/* -- */

/* Link Styles*/
a {font-family: Arial, sans-serif; font-size: 16px; color: #000000; font-style: normal; font-weight: normal; text-decoration: underline;}
a:visited {color: #000000; text-decoration: underline;}
a.nav {font-family: Arial, sans-serif; font-size: 16px; color: #000000; font-style: normal; font-weight: normal; text-decoration: none;}
a.nav:visited {color: #000000; text-decoration: none;}
a.nav:hover {color: #21804C;}
/* -- */

/* Divs, Layers & Positioning */
div#nav {padding-top: 50px;}
div#navpulldown {width: 115px; padding-top: 0px; padding-bottom: 0px; padding-right: 5px; margin: 0px;}
div.text {position: relative;  z-index: 4; top: auto; left: -5px; margin-left: 10px; margin-top: 100px; vertical-align: text-top; width: 235px; height: auto;}
div.trees {position: relative; z-index: 6; top: -90px; left: 5px; width: 100px; height: 105px;}
div.scroll {position: relative;  z-index: 2; top: -520px; left: 300px; width: 252px; height: 90px;}
div.scrollalt {position: relative;  z-index: 2; top: -701px; left: 300px; width: 252px; height: 90px;}
div.featurebg {position: relative;  z-index: 2; top: -450px; left: auto; width: 400px; height: 181px;}
div.featurecell {position: relative; z-index: 3; height: 499px;}
div.paratext {position: relative; z-index: 5; top: -100px; padding: 15px 0px 10px 0px; }
/* -- */

/* Background Image(s) */
.vr {background-image: url("../images/vr.gif"); background-repeat: repeat-y;}
/* -- */

/* Column Widths*/
.columnleft {width: 130px;}
.columnvr {width: 10px;}
.columnfeature {width: 410px;}
.columnright {width: 255px;}
.columnnameplate {width: 665px;}
/* -- */

/* Row Heights*/
.rownameplate {height: 125px;}
.rowheader {height: 45px;}
.rowfeature {height: 304px;}
.rowsubnav {height: 25px;}
.rownav {height: 499px;}
/* -- */

/* Borders */
.border {border: 2px solid #F2EFEB;}
.noborder {border: 0px solid;}
.navbordertop {border-top: 15px solid #21804C;}
/* -- */

/* Color Scheme */
/* COLOR REFERENCE
Green- 348C: #21804C
MidTone- 407C: #C5BDB5
Highlight- WarmGray1C: #F2EFEB
Highlight 40%- WarmGray1C OVER 407C: #D7D1CB 
*/
.green {color: #21804C;} 
.greydrk {color: #C5BDB5;}
.greylt {color: #F2EFEB;}
.greymid {color: #D7D1CB;}
.black {color: #000000;}
.white {color: #FFFFFF;}
.bggreen {background-color: #21804C;} 
.bggreydrk {background-color: #C5BDB5;}
.bggreylt {background-color: #F2EFEB;}
.bggreymid {background-color: #D7D1CB;}
.bgblack {background-color: #000000;}
.bgwhite {background-color: #FFFFFF;}
/* -- */

/* Ordered & Unordered Lists */
li {list-style-type:none;}
Ul.nav {padding: 0px; margin: 0px; border: 0px;}
Li.nav {padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; max-width: 130px;}
Ul.navpulldown {padding: 0px; margin: 0px; border: 0px;}
Li.navpulldown {padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; max-width: 115px;}
/* -- */

/* Text Size & Justification */
h1,h2,h3,h4,h5,h6 {font-family: Arial, sans-serif;}
.strong {font-size: 16px; font-weight: bold;}
p {text-align: left; margin: 10px; line-height: 1.4;}
/* -- */

/* Text Alignment */
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.justify {text-align: justify;}
.vtop {vertical-align: top;}
/* -- */