/* 

Screen layout: */

body {

	margin: 0 auto;

	padding: 0;

	font: 76% Verdana,Tahoma,Arial,sans-serif;

	background-color: #2F9535;

	background-image: url(bg.gif);

	background-repeat: repeat-y;

	background-position: center top;

}


#boundary {

background: #ffffff;

color: #000000;

margin: 0 auto;

width: 760px;

}



#masthead {

clear: both;

margin: 10px 0 0 0;

padding: 0;

height: 0px;

font-size: 18px;

}



#masthead h1 {
	width: 200px;
	margin: 0 0 0px 0;
	float: left;
}



#masthead p {

width: 500px;

float: right;

text-align: center;

color: #2F9535;

margin: 0 0 10px 0;

font-size: 0.8em;

line-height: 1.2em;

}



#titlegraphic {

margin: 0 0 10px 0;

border: 0;

}



#navmenu {
	clear: left;
	float: left;
	width: 100px;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 0.9em;
	
}



#navmenu ul {
	list-style: none;
	width: 100px;
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 1.1em;
}	



#navmenu li {

	margin-bottom: 4px;

}



#navmenu li a {

font-weight: bold;

height: 20px;

text-decoration: none;

color: #000000;

display: block;

padding: 6px 0 0 10px;

background: #CEE6CE;

border-left: 4px solid #2F9535;

}	





#navmenu li a:hover {

background: #2F9535;

color: #FFFFFF;

border-left: 4px solid #FFFFFF;

}



.leftnotes {
	margin: 10px 0 10px 0;
	padding: 10px;
	width: 120px;
	color: #000000;
	background-color: #CEE6CE;
	line-height: 1.3em;
}



#rightnotes {
	float: right;
	width: 130px;
	margin: 100 0 10px 0;
	padding: 0;
	font-size: 0.9em;
	line-height: 1.5em;
}



#rightnotes p {

margin: 100 0 1.5em 0;

}




#rightnotes ul {	

list-style: none;

width: 130px;

margin: 100 0 20px 0;

padding: 0;

font-size: 1.1em;

}	



#rightnotes li {

	margin-bottom: 4px;

}



#rightnotes li a {

font-weight: bold;

height: 20px;

text-decoration: none;

color: #000000;

display: block;

padding: 6px 0 0 10px;

background: #CEE6CE;

border-left: 4px solid #2F9535;

}	


#rightnotes li a:hover {

background: #2F9535;

color: #FFFFFF;

border-left: 4px solid #FFFFFF;

}

#content {
	margin: 0 145px 0px 115px;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	padding: 0 10px 0 10px;
	line-height: 1.6em;
	text-align: left;
}



#content h2 {

	font-size: 1.5em;

	margin: 0 0 0.5em 0;

	color: #000000;

}



#content img {
	padding: 1px;
	display:inline;
	background: #ffffff;
	border: 4px solid #f0f0f0;
}



h3 {
	font-size: 1.3em;
	margin: 0 0 10px 0;
	color: #000000;
}



a {
	text-decoration: none;
	color: #2F9535;
}



a:hover {
	text-decoration: underline;
	color: #2F9535;
}



a img {

border: 0;

}



#footer {

clear: both;

margin: 0 auto;

padding: 0px 0 0px 0;

border-top: 4px solid #f0f0f0;

width: 760px;

text-align: center;

color: #808080;

font-size: 0.9em;

}



#footer a {

color: #808080;

text-decoration: none;

}



#footer a:hover {

text-decoration: underline;

}



.left {

margin: 10px 10px 5px 0;

float: left;

}



.right {

margin: 10px 0 5px 10px;

float: right;

}



.textright {

text-align: right;

}



.center {

text-align: center;

}



.small {

font-size: 0.8em;

}



.bold {

font-weight: bold;

}



.invisible {

display: none;
}

a.srollover1 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("dot1.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.srollover1 {
    background-position: -100px 0;
}	
a.srollover2 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("dot2.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.srollover2 {
    background-position: -100px 0;
}	
a.srollover3 {
    display: block;
    width: 100px;
    height: 100px;
    background: url("dot3.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.srollover3 {
    background-position: -100px 0;