/*----------------------| page setup |---------------------------*/
html,body,h1,h2,h3,h4,h5,p,ul,li,div,img,form,label,a,#emailform,input,textarea {
	font-family: "Frutiger-Roman", Tahoma, Arial, sans-serif;;
	font-size:small;
	color:#006600;
	margin:0;
	padding: 0;
	border: 0;
	z-index: 0;
}
body, html {
	width:100%;
	height:100%;
}
body {
	background: url(library/page_bg.png) repeat-x center top;
}
h1 {
	display:block;
	width:700px;
	margin:0 auto;
}
.underh1 {
	display:block;
	width:700px;
	margin:0 auto 0.8em auto;
}
.underh1 a:link {
	font-size:x-small;
	text-decoration:none;
}
.underh1 a:visited {
	font-size:x-small;
	text-decoration:none;
}
.underh1 a:hover {
	font-size:x-small;
	text-decoration:underline;
}
ul {
	list-style: none;
}
input,textarea {
	border: thin solid #7EB467;
}
.clearer {
	clear:both;
	float:none;
	display:block;
	width:700px;
	height:0;
}
.msg {
	color: #990000;
}
/*----------------------| accessibility |---------------------------*/
#access {
	background: url(library/access.gif) repeat-x;
	height: 20px;
	width: 100%;
	overflow:hidden;
	margin-bottom:3px;
}
#access li {
	display:inline;
	list-style:none;
	margin-left:1em;
	font-size: x-small;
}
#access a {
	text-decoration: none;
	color: #006600;
	font-size: x-small;
}
#access a:hover {
	text-decoration: underline;
}
.hidden {
	position: absolute;
	top: -300em;
	left: -300em;
}
/*----------------------| content |---------------------------*/
#content {
	position: relative;
	display:block;
	z-index:10;
	width:700px;
	background: url(library/body_bg_grad.gif) no-repeat left top;
	margin: 0 auto;
}
#content_top	{
	position:relative;
	display:block;
	padding-top:130px;
	height:20px;
	width:410px;
	z-index:10;
	margin-left:20px;
	background: url(library/content_header.gif) no-repeat bottom;
}
.content_top	{
	position:relative;
	display:block;
	padding-top:10px;
	height:20px;
	width:410px;
	z-index:10;
	margin-left:20px;
	background: url(library/content_header.gif) no-repeat bottom;
}
.content_bot	{
	position:relative;
	display:block;
	z-index:10;
	margin-left:20px;
	height:20px;
	width:410px;
	background: url(library/content_footer.gif) no-repeat top;
}
.contentcontent {
	position: relative;
	display:block;
	z-index:10;
	width:390px;
	margin-left:20px;
	padding: 0 10px;
	background-color: #F7FBE1;
}
.contentcontent img {
	float:right;
}
.contentcontent h1,.contentcontent h2,.contentcontent h3,.contentcontent h4,.contentcontent h5,.contentcontent p,.contentcontent ul,.contentcontent ul ul {
	padding-bottom:0.6em;
}
.contentcontent ul {
	list-style-position:inside;
	margin-left:1em;
	list-style:disc;
}
.contentcontent ul ul {
	margin-left:2em;
	list-style:circle;
}
.contentcontent a:link {
	font-weight:bold;
	color:#000000;
	text-decoration: none;
}
.contentcontent a:visited {
	font-weight:bold;
	color:#000000;
	text-decoration: none;
}
.contentcontent a:hover {
	font-weight:bold;
	text-decoration: underline;
}
/*----------------------| menu |---------------------------*/
#menu {
	position: relative;
	top:0;
	z-index:100;
	float:right;
	width:250px;
}
.menu_head {
	position: relative;
	display:block;
	z-index:100;
	width:250px;
	height:20px;
	background: url(library/menu_flat_top.gif) no-repeat top;
}
.menu_content {
	position: relative;
	display:block;
	z-index:100;
	width:250px;
	background: url(library/menu_flat_top.gif) no-repeat bottom;
}
.menu_mid {
	position: relative;
	display:block;
	z-index:100;
	width:250px;
	padding-top:60px;
	background: url(library/menu_angle_join.gif) no-repeat;
}
.menu_content a:link,.menu_mid a:link, .menu_mid h3 {
	display:block;
	width:240px;
	padding:6px 0 6px 10px;
	color:#ffffff;
	text-decoration: none;
}
.menu_content a:visited,.menu_mid a:visited {
	display:block;
	width:240px;
	padding:6px 0 6px 10px;
	color:#ffffff;
	text-decoration: none;
}
.menu_content a:hover,.menu_mid a:hover {
	display:block;
	width:240px;
	padding:6px 0 6px 10px;
	text-decoration: none;
	background: url(library/hover.jpg) no-repeat left top;
}
.menu_foot {
	position: relative;
	display:block;
	z-index:100;
	width:250px;
	height:80px;
	background: url(library/menu_angle_bottom.gif) no-repeat top;
}
/*----------------------| footer |---------------------------*/
#foot {
	position: relative;
	display:block;
	clear:both;
	z-index:10;
	background: url(library/body_footer.gif) no-repeat left top;
	height: 20px;
	width: 700px;
	margin: 0 auto 1em auto;
}
#foot p {
	display:block;
	width:550px;
	text-align:center;
	color: #FFFFFF;
}
#foot ul {
	display:block;
	width:550px;
	overflow:hidden;
	text-align:center;
	margin-top:10px;
}
#foot li {
	display:inline;
	list-style:none;
	font-size: x-small;
	margin:0 20px;
}
#foot a:link {
	color:#ffffff;
	text-decoration: none;
}
#foot a:visited  {
	color:#ffffff;
	text-decoration: none;
}
#foot a:hover {
	text-decoration: none;
}
/*----------------------| IE>7 fixes |---------------------------*/
html>body #access {
	background: url(library/access.png) repeat-x;
}
html>body #content {
	background: url(library/body_bg_grad.png) no-repeat left top;
}
html>body #content_head {
	background: url(library/content_header.png) no-repeat bottom;
}
html>body #content_bot {
	background: url(library/content_footer.png) no-repeat bottom;
}
html>body .menu_head {
	background: url(library/menu_flat_top.png) no-repeat top;
}
html>body .menu_content {
	background: url(library/menu_flat_top.png) no-repeat bottom;
}
html>body .menu_mid {
	background: url(library/menu_angle_join.png) no-repeat;
}
html>body .menu_foot {
	background: url(library/menu_angle_bottom.png) no-repeat top;
}
html>body #foot {
	background: url(library/body_footer.png) no-repeat left top;
}