body
{
	font-size: 14px;
	font-family: georgia;
	color: #1A1A1A;
	line-height: 22px;
	margin: 15px;
	background-color: #009FC6;
}

/* Navigation CSS */
.navigation
{
	width: 900px;
	height: 31px;
	background-color: #FF0000;
}
.navigation a {display: block; width: 100%; height: 31px;}

	.home {width: 72px; height: 31px; float: left; background: #FF0000 url('../images/navigation.gif') repeat 0px 0px;}
	.vision {width: 105px; height: 31px; float: left; background: #FF0000 url('../images/navigation.gif') repeat -72px 0px;}
	.plan {width: 92px; height: 31px; float: left; background: #FF0000 url('../images/navigation.gif') repeat -177px 0px;}
	.man {width: 91px; height: 31px; float: left; background: #FF0000 url('../images/navigation.gif') repeat -269px 0px;}
	.news {width: 99px; height: 31px; float: left; background: #FF0000 url('../images/navigation.gif') repeat -360px 0px;}
	.events {width: 108px; height: 31px; float: left; background: #FF0000 url('../images/navigation.gif') repeat -459px 0px;}
	.media {width: 72px; height: 31px; float: left; background: #FF0000 url('../images/navigation.gif') repeat -567px 0px;}
	
	.home:hover {background-position: 0px -31px; cursor: pointer;}
	.vision:hover {background-position: -72px -31px; cursor: pointer;}
	.plan:hover {background-position: -177px -31px; cursor: pointer;}
	.man:hover {background-position: -269px -31px; cursor: pointer;}
	.news:hover {background-position: -360px -31px; cursor: pointer;}
	.events:hover {background-position: -459px -31px; cursor: pointer;}
	.media:hover {background-position: -567px -31px; cursor: pointer;}
/* End Navigation CSS */

h1 {font-size: 135%; font-family: arial; color: #0186A7; display: block; margin: 15px 0px;}
h2 {font-size: 115%; font-family: arial; color: #009FC6; display: block; margin: 5px 0px;}
h3 {font-family: arial; color: #fff; display: inline;}
h4 {font-family: arial; color: #FF0000; font-style: italic;}

ul {padding-left: 15px; list-style: disc; list-style-position: inside;}

a {color: #FF0000;}
a:hover {color: #9D080D;}

.input {margin: 5px 0px; color: #818181; width: 220px;}

.fl {float: left;}
.fr {float: right;}
.cursor {cursor: pointer;}
.clear {clear: both;}
.center {text-align: center;}
.border {border: solid 1px #000;}

.line {width: 100%; height: 1px; margin: 20px auto 0 auto; background-color: #00A0C6;}
.line2 {width: 95%; height: 1px; margin: 20px auto 0 auto; background-color: #00A0C6;}

.margin {width: 850px; height: 100%; padding: 25px;}
.margin p {margin-left: 20px;}

.createdby {margin-top: 20px; color: #fff; text-align: center;}

#mainContainer
{
	width: 900px;
	height: 100%;
	margin: auto;
	min-height: 740px;
	position: relative;
	top: -10px;
	left: -10px;
	border: 1px solid #1A1A1A;
	background-color: #fff;
}
	#mainContainerShadow
	{
		width: 900px;
		height: 100%;
		min-height: 740px;
		margin: auto;
		background-color: #38606A;
		z-index: -1;
	}

#header
{
	width: 900px;
	height: 302px;
}

#content
{
	width: 900px;
	height: 100%;
}

	.col1
	{
		width: 630px;
		height: 100%;
		float: left;
	}
	
	.col2
	{
		width: 270px;
		height: 100%;
		float: left;
	}

#footer
{
	width: 900px;
	height: 100%;
}