a, link, active, visited { color: #3f793f; text-decoration: none; }
a:hover { color: #99cc99; text-decoration: none; }
ul {
	list-style-image: url("../images/icons/bulletgreen.gif");
	margin: 0px 0px 0px 25px;
	padding: 0;
}
h1 { } h2 { } h3 { }

#letopimage { margin: 0 auto; background: #fff url("../images/layout/sdtopg.gif") top left no-repeat; width: 950px; height: 50px; }
#inner1 { float: left; background: #fff url("../images/layout/grad_bbeebb.gif") bottom left repeat-x; width: 305px; margin: 8px 8px 0px 0px; /*fixed height*/ height: 400px; }
#inner2 { float: left; background: #fff url("../images/layout/grad_bbeebb.gif") bottom left repeat-x; width: 305px; margin: 8px 8px 0px 0px; height: 400px; }
#inner3 { float: left; background: #fff url("../images/layout/grad_bbeebb.gif") bottom left repeat-x; width: 305px; height: 400px; margin: 8px 0px 0px 0px; }

#nav a { text-decoration: none; display: block; height: 50px; background-color: #bbeebb; color: #333; }
#nav a:hover { text-decoration: none; background-color: #99cc99; color: #fff; }
/*When hovered, make them appear*/
#nav li:hover>ul { display : block; width: 237px; height: 50px; background-color: #bbeebb; color: #333; }

#news { background: #bbeebb url(../images/menu/green/news1.gif) center no-repeat; width: 237px; height: 50px; }

#home a { background: #bbeebb url(../images/menu/green/home.gif) center no-repeat; width: 239px; height: 50px; }
#home a:hover { background: #bbeebb url(../images/menu/green/home1.gif) center no-repeat; width: 239px; height: 50px; }
#folio a { background: #bbeebb url(../images/menu/green/folio.gif) center no-repeat; width: 237px; height: 50px; }
#folio a:hover { background: #bbeebb url(../images/menu/green/folio1.gif) center no-repeat; width: 237px; height: 50px; }
#contact a { background: #bbeebb url(../images/menu/green/contact.gif) center no-repeat; width: 237px; height: 50px; }
#contact a:hover { background: #bbeebb url(../images/menu/green/contact1.gif) center no-repeat; width: 237px; height: 50px; }

/*SUBS*/
#webby a{ background: #bbeebb url(../images/menu/green/web.gif) center no-repeat; width: 237px; height: 50px; }
#webby a:hover { background: #bbeebb url(../images/menu/green/web1.gif) center no-repeat; width: 237px; height: 50px; }
#grap a{ background: #bbeebb url(../images/menu/green/gvm.gif) center no-repeat; width: 237px; height: 50px; }
#grap a:hover { background: #bbeebb url(../images/menu/green/gvm1.gif) center no-repeat; width: 237px; height: 50px; }
#favflav a{ background: #bbeebb url(../images/menu/green/fav.gif) center no-repeat; width: 237px; height: 50px; }
#favflav a:hover { background: #bbeebb url(../images/menu/green/fav1.gif) center no-repeat; width: 237px; height: 50px; }

/*CLASSES*/
.smally { font-size: 10px; color: #187ecf; font-weight: bold; padding: 5px 5px 5px 5px; }
.head { font-size: 14px; color: #3f793f; font-weight: bold; padding: 5px 5px 0px 5px; }
.headsub { font-size: 12px; color: #99cc99; font-weight: bold; padding: 0px 5px 0px 5px; }
.backlinks { margin: 10px 0px 0px 0px; background-color: #fffef5; text-align: right; padding: 1px 0px 2px 0px; border-top: 1px solid #99cc99; font-size: 10px; font-weight: bold; }

/* initially display:none; to hide from incapable */ 
div#wn0, div#wn1, div#wn2 {  position: relative; width: 270px; height: 355px; overflow: hidden; margin: 5px 0px 0px 0px; /*border-right: 1px solid #bbeebb;*/ }
div#scrollbar0, div#scrollbar1, div#scrollbar2 { 
	display: block; /* initially displayed in style tag of page to display:none; to hide from incapable */
	position: relative; /*relative to the media div*/
	width: 22px; 
	height: 245px; /* to match wn div beside */
	font-size: 1px;  /* so no gap or misplacement due to image vertical alignment */
	top: 5px; /*align scrollbar, dragbar and up down icons with scrolling wn pane*/
}
/*use top attribute for placing up down icons at top*/
div#track0, div#track1, div#track2 { position: absolute; left: 10px; width: 22px; height: 300px; top: 57px; }
div#up0, div#up1, div#up2 { position: absolute; margin: 0px 0px 0px 1px; }
div#down0, div#down1, div#down2 { position: absolute; margin: 27px 0px 0px 1px; }
div#lyr0, div#lyr1, div#lyr2 { text-align: left; }
div#dragBar0, div#dragBar1, div#dragBar2 { position: absolute; left: 1px; top: 1px; width: 2px; height: 4px; background-color: #99cc99; cursor: pointer; }
/* for safari, to prevent selection problem  */
div#scrollbar0, div#track0, div#dragBar0, div#up0, div#down0, div#scrollbar1, div#track1, div#dragBar1, div#up1, div#down1, div#scrollbar2, div#track2, div#dragBar2, div#up2, div#down2 {
-moz-user-select: none;
    -khtml-user-select: none;
}
/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar0 img, div#scrollbar1 img, div#scrollbar2 img { display: block; } 

/*UNIQUE*/
#tuba { margin-left: 5px; width: 295px; height: 240px; }
.greenyd16 { font-size: 16px; color: #265c26; }
.greenyd { color: #265c26; }
.greeny { font-size: 14px; color: #3f793f; }