body {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: #0d1a26 url(images/bg.gif) top left repeat-x;
	font: 0px Tahoma, sans-serif;
	line-height: 200%;
	color: #333;
}

#container {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 770px;
	background: url(images/container_bg.gif);
}

#containerTop {
	margin: 10px auto 0px auto;
	padding: 0px;
	width: 770px;
	height: 10px;
	background: url(images/container_top.gif) top left no-repeat;
}

#containerBottom {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 770px;
	height: 10px;
	background: url(images/container_bottom.gif) top left no-repeat;
}

#header {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 750px;
	height: 125px;
	background: url(images/header.gif) top left no-repeat;
}

#mainMenu {
	margin: 10px auto 0px auto;
	padding: 0px;
	width: 750px;
	height: 30px;
	background: url(images/menu_bg.gif) top left no-repeat;
	font: 14px Trajan Pro, Tahoma, sans-serif;
	color: #fff;
}

#mainMenu ul {
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style-type: none;
}

#mainMenu li {
	margin: 7px 0px 0px 7px;
	padding: 0px;
	float: left;
}

#mainMenu a {
	margin: 0px;
	padding: 0px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#mainMenu a:hover {
	color: #fc0;
}

#bodyContainer {
	position: relative;
	float: left;
	left: 10px;
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 750px;
	background: url(images/body_bg.gif);
	font: 12px Trajan Pro, Tahoma, sans-serif;
	color: #333;
}

#bodyTop {
	position: relative;
	float: left;
	left: 10px;
	margin: 10px auto 0px auto;
	padding: 0px;
	width: 750px;
	height: 10px;
	background: url(images/body_top.gif) top left no-repeat;
}

#bodyBottom {
	position: relative;
	float: left;
	left: 10px;
	margin: 0px auto 10px auto;
	padding: 0px;
	width: 750px;
	height: 10px;
	background: url(images/body_bottom.gif) top left no-repeat;
}

#rightPanel {
	float: right;
	margin: 0px auto 10px 10px;
	padding: 5px;
	width: 235px;
}


#bodyPanel {
	float: left;
	margin: 0px auto 0px 10px;
	padding: 5px;
	width: 475px;
}

#footer {
	clear: both;
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 750px;
	height: 50px;
	background: url(images/footer.gif) top left no-repeat;
	text-align: right;
}

/*
	#copyright
	You can change the font or color of the copyright text by modifying those tags here.
*/
#copyright {
	margin: 0px;
	padding: 17px;
	color: #fff;
	font: 10px "Century Gothic", Courier, monospace;
}

/*
------------------------------------------------------------------------------------------------------
	The following tags are not required for the design and you may modify them however you wish.
	You may want to change the color in the h1 and h2 tags as well as the tag labeled h3, h4, h5, h6.
	I have set images to have a padding around them and be displayed in block mode, you may change this.
	I have also set the default link styles in the a tags. If you want to learn more about CSS and how
	it works, visit this page: http://www.w3schools.com/css/default.asp. It's got some great information
	on each property of CSS.
------------------------------------------------------------------------------------------------------
*/

p {
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

h1 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 20px;
	color: #3656b0;
	width: 100%;
}

h2 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 18px;
	color: #3656b0;
}

h3, h4, h5, h6 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 16px;
	color: #3656b0;
}

date {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 10px;
}

img {
	display: block;
	margin: 7px;
	padding: 0px;
}

a {
	color: #3656b0;
	text-decoration: underline;
}

a:hover {
	color: #6a88dc;
}