/* Global */
a img { border: none ; }
body    { color: black; font-size: 13px; font-family: "Century Gothic", "Century Gothic", "Century Gothic"; margin-top: 0; margin-bottom: 0 }
a   { color: #00bfff; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
a:hover  { text-decoration: underline }
p {
	color:#333;
}
blockquote { 
	border:1px solid #DDD;
	background-color:#f2f2f2;
	color:#333;
	padding:12px 5px;
}
code { 
	border:1px solid #DDD;
	background-color:#F2F2F2;
	padding:12px 5px;
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
	margin:0 0 0 8.5%;
	letter-spacing:+1px;
}
/* Main layout */
div#container  { margin-right: auto; margin-left: auto; width: 700px; border: solid 2px #5f5f5f }
/* Remove/edit this style to get
   change of layout border */
div#inner   { background-color: white; padding: 0 0px }
/* End remove */

/* Header and nav */
div#header  { background-image: url("img/header_bg.jpg"); background-repeat: repeat-x; padding: 0 0 20px; height: 62px; clear: both }
div#header h1  { color: #ffffff; font-size: 40px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0; padding: 21px 0 0 17px; float: left }
div#header h2  { color: #ffffff; font-size: 25px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin: 0; padding: 29px 0 0 12px; float: left }
div#nav {
	background-image:url(img/nav_bg.jpg);
	background-repeat:repeat-x;
	height:25px;
}
div#nav ul {
	list-style-type:none;
	margin:0 0 0 5px;
	padding:0 0 0 5px;
}
div#nav ul li {
	display:inline;
}
div#nav ul li a {
	display:block;
	padding:6px 7px 5px 7px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	font-size:12px;
}
div#nav ul li a.active:hover {
	background-image:none;
	background-color:#FFF;
}
div#nav ul li a:hover {
	background-image:url(img/nav_bg_over.jpg);
	background-repeat:repeat-x;
}
div#nav ul li a.active {
	background-color:#FFFFFF;
	color:#ffa200;
}

/* Content */
.clr { clear:both; }
div#content {
	background-color:#fff;
	background-image:url(img/content_bg.jpg);
	background-repeat:repeat-y;
}
div#main {
	float:left;
	width:470px;
}
div#main h1 {
	margin:10px 0 0 7px;
	padding:0;
	width:100%;
	text-align:left;
	font-size:25px;
	color:#ffa200;
	border-bottom:1px dotted #ffa200;
	font-weight:normal;
}
div#main h2 { 
	font-size:20px;
	margin:0 0 0 10px;
	font-weight:normal;
}
div#main p {
	font-size:13px;
	color:#333;
	margin:9px 0 8px 9px;
	padding:0;
}
div#main a { 
	font-weight:bold; 
}

/* Sidebar */
div#sidebar   {	text-align:center; padding-top: 5px; width: 203px; float: right; border-style: none none solid solid; border-width: medium medium 2px 2px; border-color:   #666 #666 }
div#sidebar a     { color: #333; text-decoration: none; padding-right: 15px; padding-left: 20px }
div#sidebar a:hover     { color: #ffa200; text-decoration: none; padding-right: 15px; padding-left: 0 }
div#sidebar h1   { color: #333333; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; padding-right: 15px; padding-left: 5px }
div#sidebar ul  { list-style: none; margin: 0; padding: 0 0 0 0; width: 100%; border-top: 1px solid #e4e4e4 }
div#sidebar ul li  { border-bottom: 1px solid #e4e4e4 }
div#sidebar ul li a  { font-weight: bold; display: block; padding: 5px 0 0 5px }
div#sidebar ul li a:hover   { color: #00bfff; text-decoration: none; background-color: #dddddd; padding-left: 15px }
div#sidebar p   { margin: 0; padding: 5px 0 0 10px }
div#sidebar form   { margin: 0; padding: 5px 5px 0 }

/* Footer */
div#footer {
	border-top:none;
	background-color:#666;
	padding:3px 0 3px 0;
}
div#footer p {
	text-align:center;
	width:100%;
	margin:0;
	padding:0;
	font-size:11px;
	color:#FFF;
}
div#footer a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}
div#footer a:hover { 
	text-decoration:none; 
}