body {
    color: #50503c;
    font-size: 100%;
    font-family: Verdana, Helvetica, Arial, "trebuchet ms", sans-serif;
    line-height: 1;
    background-color: #000200;
    text-align: center;
    margin: 0;
    padding: 0;
}
:focus {
    outline: 0;
}
p {
    font-size: 13px;
    line-height: 1.2;
    margin-top: 5px;
}
pre {
    color: #996;
    font-size: 0.8em;
}
blockquote {
    color: #996;
    font-size: 0.8em;
}
h1 {
    color: #168e5c;
    font-size: 20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 25px;
}
h2 {
    color: #168e5c;
    font-size: 40px;
    font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular  ;
    line-height: 46px;
}
h3 {
    color: #888851;
    font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular ;
    background-color: #ffcf59;
}
h4 {
    color: #888851;
    font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular ;
}
h5 {
    color: black;
    font-size: 14px;
    font-family: Verdana, Arial, Helvetica, sans-serif  ;
    font-weight: 600;
}
h6 {
    color: black;
    font-size: 12px;
    font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular  ;
    font-weight: bold;
}
img {
}
/*ol {
    color: #ce9c00;
    font-size: 0.8em;
    font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular
}*/
ul {
    color: #ce9c00;
    font-size: 0.8em;
    font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    list-style-position: inside
}
tr {
    /*background-color: transparent;*/
    border: 0
}
/*.cellcolor {
    font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    background-color: #f9dd77
}*/
.rev_type {
    color: #f5f5dc;
    font-weight: bold;
    font-size: 1em;
    font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    text-decoration: none
}
.g_nav_cellcolor {
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #e4e6c6 ;
    padding: 9px;
}
.a_type_color {
    font-size: 0.9em;
    font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    text-decoration: none
}
.head1 {
    color: #168e5c;
    font-size: 27px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: italic;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
}
/*span {
    color: black;  remove if ? 
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}*/
.subhead {
    color: #91a95b;
    font-size: 20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: italic;
}
.smallbold {
    color: black;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.directers {
    color: #6a6a6a;
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #f4df88;
}
.bold {
    font-weight: 700; }
.date {
    color: #808000;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bolder;
    text-align: left;
}
.table {
    color: black;
    font-size: 8px;
    background-color: #f4dfa6;
    margin: 10px 15px 25px;
    padding: 20px;
    border-right: 4px solid #ffcf59;
    border-left: 4px solid #ffcf59;
}
td {
    background-color: transparent;
}
.italic {
    font-style: italic;
}
a {
    text-decoration: none;
}
a:link {
    color: #008a09;
}
a:visited {
    color: #cd9514;
}
a:hover {
    color: #887b00;
    background-color: #f4df88;
}
a:active {
    color: #9fa612;
}
/*.textmenu {
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 12px;
}*/

/**************************************************
		Main menu styles-Global
***************************************************/

#navigation
{
    margin: 0;
    padding: 0;
}

#navigation li
{
    list-style-type: none;
    float:left;
}

#navigation li a {
    background: url(../images/csg-4c449f6c84e80.jpg) top left no-repeat;
    display: block;
}

#navigation a .hover
{
    background: url(../images/csg-4c449f6c84e80.jpg) no-repeat;
    display: block;
    opacity: 0;
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
#navigation a span
{
    background: url(../images/csg-4c449f6c84e80.jpg) no-repeat;
    display: block;
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

/* Sprite positioning for menu */

#navigation li a.about_Base { background-position: 0 0; width: 170px; height: 28px; }
.about_Base_down { background-position: 0 -30px; width: 170px; height: 28px; }
#navigation a.about_Base .hover { background-position: 0 -60px; width: 170px; height: 28px; }
#navigation a.about_Base span.active { background-position: 0 -60px; width: 170px; height: 28px; }

#navigation li a.contact_Base { background-position: 0 -90px; width: 170px; height: 26px; }
.contact_Base_down { background-position: 0 -118px; width: 170px; height: 26px; }
#navigation a.contact_Base .hover { background-position: 0 -146px; width: 170px; height: 26px; }
#navigation a.contact_Base span.active { background-position: 0 -146px; width: 170px; height: 26px; }

#navigation li a.home_Base { background-position: 0 -174px; width: 170px; height: 29px; }
.home_Base_down { background-position: 0 -205px; width: 170px; height: 29px; }
#navigation a.home_Base .hover { background-position: 0 -236px; width: 170px; height: 29px; }
#navigation a.home_Base span.active { background-position: 0 -236px; width: 170px; height: 29px; }

#navigation li a.media_Base { background-position: 0 -267px; width: 170px; height: 28px; }
.media_Base_down { background-position: 0 -297px; width: 170px; height: 28px; }
#navigation a.media_Base .hover { background-position: 0 -327px; width: 170px; height: 28px; }
#navigation a.media_Base span.active { background-position: 0 -327px; width: 170px; height: 28px; }

#navigation li a.membership_Base { background-position: 0 -357px; width: 170px; height: 28px; }
.membership_Base_down { background-position: 0 -387px; width: 170px; height: 28px; }
#navigation a.membership_Base .hover { background-position: 0 -417px; width: 170px; height: 28px; }
#navigation a.membership_Base span.active { background-position: 0 -417px; width: 170px; height: 28px; }

#navigation li a.newsletter_Base { background-position: 0 -447px; width: 170px; height: 28px; }
.newsletter_Base_down { background-position: 0 -477px; width: 170px; height: 28px; }
#navigation a.newsletter_Base .hover { background-position: 0 -507px; width: 170px; height: 28px; }
#navigation a.newsletter_Base span.active { background-position: 0 -507px; width: 170px; height: 28px; }

#navigation li a.projects_Base { background-position: 0 -537px; width: 170px; height: 30px; }
.projects_Base_down { background-position: 0 -569px; width: 170px; height: 30px; }
#navigation a.projects_Base .hover { background-position: 0 -601px; width: 170px; height: 30px; }
#navigation a.projects_Base span.active { background-position: 0 -601px; width: 170px; height: 30px; }

#navigation li a.resources_Base { background-position: 0 -633px; width: 170px; height: 29px; }
.resources_Base_down { background-position: 0 -664px; width: 170px; height: 29px; }
#navigation a.resources_Base .hover { background-position: 0 -695px; width: 170px; height: 29px; }
#navigation a.resources_Base span.active { background-position: 0 -695px; width: 170px; height: 29px; }



/**************************************************
                Scrollbar and container styles
***************************************************/

.jScrollPaneContainer {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.jScrollPaneTrack {
    /*background-color: #cdc7ba;*/
    background-image: url(../images/blank.gif);
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: center;
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	border-color: #9c9793 #f0ebe6 #f3f0eb #9c9793;
	border-style: solid;
	border-width: 1px;
    /* border-left: 1px #999 solid;
     border-right: 1px #eee solid;
    */

}
.jScrollPaneDrag {
    margin-left: -1px;
    padding: 0;
    background-image: url(../images/scrolldrag.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center;
    position: absolute;
    z-index: 10;
    cursor: pointer;
    /*-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px; This is the CSS3 rule*/
}
.jScrollPaneDragTop {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.jScrollPaneDragBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
a.jScrollArrowUp {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    /*background-color: #666;*/
    background: #79a353 url(../images/16-arrow-up.png) no-repeat center;
    height: 30px;
    border-color: #c3d2a1 #1f8216 #006b00 #c3d2a1;
    border-style: solid;
    border-width: 1px;
    -moz-border-radius-topright: 6px;
    /*-moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;*/
    -moz-border-radius-topleft: 6px;
    -khtml-border-top-right-radius: 6px;
    /*-khtml-border-bottom-right-radius: 8px;
    -khtml-border-bottom-left-radius: 8px;*/
    -khtml-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    /*-webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;*/
    -webkit-border-top-left-radius: 6px;

    /*-moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px; This is the CSS3 rule*/
}
a.jScrollArrowUp:hover {
    background-color: #79c333;
}

a.jScrollArrowDown {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    /*background-color: #666;*/
    background: #79a353 url(../images/16-arrow-down.png) no-repeat center;
    height: 30px;
    border-color: #c3d2a1 #1f8216 #006b00 #c3d2a1;
    border-style: solid;
    border-width: 1px;
    /*-moz-border-radius-topright: 0;*/
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    /*-moz-border-radius-topleft: 0;*/
    /*-khtml-border-top-right-radius: 0;*/
    -khtml-border-bottom-right-radius: 6px;
    -khtml-border-bottom-left-radius: 6px;
    /*-khtml-border-top-left-radius: 0;*/
    /*-webkit-border-top-right-radius: 0;*/
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    /*-webkit-border-top-left-radius: 0;*/

    /* -moz-border-radius: 8px;
     -khtml-border-radius: 8px;
     -webkit-border-radius: 8px;*/

    /*This is the CSS3 rule*/
    /*border-radius: 8px;
    border-top-right-radius: 0;*/
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    /*border-top-left-radius: 0;*/


    /*border-left: 1px #222 solid;
    border-bottom: 1px #222 solid;
    border-right: 1px #ccc solid;*/
}


a.jScrollArrowDown:hover {
    background-color: #79c333;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
    background-color: #799111;
}

div.scroll-pane {
    text-align: left;
    width: 640px;
    height: 480px;
    overflow-x: auto;
    overflow-y: auto;
    /*background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0 0;*/
    overflow: hidden;
}

div.scroll-pane-newsletter {
    text-align: left;
    width: 640px;
    height: 550px;
    overflow-x: auto;
    overflow-y: auto;
    overflow: hidden;
}


/**************************************************
		Page specific styles
***************************************************/
/* Home page styles */
#maincontainer {
    text-align: left;
    position: relative;
    top: -4px;
    left: -20px;
    width: 1170px;
    height: 668px;
    z-index: 1;
    visibility: visible;
    margin-right: auto;
    margin-left: auto; }
#Menu {
    height: auto;
    width: auto;
    left: 146px;
    top: 355px;
    position: absolute;
    z-index: 30;
    visibility: visible; }
#Layer_49 {
    position: absolute;
    top: 0;
    left: 0;
    height: 668px;
    width: 1167px;
    z-index: 2;
    visibility: visible; }
.background {
    background-color: transparent;
    background-repeat: no-repeat; }
#filtercontent {
    color: black;
    font: 10px verdana, arial, san-serif;
    visibility: visible;
    display: block;
    margin-top: 15px;
    position: absolute;
    top: 1px;
    left: 0;
    width: 100px;
    height: auto; }
.dectype {
    font-size: 18px;
    font-family: "Trebuchet MS", verdana, Arial;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -1px; }
#textmenu {
    text-align: center;
    height: 30px;
    width: 680px;
    left: 342px;
    top: 590px;
    position: absolute;
    z-index: 13;
    visibility: visible;
}
#mainnav {
    height: 226px;
    width: 170px;
    left: 146px;
    top: 356px;
    z-index: 25;
    position: absolute;
    visibility: visible; }

ol {
    font-size: 13px;
    font-family: Arial, Verdana, "trebuchet ms";
    font-weight: 400;
    line-height: 16px;
    list-style-type: upper-roman; }
#eventLayer {
    height: 518px;
    width: 205px;
    left: 775px;
    top: 40px;
    z-index: 17;
    position: absolute;
    overflow: hidden;
    visibility: visible;
}
#maintext {
    text-align: left;
    height: auto;
    width: 391px;
    left: 365px;
    top: 260px;
    z-index: 18;
    position: absolute;
    visibility: visible; }
#pic1 {
    text-align: center;
    height: 180px;
    width: 380px;
    left: 365px;
    top: 70px;
    z-index: 19;
    position: absolute;
    visibility: visible;
}
#date {
    color: #996;
    font-size: 12px;
    text-align: left;
    width: 200px;
    left: 365px;
    top: 14px;
    z-index: 21;
    position: absolute;
    visibility: visible;
}
div.dhtmlgoodies_question p.p {
    color: #fff;
    margin-top: 2px;
    margin-bottom: 2px;
}


/******************* About us page styles ***********************/
#aboutheader {
    height: 59px;
    width: 257px;
    left: 700px;
    top: 9px;
    z-index: 20;
    position: absolute;
    visibility: visible;
}
#mediaheader {
    height: 59px;
    width: 177px;
    left: 810px;
    top: 9px;
    z-index: 21;
    position: absolute;
    visibility: visible;
}
#newsltrheader {
    height: 59px;
    width: 313px;
    left: 674px;
    top: 9px;
    z-index: 26;
    position: absolute;
    visibility: visible;
}
#archivelist {
    height: 480px;
    width: 650px;
    left: 356px;
    top: 72px;
    z-index: 16;
    position: absolute;
    visibility: visible;
}
#layer1 {
    height: auto;
    width: auto;
    left: 349px;
    top: 68px;
    z-index: 28;
    position: absolute;
    visibility: visible;
}
#layer2 {
    height: auto;
    width: auto;
    left: 349px;
    top: 526px;
    z-index: 29;
    position: absolute;
    visibility: visible;
}

ul {
    color: #9a8359;
    font-size: 14px;
    font-family: "trebuchet ms", helvetica, arial, verdana, geneva, sans-serif;
    line-height: 19px;
    list-style-type: square;
    margin: 15px 40px;
    list-style-position: outside;
    display: block;
}
#archivelist p {
    line-height: 1.3;
    margin-top:0;
    margin-bottom:20px;
}
.subhead {
    color: #88a33e;
    font-size: 25px;
    font-family: "Arial Black", verdana;
    line-height: 33px;
    text-align: left;
    letter-spacing: 2px;
}
#aboutus td {
    font-size: 13px;
    font-weight: 700;
    padding-right: 4px;
    padding-left: 4px;
}
.foundingmembers {
    font-weight: normal;
    line-height: 18px;
    margin-top: 4px;
    margin-bottom: 4px;
}
ol {
    font-size: 14px;
    font-family: "trebuchet ms", helvetica, arial, verdana, geneva, sans-serif;
    line-height: 19px;
    float: left;
    clear: both;
    margin-right: 100px;
    margin-left: 100px;
    list-style-type: none;
    display: block;
}
.listnumber {
    color: #88a33e;
    font-size: 300%;
    font-family: "Arial Black", verdana;
    line-height: 100%;
    vertical-align: sub;
    float: left;
}
#aboutus .first-letter {
    font-size: 300%;
    height: 1%;
    color:#008a09;
    font-family: "Arial Black", verdana;
    line-height: 1.1;
    float: left;
    margin-right: 3px;
}
strong {
    font-weight: 700;
}
.img {
    vertical-align: bottom;
    float: left;
    margin-top: 3px;
    margin-right: 15px;
    margin-bottom: 3px;
}

/****************************************
        Membership page
*****************************************/
div.static-pane {
    text-align: left;
    width: 640px;
    height: 480px;
}
#memberheader {
    text-align: right;
    height: 59px;
    width: 328px;
    left: 659px;
    top: 9px;
    z-index: 23;
    position: absolute;
    visibility: visible;
}
#formwrapper {
    width: 310px;
    left: 0;
    top: 50px;
    z-index: 28;
    position: absolute;
}
#disctext { font-size: 13px; line-height: 1.2; text-align: left; height: 48px; width: 440px; left: 113px; top: 0px; z-index: 29; position: absolute; visibility: visible; }
#formwrapper td { line-height: 1; }
.align { text-align: left; margin-bottom: 5px; }
.color { color: #a4a4a4; margin-top: 4px; }
.highlite { color: #f67a00; }
#remmitInfo { font-size: 13px; line-height: 1.2; height: 384px; width: 168px; left: 400px; top: 50px; z-index: 30; position: absolute; visibility: visible; }
#join { color: #dda645; font-size: 22px; font-family: "Arial Black", verdana; line-height: 1; text-align: right; letter-spacing: -1px; width: 107px; left: 0px; top: 0px; z-index: 32; position: absolute; visibility: visible; }
div.checkbox input {
    margin: 0;
}
#formwrapper span {
    font-size: 13px; line-height: 1.1; font-weight: 400;
}
textarea, input {
	font-size: 12px;
}
#formwrapper input[type="text"], #contactForm input[type="text"], #articleRequest input[type="text"], textarea {
    border-color: #aea096 #bcb6b1 #e9e2d3;
    border-style: solid;
    border-width: 1px;
}

/****************************************
        Resources page
*****************************************/
ul { color: #9a8359; font-size: 14px; font-family: "trebuchet ms", helvetica, arial, verdana, geneva, sans-serif; line-height: 19px; list-style-type: square; margin: 15px 40px; list-style-position: outside; display: block; }
/*#filter p { color: #626236; font-size: 13px; font-family: verdana, geneva, "trebuchet ms", helvetica, sans-serif; line-height: 17px; margin-top:0; margin-bottom:20px; }*/
td { color: #626236; font-size: 13px; font-weight: 700; padding-right: 4px; padding-left: 4px; }
.foundingmembers { font-weight: normal; line-height: 18px; margin-top: 4px; margin-bottom: 4px; }
/*ol { color: #626236; font-size: 14px; font-family: "trebuchet ms", helvetica, arial, verdana, geneva, sans-serif; line-height: 19px; float: left; clear: both; margin-right: 100px; margin-left: 100px; list-style-type: none; display: block; }*/
.listnumber { color: #88a33e; font-size: 300%; font-family: "Arial Black", verdana; line-height: 100%; vertical-align: sub; float: left; }
.first-letter { font-size: 300%; color:#c3b48a; font-family: "Arial Black", verdana; line-height: 90%; vertical-align: sub; float: left; margin-right: 3px; }
/*.cellcolor { background-color: #f4dfa6; letter-spacing: 1px; }*/
strong { font-weight: 700; }
#resources_content p:first-line, #media_content p:first-line { color: #737434; font-weight: 700; }
.subhead { color: #88a33e; font-size: 25px; font-family: "Arial Black", verdana; line-height: 33px; text-align: left; letter-spacing: 1px; }
.subhead2 { font-size: 18px; line-height: 24px; }

/***************************************
        Contact and Media page
****************************************/
#contactheader {
    text-align: right;
    height: 59px;
    width: 311px;
    left: 670px;
    top: 9px;
    z-index: 24;
    position: absolute;
}
#contactForm td, #articleRequest td {
    color: #626236;
    font-size: 13px;
    line-height: 1.2;
    padding: 4px;
}
#contactForm p {
    font-weight: 400;
}
/***************************************
        Footer styles
****************************************/
#copyright {
    height: 15px;
    width: 590px;
    left: 389px;
    top: 620px;
    z-index: 15;
    position: absolute;
    /*visibility: visible;*/
}
#copyright span {
    font-size: 9px;
    color: #626236;
}
#copyri {
    text-align: right;
    /*height: 13px;*/
    width: 300px;
    left: 290px;
    top: 0;
    position: absolute;
    /*visibility: visible;*/
}
#credit {
    /*height: 13px;*/
    width: 190px;
    left: 0;
    top: 0;
    position: absolute;
    /*visibility: visible;*/
}
/*.design_credit {
    font-size: 10px;
}
.copyright {
    font-size: 10px;
}*/
.textmenu {
    color: #b3ab7d;
    font-size: 11.5px;
    line-height: 1.2;
    padding-top: 2px;
    border-top: 1px solid #b3ab7d;
}