@charset "utf-8";
/* CSS Document */
body{
	text-align:center;
	margin:0;
	padding:0;
	background-color: #EFEFEF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100.1%;
	color: #333;
}
h4 {color: #C06; }
#container{
	width:1024px;
	max-width: 1200px;
	margin:0 auto;
	text-align:left;
	background-repeat: no-repeat;
}
#topnav{
width: 100%;
text-align: right;
background-color:#FFF;
}
#topnav ul{
	margin: 0 30px 0 0;
}
#topnav li{
display: inline;
border-right: solid 1px #666;
}
#topnav li a{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 80%;
	color: #666;
	padding: 0 8px 0 0;
	text-decoration: none;
}
#topnav li a:hover{
	color: #C06;
}
#topnav li span{
	color: #C06;
	padding: 0 8px 0 0;
	font-size: 80%
}
#header{
margin: 0;
width: 100%;
background: url(pics/index/logo_bg.gif);
background-color:#FFF;
background-repeat:repeat-x;
text-align: left;
}
#navigation{
width: 100%;
text-align: center;
margin: 0 0 50px 0;
border-bottom: double 3px #CCC;
background-color:#FFF;
}
#navigation ul{
list-style-type: none;
padding: 0 0 3px 0;
margin: 0;
}
#navigation li{
display:inline;
margin: 0 8px 0 0;
}
#navigation li a{
	background-image:url(pics/index/linknote.gif);
	background-repeat:no-repeat;
	padding: 2px 2px 2px 24px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: #666;
	text-decoration: none;
}
#navigation li a:hover{
	background-image:url(pics/index/linknote_over.gif);
	background-repeat:no-repeat;
	color: #333;
}
#navigation li span{
	background-image:url(pics/index/linknote_down.gif);
	background-repeat:no-repeat;
	padding: 2px 2px 2px 24px;
	color: #C06;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 80%;
	font-weight: bold;
}
#content{
	width: 734px;
	float:left;
	margin: 20px 0 0 0;
	padding: 0 20px 0 20px;
	font-size: 80%;
	line-height: 150%;
}
#content h1{
	font-size: 105%;
	font-weight: bold;
}
#content a{
	color:#C06;
}
#content a:hover {
	text-decoration: underline;
}
#content ul {
	list-style-position: outside;
	list-style-image: url(pics/index/linknote.gif);
}
#content2{
	width: 978px;
	float:left;
	margin: 20px 0 0 0;
	padding: 0 20px 0 20px;
	font-size: 80%;
	line-height: 150%;
}
#content2 h1{
	font-size: 105%;
	font-weight: bold;
}
#content2 a{
	color:#C06;
}
#content2 a:hover {
	text-decoration: underline;
}
.box{
	float: right;
	width:auto;
	padding: 20px;
	margin: 15px 0 30px 50px;
	border: 3px double #C06;
	background-color:#EFEFEF;
	text-align: center;
}
.boxL{
	float: left;
	width:auto;
	padding: 20px;
	margin: 15px 50px 30px 0;
	border: 3px double #C06;
	background-color: #EFEFEF;
}
#sidenav{
	width:200px;
	float:left;
	margin: 40px 50px 30px 0;
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
}
.boxfull {
	width: 690px;
	padding: 20px;
	border: 3px double #C06;
	background-color: #FFF;
}

#sidenav ul{
list-style-type: none;
padding: 0;
margin: 0;
}
#sidenav li{
	margin: 0 0 5px 0;
}
#sidenav a{
	background-image:url(pics/index/linknote.gif);
	background-repeat:no-repeat;
	display: block;
	padding: 4px 4px 4px 24px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 70%;
	font-weight: bold;
	color: #666;
	text-decoration: none;
}
#sidenav li a:hover{
	background-image:url(pics/index/linknote_over.gif);
	background-repeat:no-repeat;
	color: #333;
}
#sidenav li span{
	background-image:url(pics/index/linknote_down.gif);
	background-repeat:no-repeat;
	display: block;
	padding: 4px 4px 4px 24px;
	color: #C06;
	font-size: 70%;
	font-weight: bold;
}
#footer {
	clear: both;
	height: 20px;
	border-top: 2px dotted #C06;
}