/********************************* Classes for XHTML default Tag *********************************/
body { margin:0; padding:15px 0 15px 0; font: .75em/1.3em verdana, arial, tahoma, sans-serif, serif; color:#000; background:#dddecc url(pix/page_bg.gif) repeat-x 0 0; }
h1, h2, h3, h4, h5, h6 { font-family: verdana, arial, sans-serif, tahoma, serif; margin:0;}
h1, h2 { font-size:2.2em; font-weight:bold; color:#9c4098; padding:2px 0; margin-bottom:10px; }
h3 { font-size:1.5em; color:#b8b432; margin-bottom:10px; font-weight:normal;}
h4 { font-size:1.5em; color:#28ace2;  margin-bottom:10px; }
h5 { font-size:1em; font-weight:bold; margin-bottom:5px; }
form, img, a, li, ul { margin:0; padding:0; border:0; list-style:none; }
a { color:#9c4098; text-decoration:underline; outline:none; }
a:hover { text-decoration:none; }
p { line-height:1.5em; }

/************************ Classes for differentiation of uniq ID ************************/
#wrapper { width:850px; margin:0 auto; background:#fff; }
#wrapper .box_space { width:755px; margin:0 auto; padding-bottom:25px; }

#header { background: url(pix/eco_text.gif) no-repeat 0 100%; height:170px; }
#logo { float:right; display:block; width:173px; height:118px; text-indent:-999em; background:url(pix/logo.gif) no-repeat 0 0; }

#topnav ul { float:right; border-top:2px solid #967053; }
#topnav ul li { position:relative; float:left; border-left:2px solid #f3f4e3; margin-top:7px; }
#topnav ul li.last { border:0; }
#topnav ul li a { display:block; float:left; background:#d8dc97 url(pix/menu_bg.gif) repeat-x 0 0; line-height:26px; padding:0 15px; font-weight:bold; color:#74411a; text-decoration:none; }
#topnav ul li a:hover { color:#9c4098; }
#topnav ul li ul {
        display:none;
        position:absolute;
        top:26px;
        left:-2px;
        padding:0px;
        background:#d8dc97;
        border:2px solid #FFF;
        width:176px;
}
#topnav ul li:hover ul {
        display:block;
        color:#FFF;
        font:normal 10px Verdana,Arial,Helvetica,sans-serif;
}
#topnav ul ul li {
        position:relative;
        margin-top:0px;
        border-left:0px;
}
#topnav ul li ul li a {
        width:172px;
        position:relative;
        border-left:0px;
        padding:0px 1px 0px 3px;
        z-index:1000;
}
#topnav ul li ul li a:hover {
        color: #9c4098;
}

.pad15 h3 { font-size:1.5em; color:#b8b432; font-weight:bold;}
.pad15 h4 { font-size:1.5em; color:#28ace2; font-weight:bold;}
.pad15 h5 { font-size:1.1em; color:#74411A; font-weight:bold;}

#header_graphic {  margin:-6px 0 0 -6px; padding-bottom:4px; height:175px; }

#content_areawrap { background: url(pix/content_bg.gif) repeat-y; z-index:-10; margin:0;}
#content_area {border-top:1px solid #74411a; border-bottom:1px solid #74411a; margin-top:10px; width:100%;}
#content_area .col1 { width:240px; float:left; height:630px; }
#content_area .col1 .pad15 { padding-left: 10px; width:230px; float:left; overflow-y:auto; height:610px; overflow-x: hidden;}
#content_area .col2 { width:235px; float:left; margin-left:19px; color:#74411a; height: 630px;}
#content_area .col2 .pad15 { width:215px; float:left; margin-left:19px; color:#74411a; overflow-y:scroll; height: 290px; overflow-x:hidden;}
#content_area .col3 { width:239px; float:right;}
#content_area .spacer, #content_area .spacer1 { height:10px; font-size:0; background:#fff; line-height:0; clear:both; }
#content_area .spacer1 { background:none; height:9px; }
.pad15 { padding:5px; }

#calendar_art img { background: #FFF; text-decoration:none; }
#calendar_art h2 { color:#713789; text-align:right; margin-bottom:5px; width:220px; float:right; clear:both; font-weight:bold; font-size: 17px;}
#calendar_art p { color:#713789; margin:10px 0px; width:220px; float:right; clear:both;}
#calendar_art { margin:10px 0px; width:220px; float:right; clear:both;}
#calendar_art a { color:#74411A;}

#color_bar { background:url(pix/colors_bar.gif) no-repeat; width:239px; height:111px; position:absolute; bottom:0px; top: 880px;  color:#000; }
#color_bar .bar1 { display:block; height:34px; text-decoration:none; }
#color_bar .bar2, #color_bar .bar3 { clear:none; height:34px; line-height:34px; margin-top:5px; }
#color_bar label { float:left; width:80px; padding-right:3px; text-align:right; font-size:11px; font-weight:bold; }
#color_bar .textbox { padding:2px 2px 0 2px; margin:0; border:0; width:109px; height:15px; background:none; font-size:11px; float:left; margin-top:8px; }
#color_bar .button { border:0; padding:0; margin:0; float:left; width:34px; height:17px; background:none; margin-top:8px; cursor:pointer; text-indent:-999em; }

#footer { color:#74411a; padding-top:8px; }
#footer ul { float:right; }
#footer li { float:left; margin-left:10px; }
#footer li a { display:block; color:#74411a; padding:0; font-weight:bold; text-decoration:none; }
#footer li a:hover, #footer li a.active { text-decoration:underline; }

/********************* classes for differentiation of box and heading ********************/
.list li { padding:3px 0; }

/********************* classes for differentiation of padding, border & color ********************/
.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.justify { text-align:justify; }
.line_height { line-height:2em; }
.bold { font-weight:bold; }
.pad { padding:5px; }
.pad1 { padding:10px; }
.pt { padding-top:5px; }
.pt1 { padding-top:10px; }
.pb { padding-bottom:5px; }
.pb1 { padding-bottom:10px; }
.pl { padding-left:5px; }
.pl1 { padding-left:10px; }
.pr { padding-right:5px; }
.pr1 { padding-right:10px; }
.mrg { margin:5px; }
.mt { margin-top:5px; }
.mt1 { margin-top:10px; }
.mt2 { margin-top:20px; }
.mb { margin-bottom:5px; }
.mb1 { margin-bottom:10px; }
.ml { margin-left:5px; }
.ml1 { margin-left:10px; }
.mr { margin-right:5px; }
.mr1 { margin-right:10px; }
.white_text { color:#ffffff; }
.small_text { font-size:.85em; }
.mid_align { vertical-align:middle; }
.width_full { width:100%; }

#tds {
        clear:both;
        text-align:center;
        padding:7px;
}
#tds img {
        padding-top:3px;
}
#tds a {
        color:#74411a;
        text-decoration:none;
}
#edit a {
        text-decoration:none;
        color:#dddecc;
}
#edit a:hover {
        color:#9c4098;
        text-decoration:none;
}