/* Designed by Damian Pang - http://www.graphicswerx.com. 
February 2007 */

/* General */

a {
	color:#003399;
	text-decoration:underline;
}

a:hover {
	color:#003368;
	text-decoration:none;
}

blockquote {
	background:#f1f1f1;
	border-left:2px solid #003368;
	color:#555;
	display:block;
	font-style:oblique;
	line-height:20px;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
}

.left {
	float:left;
	margin:0 10px 0 0;
}

.right {
	float:right;
	margin:0 0 0 10px;
}

/* body */

body {
	background:#5e697f url('image/background.gif') repeat-x top;
	color:#333;
	font: 0.8em Helvetica, Arial, Verdana, sans-serif;
}


* {
	border:0;
	margin:0;
	padding:0;
}

/* header */

#header {
	background:url('image/background_header.jpg');
	height:320px;
	margin:0 auto;
	position:relative;
	width:760px;
}

#header:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}

#header h1 {
	font-family:Helvetica, Arial, Verdana, sans-serif;
	color:#333;
	font-size:36px;
	font-weight:600;
	left:170px;
	position:absolute;
	top:30px;
}

#header p {
	top:140px;
	color:#fff;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:24px;
	position:absolute;
	right:170px;
}

#header ul {
	margin:249px 0 0 0;
	padding:0;
	list-style-type:none;
	width:100%;
	position:absolute;
	display:block;
	height:40px;
	text-transform:uppercase;
	font-size:13px;
	background:transparent url('image/menu_blue.jpg') repeat-x top left;
	font-family:Helvetica, Arial, Verdana, sans-serif;
}

#header ul li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	border-right:1px solid #ffffff;
}

#header ul li a {
	display:block;
	float:left;
	color:#ffffff;
	text-decoration:none;
	padding:12px 20px 0 20px;
	height:40px;
}

#header ul li a:hover {
	background:transparent url('image/menu_black.jpg') repeat-x top left;
}

/* content */

#content {
	height:auto;
	margin:0 auto;
	background:#fff;
	width:760px;
}

#content:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
} 

/* sidebar */

#sidebar {
	background:#fff;
	float:left;
	width:210px;
}

#sidebar h1 {
	border-bottom:2px solid #003368;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	color:#000;
	font-size:165%;
	font-weight:400;
	line-height:40px;
	padding:0 10px;
}

#sidebar p {
	color:#333;
	display:block;
	font-size:110%;
	line-height:20px;
	margin:10px 0;
	padding:10px;
}

#sidebar p a.more {
	display:block;
	text-align:right;
}

#sidebar ul {
	margin:10px;
}

#sidebar ul li {
	border-bottom:1px solid #aaa;
	list-style:none;
	padding:5px 2px;
}

#sidebar ul li a {
	color:#222;
	display:block;
	font: 110% Helvetica, Arial, Verdana, sans-serif;
	padding:5px;
	text-decoration:none;
}

#sidebar ul li a:hover {
	background:#025aa2;
	color:#fff;
	font-weight:bold;
}

/* Main */

#main {
	background:#fff;
	float:right;
	width:520px;
}

#main p {
	color:#333;
	font-size:110%;
	line-height:20px;
	padding:10px;
}

#main p.small {
	color:#555;
	font-size:88%;
	padding:10px;
}

#main ul {
	list-style:outside;
	list-style-type:square;
	line-height:20px;
	padding:20px;
	font-size:110%;
}

#main ul ul{
	list-style-type:disc;
	line-height:20px;
	padding:12px;
	font-size:100%;
}

#main ul ul ul{
	list-style-type:circle;
	line-height:20px;
	padding:10px;
	font-size:90%;
}

#main h1 {
	border-bottom:2px solid #003368;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	color:#000;
	font-size:165%;
	font-weight:400;
	line-height:40px;
	padding:0 10px;
}

#main h2 {
	font-family:Helvetica, Arial, Verdana, sans-serif;
	color:#000;
	font-size:140%;
	font-weight:500;
	line-height:40px;
	padding:0 10px;
}

/* footer */

#footer {
	margin:10px auto;
	width:760px;
}

#footer:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}

#footer p {
	border-top:2px solid #333;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	color:#fff;
	font-size:85%;
	line-height:25px;
	padding:10px;
	text-align:center;
}

#footer a {
	color:#fff;
	text-decoration:underline;
}

#footer a:hover {
	color:#003368;
	text-decoration:none;
}