body {
margin-left: 0px; 
margin-top: 0px;
padding: 0px;
/*height: 100%;*/
width: 100%;
background: #ccffff url('../images/backgrnd/backgroundText.gif');
background-repeat: repeat;
}  

/** ENCLOSING MASTER DIVISION **/
.master {
position: relative;
margin: 0 auto 0 auto;
z-index: 0;
width: 800px;
height:810px;
/* border: 1px solid black; */
background-color: #99cc99;
}

#bottom_box {
position: relative;
top: 690px;
margin: 0 ;
z-index: 10;
width: 702px;
height: 100%;
background-color: red; /*#99cc99;*/
}

/** Left Border to the entire page block **/

#left {
position:absolute;
z-index: 10;
top:0px;
left:-15px;
padding:0;
width:15px;
height:100%; /* works only if parent container is assigned a height value */ 
color:#333;
background-color: #CCffcc;
background-image:url(../images/backgrnd/borderLGradient.gif);
background-repeat:repeat-y;
} 

/** Right Border to the entire page block **/

#right {
position:absolute;
z-index: 10;
top:0px;
left:795px;
padding:0;
width:15px;
height:100%; /* works only if parent container is assigned a height value */
color:#333;
background-color: #CCffcc;
background-image:url(../images/backgrnd/borderRGradient.gif);
background-repeat:repeat-y;
} 



/** SUB DIVS FOR VARIOUS PARTS OF PAGE */
/** HEADER AREA **/
.header {
position: absolute;
z-index: 1;
top: 0;
left: 0;
height: 70px;
background-color:#006633;
}

/* SEARCHBOX */
#searchbox  { 
position: absolute; 
z-index: 2; 
top: 30px; 
left: 515px; 
width: 256px; 
height: 83px; 
visibility: visible }

/* LEFT MENU AREA */
.leftmenu {
position: absolute;
z-index: 3;
top: 70px;
left: -1px;
width: 140px;
height: 740px;
background-color: #CCFFCC;
padding-left: 6px;
}

.logoItem {
margin-bottom: 2px;
}

/* UPPER CONTENT AREA */
/* upper left graphic area of top content block */









.bottomtext {
font-family:Arial, Helvetica, sans-serif;
color:#ccffff;
font-size:18px;
font-weight:bold;
/*text-align:center;*/
}



.bottomtext a:link {text-decoration: none; color: #ccffff; }
.bottomtext a:visited {text-decoration: none; color: #ccffff;}
.bottomtext a:active {text-decoration: none; color: #ccffff}
.bottomtext a:hover {text-decoration: underline; color:#ffffff;}


/** Original Graphic area with a large image to demonstrate the key point of the page at the time.
*/
#upperleft {
position: absolute;
z-index: 3;
top: 70px;
left: 146px;
width: 327px;
height: 165px;
background-color: #99cc99;
}

.upperLeftTextBlock {
font-family:verdana, arial, helvetica, sans-serif; 
font-size:15px; 
font-weight:bold;
text-shadow:Black;
line-height:1em;
color:#FFCC00;
padding-top:50px;
padding-left:115px;
}

.upperLeftTextBlock span {
font-family:verdana, arial, helvetica, sans-serif; 
font-size:10px; 
font-weight:bold;
text-shadow:Black;
line-height:2em;
color:#FFCC00;
padding-top:50px;
padding-left:115px;
}

.upperLeftTextBlock a:link {text-decoration: none; color: #FFCC00;}
.upperLeftTextBlock a:visited {text-decoration: none; color: #FFCC00;}
.upperLeftTextBlock a:active {text-decoration: none; color: #FFCC00;}
.upperLeftTextBlock a:hover {text-decoration: underline; color:#FFFFCC;}

#tempmenuitemblk {
position:absolute;
/*background-color:#CC9900; */
z-index: 11;
top: 603px;
left: 156px;
width: 630px;
height: 32px;
border:1px solid #000000;
}


.blackboldwithpadding a:link {text-decoration: none; color: #000000;}
.blackboldwithpadding a:visited {text-decoration: none; color: #000000;}
.blackboldwithpadding a:active {text-decoration: none; color: #000000;}
.blackboldwithpadding a:hover {text-decoration: none; background-color:#339966; color:#ccffcc;}

#beyondbb {
position:absolute;
/*
background-color:#CC9900; */
z-index: 12;
top: 644px;
left: 584px;
width: 204px;
height: 32px;
}

/** Provides formatting for the text inside the "Coming Up" block at the bottom */
#upperleft3 {
padding-left:8px;
}

/*  For future consideration
.areaBkgd {background-color:#3399FF; }  **/

#upperright {
position: absolute;
z-index: 3;
top: 70px;
left: 473px;
width: 326px;
height: 263px;
border-bottom:2px solid #336600;
background-color: #99cc99;

}

#upperright_title {
position: absolute;
z-index: 4;
top: 0px;
left: 0px;
width: 319px;
height: 52px;
padding: 10px 0px 0px 8px;
text-align:left;
background-color:#003300;  
background-image:url(../images/newsItemPics/newsItemLong_Blank.gif);
background-position: 0 -53px;
background-repeat:no-repeat;
}

#upperright_title:hover {background-position: 0 0px; }

#upperright_item01 {
position: absolute;
z-index: 4;
top: 51px;
left: 0px;
width: 319px;
height: 52px;
padding: 10px 0px 0px 8px;
text-align:left;
background-color:#003300;  
background-image:url(../images/newsItemPics/newsItemLong_Blank.gif);
background-position: 0 -53px;
background-repeat:no-repeat;
}

#upperright_item01:hover {background-position: 0 0px; }

#upperright_item02 {
position: absolute;
z-index: 4;
top: 102px;
left: 0px;
width: 319px;
height: 52px;
padding: 10px 0px 0px 8px;
text-align:left;
background-color:#003300;  
background-image:url(../images/newsItemPics/newsItemLong_Blank.gif);
background-position: 0 -53px;
background-repeat:no-repeat;
}

#upperright_item02:hover {background-position: 0 0px; }

#upperright_item03 {
position: absolute;
z-index: 4;
top: 155px;
left: 0px;
width: 319px;
height: 52px;
padding: 10px 0px 0px 8px;
text-align:left;
background-color:#003300;  
background-image:url(../images/newsItemPics/newsItemLong_Blank.gif);
background-position: 0 -53px;
background-repeat:no-repeat;
}

#upperright_item03:hover {background-position: 0 0px; }

#upperright_item04 {
position: absolute;
z-index: 4;
top: 207px;
left: 0px;
width: 319px;
height: 46px;
padding: 10px 0px 0px 8px;
text-align:left;
background-color:#003300;  
background-image:url(../images/newsItemPics/newsItemLong_Blank.gif);
background-position: 0 -53px;
background-repeat:no-repeat;
}

#upperright_item04:hover {background-position: 0 0px; }


/** Lower left corner of the top content block
    contains the two graphic divs with mini graphics **/
#lowerleft {
position: absolute;
z-index: 4;
top: 236px;
left: 146px;
width: 327px;
height: 97px;
border-bottom:2px solid #336600;
background-color:#003300;
text-align:left;
}

/** The left side graphic in this block of the top content section **/
#lowerleft_imageone {
position: absolute;
z-index: 6;
top: 0px;
left: 0px;
width: 140px;
height: 75px;
border-top:1px solid white;
border-left:1px solid white;
border-right:1px solid white;
padding: 6px 4px 0px 4px;
margin: 9px 0px 0px 11px;
text-align:center;
}

/** The right side graphic in this block of the top content section **/
#lowerleft_imagetwo {
position: absolute;
z-index: 6;
top: 0px;
left: 155px;
width: 140px;
height: 75px;
border-top:1px solid white;
border-left:1px solid white;
border-right:1px solid white;
padding: 6px 4px 0px 4px;
margin: 9px 0px 0px 11px;

text-align:center;
}





/** LOWER CONTENT AREA **/

#lower_content_bckgrnd {
position: absolute;
z-index: 1;
top: 336px;
left: 144px;
width: 656px;
height: 242px;
padding: 0px;
border-top:1px solid #339933;
background-image:url('../images/backgrnd/gradientGrn.jpg');
background-repeat: repeat-x;
}

#lower_content_menu_neg {
position: absolute;
z-index: 3;
top: 348px;
left: 156px;
width: 218px;
height: 35px;
padding-left: 0px;
padding-top: 0px;
}

#lower_content_menu_con {
position: absolute;
z-index: 3;
top: 396px;
left: 156px;
width: 218px;
height: 35px;
padding-left: 0px;
padding-top: 0px;
}

#lower_content_menu_hea {
position: absolute;
z-index: 3;
top: 443px;
left: 156px;
width: 218px;
height: 35px;
padding-left: 0px;
padding-top: 0px;
}

#lower_content_menu_mem {
position: absolute;
z-index: 3;
top: 490px;
left: 156px;
width: 218px;
height: 35px;
padding-left: 0px;
padding-top: 0px;
}

#lower_content_menu_edu {
position: absolute;
z-index: 3;
top: 537px;
left: 156px;
width: 218px;
height: 35px;
padding-left: 0px;
padding-top: 0px;
}

#lcontent_brdr_right { 
position: absolute; 
z-index: 2; 
top: 339px; 
left: 763px; 
width: 34px; 
height: 255px; 
background-image: url('../images/mainTabs/images/borderRt_02.jpg');
visibility: visible 
}

#lcontent_brdr_top { 
position: absolute; 
z-index: 1; 
top: 339px; 
left: 484px; 
width: 279px; 
height: 18px; 
background-image: url('../images/mainTabs/images/borderTopBottom_01.jpg');
visibility: visible 
}

#lcontent_brdr_bottom { 
position: absolute; 
z-index: 2; 
top: 574px; 
left: 522px; 
width: 241px; 
height: 20px; 
background-image: url('../images/mainTabs/images/borderTopBottom_05.jpg');
visibility: visible 
}

/** LOWER RIGHT CONTENT LAYERS */
#negotiationslayer  { position: absolute; z-index: 4; top: 354px; left: 396px; width: 294px; height: 277px; visibility: hidden }
#contractlayer { position: absolute; z-index: 4; top: 354px; left: 396px; width: 294px; height: 277px; visibility: hidden }
#healthlayer { position: absolute; z-index: 4; top: 354px; left: 396px; width: 294px; height: 277px; visibility: hidden }
#membershiplayer { position: absolute; z-index: 4; top: 354px; left: 396px; width: 294px; height: 277px; visibility: hidden }
#issueslayer  { position: absolute; z-index: 4; top: 354px; left: 396px; width: 294px; height: 277px; visibility: hidden }
#defaultlayer { position: absolute; z-index: 4; top: 354px; left: 396px; width: 294px; height: 277px; visibility: hidden; background:none; }


/** SPECIAL ANNOUNCEMENT LAYER **/
#coming_up {
position: absolute; 
z-index: 10; 
top: 665px; 
left: 157px; 
width: 280px; 
height: 122px; 
background-color: #99cc99;
background-image: url('../images/backgrnd/nextMtgGradient.jpg');
background-repeat:repeat-x;
border: 1px solid #1D5F18;
padding-top: 5px;
padding-right:5px;

text-align:left;
visibility: visible ;
}

/** PDF HELPER LAYER **/
#pdf_helper {
position: absolute; 
z-index: 10; 
top: 672px; 
left: 444px; 
width: 130px; 
height: 122px; 
background-color: #99cc99;
padding-top: 5px;
padding-right:5px;

text-align:center;
visibility: visible ;
}

/** COPYRIGHT LAYER **/
#copyright {
position: absolute; 
z-index: 2; 
top: 738px; 
left: 545px; 
width: 241px; 
height: 50px; 
text-align:right;
visibility: visible ;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: black;
}



/* TEXT FORMATTING ITEMS */

.leftmenuhdr {   
color: black; 
font-style: oblique; 
font-weight: normal; 
font-size: 12px; 
font-family: "Arial Black";
}

.actionleftmenuitems { 
font-weight: normal; 
font-size: 8pt; 
font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
letter-spacing: 0pt;
}

.actionleftmenuitems a:link {text-decoration: none; color: #336666; }
.actionleftmenuitems a:visited {text-decoration: none; color: #336666;}
.actionleftmenuitems a:active {text-decoration: none; color: #ff6600}
.actionleftmenuitems a:hover {text-decoration: underline; color: black;}

.bluebold { color: #039; font-weight: bold; font-size: 10px; font-family: Verdana } /* EMAIL UPDATES */
.whitebold { color:#FFFFCC; font-weight: bold; font-size: 10px; font-family: Verdana } /* EMAIL UPDATES */
.blacksm  { color: black; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.blackbold { color: #000; font-weight: bold; font-size: 13px; font-family: Verdana }
.blackboldwithpadding { color: #000; font-weight: bold; font-size: 13px; font-family: Verdana; padding-top:.5em; }

.upcomingmtgtitle { color: #fff; font-weight: bold; font-size: 8pt; font-family: Arial; letter-spacing: 1px } /*UPCOMING MEETINGS */
.upcomingday   { color: #fff; font-weight: normal; font-size: 7pt; font-family: Arial; letter-spacing: 1px }

.greenboldsm { color: red; font-weight: normal; font-size: 10px; font-family: "Arial Black"; line-height: 1.5em;}  /*#318553*/

.greenboldsm a:link {text-decoration: none; color: #318553;}
.greenboldsm a:visited {text-decoration: none; color: #318553;}
.greenboldsm a:active {text-decoration: none; color: #318553;}
.greenboldsm a:hover {text-decoration: underline; color: black;}

.newsItem a:link {  /* Text that is associated with the long news items on the right side of page. */
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
text-align:center;
padding-left: 10px;
}

.newsItem a:visited {  /* Text that is associated with the long news items on the right side of page. */
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
text-align:center;
padding-left: 10px;
}

.newsItem a:active {  /* Text that is associated with the long news items on the right side of page. */
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
text-align:center;
padding-left: 10px;
}

.newsItem a:hover {  /* Text that is associated with the long news items on the right side of page. */
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#FFFFFF;
text-decoration:underline;
text-align:center;
padding-left: 10px;
}

.special_announce_lg {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-style:italic;
font-weight:600;
color:#000000;
}

.special_announce_sm {
font-family:Arial, Helvetica, sans-serif;
font-size: 9px;
font-style:normal;
font-weight:600;
color:#000000;
text-align:right;
}

/* UpperLeft Popup Divs */


.upperLeftTextBlock a:link {text-decoration: none; color: #FFCC00;}
.upperLeftTextBlock a:visited {text-decoration: none; color: #FFCC00;}
.upperLeftTextBlock a:active {text-decoration: none; color: #FFCC00;}
.upperLeftTextBlock a:hover {text-decoration: underline; color:#FFFFCC;}












.newsmore    { color: #f03; font-weight: bold; font-size: 8pt; font-family: Verdana }



.greensm  { color: black; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

#item1pic  { position: relative; z-index: 0; top: 0px; left: 0px; width: 110px; height: 132px; visibility: visible }
#news1layer     { position: absolute; top: 0px; left: 0px; width: 125px; height: 122px; visibility: visible }
#newsitem1layer     { position: relative; z-index: 1; top: 125px; left: 265px; width: 147px; height: 112px; visibility: visible }



#searchbox                 { position: absolute; z-index: 5; top: 35px; left: 515px; width: 256px; height: 35px; visibility: visible }