/* --------- COMMON ---------- */
*, html 
{ 
    padding: 0px; 
    margin: 0px; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px;}
body.homepage
{ 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    color: Black; 
    background: #E8E8E8 url(img/bg_page.gif) repeat-x scroll top center; 
    text-align: center;}
body.subpage 
{ 
    background: #E8E8E8 url(img/bg_page_sub.gif) repeat-x scroll top center;}
p 
{ 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    color: Black; 
    font-size: 12px; 
    line-height: 16px; 
    padding: 0 0 1em 0;}

/* --------- LINKS ---------- */
a:link 
{ 
    color: #19808E; 
    font-weight: bold; 
    text-decoration: underline;}
a:visited 
{ 
    color: #19808E; 
    font-weight: bold; 
    text-decoration: none; }
a:active 
{ 
    color: #19808E; 
    font-weight: bold; 
    text-decoration: underline; }
a:hover 
{ 
    color: #02089B; 
    font-weight: bold; 
    text-decoration: none; }
a.arrow 
{ 
    padding-right: 15px; 
    background: url(img/arrow.gif) no-repeat center right; }
a.arrow_back 
{ 
    padding-left: 15px; 
    background: url(img/arrow_back.gif) no-repeat center left; 
    text-decoration: none;    
    }
  

/* --------- GENERAL LAYOUT ---------- */
div#container 
{ 
    background: #FFFFFF url(img/bg_container.gif) repeat-y top center; 
    width: 848px; 
    margin: 0px auto; 
    text-align: center;}
div#top 
{ 
    margin: 0px auto; 
    text-align: left; 
    background: #FFFFFF url(img/bg_bottomnav.gif) no-repeat right bottom; 
    display: block; 
    height: 90px; 
    width: 840px;}
div#logo 
{ 
    float: left; 
    width: 275px; 
    padding-left: 10px;}
div#menu 
{ 
    float: right; 
    width: 430px;}
div#header 
{ 
    clear: left;}
div#extraspace 
{ 
    height: 75px; 
    background: url(img/bg_wrapper.gif) no-repeat bottom center;}
div#wrapper 
{ 
    margin: 0px auto; 
    text-align: left; 
    width: 840px;}
div#content_wrapper 
{
    padding: 20px 10px;}
div#col01 
{
    width: 257px; 
    float: left;}
div#col02 
{
    width: 257px; 
    float: right; 
    clear: right;}

/* --------- HOMEPAGE LAYOUT ---------- */
div#content_left 
{
    width: 303px;
    float: left;}
div#content_right 
{
    width: 512px;
    float: right;}
div#content_righttop 
{
     width: 452px; 
     float: left; 
     padding-bottom: 20px;}
div#content_rightbottom 
{
     background: #FCFCF3 url(img/bg_wave.gif) no-repeat bottom right; 
     float: right; 
     padding: 20px 30px; }
div#latestnews 
{
    float: left;
    width: 212px;}
div#currentprojects 
{
    padding-left: 30px;}
div#aboutcwa 
{
    padding: 0 30px;}
div#upcomingevents 
{
    float: right;width: 211px;}

/* --------- 2 COLUMN LAYOUT ---------- */
body#twocol div#container 
{
     background: #FFFFFF url(img/bg_container_2col.gif) repeat-y top center;}
body#twocol div#content_left 
{
    width: 220px;}
body#twocol div#content_right 
{
    width: 600px;}
body#twocol div#subcontent 
{
    float: left;
    padding: 0 30px 20px 30px;
    background: #FFFFFF url(img/bg_wave.gif) no-repeat bottom right;   
}
body#twocol div#subnav 
{
    padding: 0 15px;}

/* --------- 3 COLUMN LAYOUT ---------- */
body#threecol div#container 
{ 
    background: #FFFFFF url(img/bg_container_3col.gif) repeat-y top center;}
body#threecol div#threecol_left 
{ 
    width: 220px; 
    float:left; }
body#threecol div#threecol_middle 
{ 
    width:378px; 
    float:left;}
body#threecol div#threecol_right 
{ 
    width:222px; 
    float:left; }
body#threecol div#aboutprojects, body#threecol div#extra 
{ 
    padding: 0px 15px; }
body#threecol div#currentprojects 
{ 
    padding: 0px 25px 30px 25px;
    background: #FFFFFF url(img/bg_wave.gif) no-repeat bottom right;}

/* --------- FOOTER ---------- */
div#footer 
{  
    clear: both; 
    color: #9DA6A1; 
    font-size: 10px; 
    padding: 10px 40px 0 40px; 
    height: 30px; 
    font-weight: normal; 
    background: url(img/bg_footer.gif) repeat-y top center;}
div#footer a 
{ 
    color: #9DA6A1; 
    font-size: 10px; 
    text-decoration: none; 
    font-weight: normal;}
div#footer a:hover 
{ 
    color: #78817C; 
    text-decoration: underline;}
div#footer_left 
{ 
    float: left;}
div#footer_right 
{ 
    text-align: right; 
    font-size: 10px;}

/* --------- NAV ---------- */
ul#nav, ul#nav ul 
{ 
    margin: 0; 
    padding: 0; 
    list-style: none; }
ul#nav 
{ 
    margin: 33px 16px 0 0; }
ul#nav li 
{ 
    position: relative; 
    float: left; 
    height:35px; 
    line-height:35px; }
#nav li ul 
{ 
    position: absolute; 
    left: -1.5em; 
    top: 35px; 
    width: 9em; 
    display: none; 
    background: transparent url(img/bg_transparent.png) repeat; 
    border-bottom: 3px solid #FFFFFF; 
    border-left: 3px solid #FFFFFF; 
    border-right: 3px solid #FFFFFF; 
    padding: 0 10px 10px 10px; }
/* Styles for Menu Items */
ul#nav li a 
{ 
    display:block; 
    text-decoration: none; 
    text-indent: -9999px; 
    color: #000; 
    height:35px; 
    line-height:35px; 
    text-align:center; 
    background:url(img/bg_nav.gif) no-repeat; }
#nav li#nav_01.current a,#nav li#nav_01:hover a,#nav li#nav_01.over a,#nav li#nav_01:hover li#nav_01:hover a,#nav li#nav_01.over li#nav_01.over a {background-position: 0px -35px;}
#nav li#nav_02:hover a,#nav li#nav_02.over a,#nav li#nav_02:hover li#nav_02:hover a,#nav li#nav_02.over li#nav_02.over a {background-position: -84px -70px;}
#nav li#nav_02.current a 
{
    background-position: -84px -35px;}
#nav li#nav_03.current a,#nav li#nav_03:hover a,#nav li#nav_03.over a,#nav li#nav_03:hover li#nav_03:hover a,#nav li#nav_03.over li#nav_03.over a {background-position: -173px -35px;}
#nav li#nav_04.current a,#nav li#nav_04:hover a,#nav li#nav_04.over a,#nav li#nav_04:hover li#nav_04:hover a,#nav li#nav_04.over li#nav_04.over a {background-position: -310px -35px;}
#nav li#nav_01, #nav li#nav_01 a 
{
    width: 84px;}
#nav li#nav_02, #nav li#nav_02 a 
{
    width: 89px; 
    background-position: -84px 0px;}
#nav li#nav_03, #nav li#nav_03 a 
{
    width: 137px; 
    background-position: -173px 0px;}
#nav li#nav_04, #nav li#nav_04 a 
{
    width: 99px; 
    background-position: -310px 0px;}
/* set dropdown to default */
#nav li:hover li a,#nav li.over li a, #nav li:hover li:hover li a,#nav li.over li.over li a, #nav li:hover li:hover li:hover li a,#nav li.over li.over li.over li a{ color: #000; background-position:0 0; }
ul#nav li:hover ul ul, ul#nav li:hover ul ul ul, ul#nav li.over ul ul, ul#nav li.over ul ul ul { display:none; }
ul#nav li:hover ul,ul#nav li li:hover ul,ul#nav li li li:hover ul, ul#nav li.over ul, ul#nav li li.over ul,ul#nav li li li.over ul { display: block; }
ul#nav li li 
{ 
    height: 25px; }
ul#nav li li a
{
    clear:left;
    display: inline;
    text-decoration: none; 
    text-indent: 0px; 
    color: #000; 
    font-family: Verdana, Arial, Tahoma; 
    font-size: 10px; 
    line-height: 12px; 
    font-weight: normal; 
    text-align:left; 
    background: none; } 
    
/* Dropdown Link Style */
ul#nav li li a:hover 
{ 
    color: #2B9EAE; } 

/* Dropdown Link Hover Style */
#nav li ul 
{ 
    behavior: url(iepngfix.htc); } 
    
/* Fixes IE PNG Support */

/* --------- SUBNAV ---------- */
body#twocol div#subnav ul 
{ 
    list-style: none; }
body#twocol div#subnav li 
{ 
    border-bottom: 1px solid #EDEDE4; 
    padding: 5px 0px 5px 13px; 
    background: transparent url(img/li.gif) no-repeat left center; }
body#twocol div#subnav ul a 
{ 
    color: #1C97A8; 
    text-transform: uppercase; 
    font-size: 10px; 
    font-weight: 10px; 
    text-decoration: none; }
body#twocol div#subnav ul a:hover 
{ 
    color: #02089B; }

/* --------- HEADERS ---------- */
h1 
{
    font-family: Verdana, Arial, Helvetica; 
    color: Black; 
}
h1#logoheader 
{ 
    display:block; 
    width:275px; 
    height:90px;
    text-indent:-9009px; 
    background: #FFF url(img/cwalogo.gif) no-repeat 0 0; 
}
h1#logoheader a 
{ 
    display:block; 
    width:100%; 
    height:100%; 
    text-decoration: none; 
}
h2 
{ 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    color: Black; 
    padding-bottom: 13px; 
}
h2.replaced 
{ 
    text-indent: -9999px; 
    overflow: hidden; 
    height: 23px; 
    display: block; 
}
body.homepage h2#hd_aboutcwa 
{ 
    background: url(img/h2_aboutcwa.gif) no-repeat left top; 
    width: 247px; 
}
body.homepage h2#hd_currentprojects     
{ 
    background: url(img/h2_currentprojects.gif) no-repeat left top; 
    width: 453px; 
}
body.homepage h2#hd_latestnews 
{ 
    background: url(img/h2_latestnews.gif) no-repeat left top; 
    width: 211px; 
}
body.homepage h2#hd_upcomingevents 
{ 
    background: url(img/h2_upcomingevents.gif) no-repeat left top; 
    width: 212px; 
}
h2#hd_boardofdirectors 
{ 
    background: url(img/h2_boardofdirectors.gif) no-repeat left top; 
    width: 540px; 
}
h2#hd_users 
{ 
    background: url(img/h2_users.gif) no-repeat left top; 
    width: 540px; 
}
h2#hd_executiveofficers 
{ 
    background: url(img/h2_executiveofficers.gif) no-repeat left top; 
    width: 540px; 
}
h2#hd_fieldstaff 
{ 
    background: url(img/h2_fieldstaff.gif) no-repeat left top; 
    width: 540px; 
}
h2#hd_aboutcwa_lg 
{
     background: url(img/h2_aboutcwa_lg.gif) no-repeat left top; 
     width: 540px; 
}
h2#hd_meetingarchives 
{ 
    background: url(img/h2_meetingarchives.gif) no-repeat left top; 
    width: 540px; 
}
h2#hd_meetingdocuments
{ 
    background: url(img/h2_meetingdocuments.gif) no-repeat left top; 
    width: 540px; 
}
h2#hd_newsarchives 
{ 
    background: url(img/h2_newsarchives.gif) no-repeat left top; 
    width: 540px; 
}
h2#hd_projects
{ 
    background: url(img/h2_currentprojects_lg.gif) no-repeat left top; 
    width: 540px; 
}
h2#hd_contactform 
{ 
    background: url(img/h2_contactform.gif) no-repeat left top; 
    width: 540px; 
}
h2#hd_moreinformation 
{ 
    background: url(img/h2_moreinformation.gif) no-repeat left top; 
    width: 189px; 
}
h2#hd_upcomingevents_sm 
{ 
    background: url(img/h2_upcomingevents_sm.gif) no-repeat left top; 
    width: 190px; 
}
h2#hd_latestnews_sm 
{ 
    background: url(img/h2_latestnews_sm.gif) no-repeat left top; 
    width: 190px; }
h2#hd_aboutprojects 
{ 
    background: url(img/h2_aboutprojects.gif) no-repeat left top; 
    width: 190px; }
h2#hd_currentprojects_lg 
{ 
    background: url(img/h2_currentprojects_lg.gif) no-repeat left top; 
    width: 328px; }
h2#hd_extra 
{ 
    background: url(img/h2_extra.gif) no-repeat left top; 
    width: 192px; }
h3 
{ 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    color: #176ABE; 
    text-transform: uppercase; 
    font-weight: bold; 
    font-size: 14px; 
    line-height: 14px; }
.h3 
{ 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    color: #176ABE; 
    text-transform: uppercase; 
    font-weight: bold; 
    font-size: 14px; 
    line-height: 14px; }    
h4 
{ 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    color: #B8B8B0; 
    font-weight: normal; 
    font-size: 12px; 
}
h5, h6 
{ 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    color: black; 
}

/* --------- CLASSES ---------- */
.newsitem 
{ 
    background: url(img/icon_document.gif) no-repeat 0px 3px; 
    padding-left: 16px; }
.details 
{ 
    font-size: 10px; 
    color: #B8B8B0; 
    line-height: 10px; }
.eventitem 
{ 
    background: url('img/icon_calendar.gif') no-repeat 0px 3px; 
    padding-left: 18px;}
.pdf 
{ 
    padding-right: 18px; 
    background: url('img/icon_pdf.gif') no-repeat right bottom; }
.req 
{ 
    color: red;}

/* --------- TABLES ---------- */
th 
{ 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    color: Black; 
    font-weight: bold; }
td 
{ 
    font-family: Verdana, Arial, "Helvetica", sans-serif; 
    color: Black; 
    padding: 1px; 
    margin: 0px; 
}
blockquote 
{ 
    font-family: Verdana, Arial, "Helvetica", sans-serif; 
    color: Black; }
    
.GridRow
{
    background-color: #ffffff;
    height: 20px;
}

.GridAltRow
{
     background-color: #EEEED7;
     height: 20px;
}

.GridHeaderTR {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	COLOR: #ffffff; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #C2C09F; 
	TEXT-DECORATION: none;  
	height: 20px;
}

.GridHeaderTR a {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	COLOR: #ffffff; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	cursor: hand;
}

.GridHeaderTR a:link {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	COLOR: #ffffff; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	cursor: hand;
}

.GridHeaderTR a:visited {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	COLOR: #ffffff; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	cursor: hand;
}

.GridHeaderTR a:hover {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	COLOR: #ffffff; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	cursor: hand;
}    

.nameCell
{
    border: solid 1px #C2C09F; 
    background-color: #E3E2CE;   
}

.inputCell
{
    border: solid 1px #C2C09F; 
    background-color: #EEEED7;
}

.error
{
    color: Red;
}

.save
{
    color: Green;
}

hr
{    
    height: 1px;
    color: #eeeeee;
}