/* --------------------------------------------------------------------
	Default
------------------------------------------------------------------*/
.graphic div {
background: #2B85B8;
text-align: right;
float: right;
padding: 3px 5px 0 1px;
display: inline;
}
.graphic span {
margin: 4px 0 0 3px;
float: left;
color: #666;
}
.graphic {
text-align: left;
color: white;
background: #DFDCDC;
font-size: 92%;
border-left: 3px solid #C4C1C1;
}


body {
	font: normal 8.5pt "Verdana", "Arial", "Helvetica", sans-serif;
	color: #333;
	background: #ddd;
	margin: 0px;
	padding: 0px; 
	line-height: 18px;
		text-align: center;
	}

	table {
		font: normal 8.5pt "Verdana", "Arial", "Helvetica", sans-serif;
		color: #333;
		margin: 0px;
		padding: 0px; 
		line-height: 15px;
				}
div, img, form, ul {
	margin: 0px;
	padding: 0px;
	border: 0px; }
div {text-align: left;}

.clear { clear: both; }
.right { float: right; }
.left { float: left; }

/*------------------------------------------------------------------
	Text
------------------------------------------------------------------*/

a {
	color: #2A5C8F;
	font: normal "Verdana", "Arial", "Helvetica", sans-serif;
	text-decoration: none; }
	
	a:hover { color: #5787B8; }
	
h1 {
	border-bottom: 1px solid #2B85B8;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
	color: #2B85B8;
	font: bold 13pt "Verdana", "Arial", "Helvetica", sans-serif; }
	
	h2 {
		border-bottom: 1px solid #ddd;
		padding: 0px 0px 1px 0px;
		margin: 48px 0px 5px 0px;
		color: #2B85B8;
		font: normal 10pt "Verdana", "Arial", "Helvetica", sans-serif; }

li em {
	color: #666;
	font-size: 92%;
	
}	
	
.navi {
	background: #2B85B8;
	height: 17px;
	padding: 10px;
}	
.navi a {
color: white;
font-size: 112%;
}
.navi a:hover {
color: #ddd;
text-decoration: underline;
}
.container {
	width: 870px;
	background: white;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.footer {
	background: #666;
	padding: 10px;
	color: #ddd;
}
.footer a {
	color: #ddd;
}
.footer a:hover {
	color: black;
}
.contentright {width: 480px; padding-bottom: 20px;}
.contentright img {text-align: center;}
.contentleft {width: 310px; padding-bottom: 20px;}
.main {padding: 20px;}
.top {padding: 20px 20px 30px 30px;}
.navi ul {
	list-style: none;
}
.navi li {
float: left;
margin: 0 15px 0 15px;
}
.main ul {
	list-style: circle;
	border-left: 5px solid #2B85B8;
	padding: 0 0 0 20px;
	margin: 10px 5px 10px 10px;
}