body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	background-color: #FFFFFF;
}
h1 {
	font-size: 18px;
	margin: 0px;
	padding: 0px;
}
h2, h3, h3, h4, h5 { font-size: 16px; }
blockquote p {
	margin: 0px;
	padding: 0px;
}
code {
	background-color: #FFFF00;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
}
small { font-size: 11px; }
a:link, a:visited {
	color: #0033CC;
	text-decoration: none;
}
a:hover { color: #990000; }
a img { border: none; }
/*Align*/
img.aligncenter {
	margin: 10px auto 20px auto;
	display: block;
}
img.alignleft {
	margin: 10px 20px 8px 0;
	float: left;
}
img.alignright {
	margin: 10px 0px 8px 20px;
	float: right;
}
.col-left { float: left; }
.col-right { float: right; }
/* Wrap */
#wrapper {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	background-color: #F8F8FA;
}
#header { padding: 20px; }
/*Logo*/
#logo { }
#logo a {
	display: block;
	font-size: 36px;
	padding: 10px;
	color: #000000;
}
/*Logo*/
/*Top Bar and Top Menu*/
#topbar { background-color: #CCCCCC; }
ul#topmenu {
	margin:0px;
	padding:0px;
	list-style-type:none;
	display:block;
	height:36px;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	background:transparent url("../images/off.png") repeat-x top left;
	border-bottom:4px solid #336666;
	border-top:1px solid #C0E2D4;
}
ul#topmenu li {
	display:block;
	float:left;
	margin:0;
	padding:0;
}
ul#topmenu li a {
	display:block;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	padding:12px 20px 0 20px;
	height:24px;
	background:transparent url("../images/divider.png") no-repeat top right;
}
ul#topmenu li a:hover { background:transparent url("../images/on.png") no-repeat top right; }
/*Top Bar and Top Menu*/
/*Main and Sidebar Container*/
#container {
	clear: both;
	padding-top: 20px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #E0DFE3;
	padding-bottom: 20px;
	padding-right: 10px;
	padding-left: 10px;
}
/*Main and Sidebar Container*/
/*Main*/
#main {
	float: right;
	width: 500px;
	padding-right: 10px;
	padding-left: 10px;
}
#main li { margin-bottom: 5px; }
#main ul li, #footer ul li { list-style-type: square; }
#main blockquote {
	background-color: #FFFFCC;
	border: thin dashed #666666;
	margin: 0px;
	padding: 10px;
}
/*Main*/
/*Sidebar*/
#aside {
	float: left;
	width: 200px;
}
#aside ul {
	margin: 0px;
	padding: 0px;
}
#aside li {
	list-style-type: none;
	padding-left: 15px;
	margin-bottom: 10px;
	margin-top: 10px;
}
/*Sidebar*/
/*Footer*/
#footer {
	clear: both;
	background-color: #E0DFE3;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #336666;
	padding-bottom: 20px;
	padding-top: 20px;
}
#footer .col {
	float: left;
	width: 314px;
	padding: 20px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
	margin-right: 10px;
	margin-left: 10px;
}
/*Footer*/
/*Side Navigation*/
#navlist ul { list-style-type: none; }
#navlist li {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}
#navlist li a {
	display: block;
	background-color: #E0DFE3;
	margin: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 1px solid #F4F4F4;
	background-image: url(../images/navlist.png);
	background-repeat: repeat-x;
	background-position: left top;
}
#navlist li a:link, #navlist li a:visited {
	color: #000000;
	text-decoration: none;
}
#navlist li a:hover {
	background-color: #FFFFFF;
	color: #003399;
	background-repeat: repeat-x;
	background-position: left bottom;
	border: 1px solid #dedede;
}
/*Side Navigation*/
/*Clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
/*Clearfix*/
#by {
	font-size: 11px;
	color: #999999;
	clear: both;
	text-align: right;
	padding: 20px;
}
#by a { color: #666666; }

