body {
	
	color: #66973E;
	background-color: #FFFFFF;
	word-spacing: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#content {
	position:absolute;
	top:135px;
	left:100px;
	width:470px;
	padding-left:10px;
	padding-bottom:10px;
	text-indent:5px;
	margin-left:4px;
	border-left:1px;
	border-left-color:#FF6600;
	border-left-style:solid;
	border-bottom:5px;
	border-bottom-color:#598A2E;
	border-bottom-style:solid;
	
}

#content img,object {
	//margin-top: 8px;
	margin-right:10px;
	
}

#title {
	position:absolute;
	width:700px;
	left:100px;
	top:30px;
}

#menu {
	position:absolute;
	left:617px;
	top: 150px;
	width:190px;
}

h1 {
	position:relative; 
	background-color:#66973E; 
	padding:5px;
	color:#A3D574;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align:left;
	width:460px;
	border-top: 1px solid #66CC33;
	border-left: 1px solid #66973E;
	border-right: 1px solid #336600;
	border-bottom: 1px solid #336600;
	text-shadow:#000 0em 0em .2em;
	-webkit-box-shadow: .1em .1em .2em #888;
	-moz-box-shadow: #888 .1em .1em .2em .2em;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius: 15px;
	}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.bodystyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.medium {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.xbig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
}

.expanded {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 2px;
}

.justified {
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
}

.footer {
	margin-left:10px;
	float:left;
	clear:both;
	width:470px;
	
}

.box1 {
	padding: 3px;
	border-width: medium;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.box2 {
	font-style: italic;
	word-spacing: 2pt;
	padding: 3px;
	border: 1px solid;
}

a:visited {

	color:#FF6600;
	}
	
ul {
	list-style-type: square;
	list-style-image: url(images/favicon.png);
	list-style-position: outside;
	margin-left: 5;
	padding-left: 35px;
	margin-top: 0px;
	padding-top: 0px;
	line-height:20px;

}

.reflection {
	-webkit-box-reflect:below 2px
    -webkit-gradient(linear, left top, left bottom, from(transparent),color-stop(0.8, transparent), to(white));
	
	}
	
#gradient {
	position:absolute;
	top:73px;
	left:410px;
	background-image:url(images/scrollscrimgradient.png);
	background-repeat:repeat-y;
	width:80px;
	height:451px;
	z-index:100;
}

/* Scrollbar descriptions */



div#scrollbar { 
    display:none;
    }

/* below in external file */
div#wn	{ 
    position:relative; 
    width:490px; height:450px; 
    overflow:hidden;
	margin-left:-10px;	
	}
div#scrollbar { 
    position:relative; 
    width:490px; height:11px;
    display:block; /* display:none initially */
    font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }

div#track { 
    position:absolute; left:12px; top:0;
    width:456px; height:11px; 
    background:#66FF66;
  }
div#dragBar {
    position:absolute; left:1px; top:1px;
    width:20px; height:9px; 
    background-color:#66973E;
  }  
div#left { position:absolute; left:0; top:0; }  
div#right { position:absolute; right:0; top:0;  }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#left, div#right {
    -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#scrollbar img {
    display:block; 
    }