/* CSS stylesheet */

body {
	margin: 40px 0; /*sets no padding and a 40px margin around the body of document*/
	padding: 0px;
	background: #fff url(images/bg.gif) top left repeat;
	background-repeat: repeat; /*repeats background over and over*/
	font-family: Verdana, Tahoma, arial, sans-serif; /*sets the font family for website*/
	font-size: 70%; /*sets the font size in %, you can also use 12px or 14px etc... */
	line-height: 1.5em; /*sets the height between each line of text.*/
	color: #333;
}

#container {
	padding: 0px;
	width: 817px;
	margin: 5px auto; /*sets top margin at 5 pixels and the rest to auto*/
	padding: 0; /*sets 0 padding*/
}

#header {
	position: relative;
	margin 5px auto;
	width: 817px;
	height: 134px; /*sets header height, this should be the same as header image*/
	background: #caced1 url(images/header.jpg) no-repeat center top; /*sets a background behind header and sets header image onto the page*/
	padding: 0; /*no padding is needed*/
}

/*
	#mainMenu
	Here you can change the font size and face of the text for the menu items.
	If you change the color tag, it will change the color of the seperator characters which is a pipe | by default.
*/
#mainMenu {
	clear: both; /*No floating elements allowed on either the left or the right side*/
	margin: 0 auto; /*Margins*/
	padding: 0; /*Padding*/
	background: #81C524 url(images/menu.jpg) no-repeat; /*Our menu background*/
	height: 35px; /*The height of the menu */
	width: 817px; /*The width of the menu */
	font-family: Verdana, Arial, Helvetica, sans-serif; /*The font family*/
	font-size: 12px; /*The font size*/
	line-height: 35px; /*The line-height property sets the distance between lines.*/
}

#mainMenu ul {
	float: left; /*Floats menu to the left*/
	list-style: none;
	margin:0; padding: 0 0 0 10px;
}

#mainMenu li {
	display: inline; /*The element will be displayed as an inline element, with no line break before or after the element*/
}

#mainMenu ul li a {
	display: block;
	float: left;
	padding: 0 0 0 12px;
	color: #fff; /*Font color*/
	text-decoration: none;
}

#mainMenu ul li a:hover {
	color: #00F;
	text-decoration: none;
}

#dateContainer ul {
	position: relative;
	height: 35px;
	width: 200px;
	float: right;
	margin-top: -24px;
	margin-right: 22px;
	padding: 0 0 0 10px;
}

#dateContainer ul li {
	float: right;
	display: inline-block;
	list-style: none;
	text-align: right;
}

/*
	#bodyContainer
	You can change the font here. This will change the font for the left panel and the body panel.
*/
#bodyContainer {
	position: relative;
	float: left;
	margin: -23px auto; /*sets top margin at whatever and the rest to auto*/
	padding: 0;
	width: 817px;
	background: url(images/content.jpg);
	font: 12px Arial, Tahoma, sans-serif;
}

/*
	#leftPanel
	The font for this left panel is inherited from the #body id. However if you want to have a different color or font
	text here, you may add the color or font tags.
*/
#leftPanel {
	float: left;
	width: 195px;
	padding: 20px 5px 5px;
	color: #333333;
	margin: auto auto auto 5px;
}

#leftPanel h1 {
	margin: 5px 5px 10px 10px;
	color: #333333;
}

#leftPanel h2 {
	margin: 5px 5px 10px 10px;
	font: bold 1.2em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #333333;
}

#leftPanel p {
	margin-left: 10px;
	margin-right: 10px;
}

#leftPanel ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 5px 10px 7px;
	padding: 0 0 0 2px;
	text-decoration: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
}

#leftPanel ul.sidemenu li {
	list-style: none;
	padding: 5px 0 5px 5px;
	margin: 0 2px 0 0;
	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC; /* #A9D4EF; /* #D2E8F7 */
}

#leftPanel .sidemenu li a {
	text-decoration: none;
	color: #FF0000;
}

#leftPanel .sidemenu li a:hover {
	color: #00F;
	text-decoration: none;
}

#leftPanel ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#leftPanel ul.sidemenu ul li { border: none; }

/* #bodyPanel - The font for this body panel is inherited from the #body id. */
#bodyPanel {
	float: right;
	padding: 25px 2px 2px;
	width: 560px;
	margin: 5px 15px 40px auto;
}

#bodyPanel p {
	padding: 0 0 10px;
	margin: 0;
	color: #666;
}

#bodyPanel h1 {
	margin: 0;
	color: #333333;
}

#bodyPanel h2 {
	margin: 0;
	color: #333333;
}

#bodyPanel ul li {color: #666;}

#bodyPanel .download {
	display: inline;
	list-style: none;
	text-align: left;
	margin: 7px 10px 8px 10px;
	padding: 0 0 0 20px;
	text-decoration: none;
}

#bodyPanel .download a {
	text-decoration: none;
	color: #FF0000;
}

#bodyPanel .download a:hover {
	text-decoration: none;
	color: #00F;
}

#bodyPanel .newslist p {
	list-style: none;
	text-align: left;
	padding: 6px 0 10px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A9D4EF;
	margin: 6px 0 0 0;
}

#bodyPanel .newslist a {
	text-decoration: none;
	color: #FF0000;
}

#bodyPanel .newslist a:hover {
	color: #00F;
	text-decoration: none;
}

#bodyPanel .newslist {
	margin: 0 0 0 5px;
	padding: 0;
	border: none;
	text-indent: 0;
}

#scroll {
	width: 550px; 
	height: 384px;
	padding-left: 5px;
	padding-right: 5px; 
	overflow: auto;
}

#scroll .newslist a {
	text-decoration: none;
	color: #FF0000;
}

#scroll .newslist a:hover {
	color: #00F;
	text-decoration: none;
}

#leftIndent {
	text-indent: 20px;
}

.date {
	font-family: Verdana, Arial, Helvetica, sans-serif; /*The font family*/
	font-size: 12px; /*The font size*/
	color: #333;
	text-decoration: none;
}

.importantText {
	color: #903;
}

#footer {
	clear: both;
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 817px;
	height: 54px;
	color: #333;
	background: #caced1 url(images/footer.jpg) no-repeat center top;
	text-align: center;
	font-size: 90%;
}

#footer p {
	padding: 16px 0 10px;
	margin: 0;
}

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

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

img {  
background: #fff;  
border: 1px solid #000;  
padding: 5px;  
}

img.noBorder{ border: 0px; }

img.float-right { margin: 5px 0px 10px 10px; }  
img.float-left { margin: 5px 10px 10px 0px; }  

/* alignment classes */
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }
.noBorder { border: 0px; }

h1 {
	font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
}

h2 {
	padding: 0px;
	font: bold 1.2em 'Trebuchet MS', Tahoma, Sans-serif;
}

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

a {
	color: #f00;
	text-decoration: none;
}

a:hover {
	color: #00f;
}