#container {
	width: 800px;
	margin: 0 auto 0 auto;
}
body {
	font-family: Tahoma;
	font-size: 12px;
	background-color: #66CCFF;
}


#bodywrapper {
/* replace margin-top value with the height of your header. */
	margin-top:  250px;
	margin-left:  0;
	margin-right:  0;
	margin-bottom:  0;
	padding:  0;
/* Replace width value with your choice of layout width. */
	width:  800px;
/*  Background of the left side menu.  Replace the URL and the background color (#FFFFFF) with your choices for each.)  */
	background:  url(images/bg.gif) top right repeat-y #FFFFFF;
	color: #000000;
}

#contentarea {
 /* replace this value with the width of your left column */
	margin:  0;
	padding:  0;
	float:  left;
	height:  1%;  /* IE hack due to a bug handling float:  right. */
	width:  565px;
	padding: 15px 0px 40px 12px;
	text-align: left;
}

#contentarea[id] {
/* Put in place for Firefox, and any browser that will render this section correctly.  IE has a bug involving float:  none. */
	float:  none;
	margin-right:  200px;
}

#rightcolumn {
	float:  right;
	width:  210px;
	margin-right: 12px;
	background: #ffffff;
}

#rightcolumncontent {
	position:  absolute;
/* replace top value with the height of your header. */
	top:  285px;
	right:  115px;
/*  Background of the right side menu.  Replace the URL and the background color (#3F9BCF) with your choices for each.)  */
	color:  #FFFFFF;
	margin:  0;
	padding:  0;
	background: #ffffff;
/* Replace width with the width of your right column. */
	width:  210px;
}

#header {
	position:  absolute;
	top:  0;
	/* The header can be set to either a fixed width or a liquid width.  I prefer to make the header a liquid width for aesthetic purposes, but changing it to a fixed width will not affect the layout.  This is an optional property. */
	width: 800px;
	/* replace this value with the height of your header. */
	height:  250px;
	color:  #000000;
	/* put this in to ensure that your header doesn't overlap the body of your website. */
	overflow:  hidden;
	background-color: #66CCFF;
	left: 114px;
}

	#header .headings {
	text-align: left;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
	}

	#header h1 {
		font-family: Trebuchet MS;
		color:#ffffff;
		font-size: 29px; font-weight: bold;
		margin: 0;
		padding: 0 130px; 
	}

	#header h2 {
		font-family: Trebuchet MS;
		font-size: 16px; 
		background-image: none;
		color:#ffffff;
		margin: 0;
		padding: 2px 0 0 180px;
	}

#footer {
	/* This is needed to ensure that the footer appears below your content and menus. */
	clear:  both;
	margin:  0;
	padding:  0;
	/* The footer can be set to either a fixed width or a liquid width.  This is an optional property. */
	width:  800px;
	/* Replace with the height of your footer.  Optional.  */
	height:  70px;
	color: #ffffff;
	font-size: 90%;
	background-color: #6699FF;
}

#menu {
	position: absolute;
	top: 207px;
	left: 0px;
	background: transparent;
	width: 800px;
	height: 38px;
	margin: 0; 
	padding: 0px 0px;
	z-index: 3;
}

#menu ul { 
	margin: 0; 
	list-style:none; 
	padding: 5px 0 0 136px; /*CHANGE THIS TO CENTER MENU*/
}

#menu a, #nav strong, #nav span { 
	float:left; 
	display:block; 
	background: #ffffff;
	border-bottom: 4px solid #E8F7F9;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	border-top: 4px solid #E8F7F9;
	color:#000000; 
	padding: 4px 7px;
	font-weight:bold; 
	text-decoration:none;
}

#menu a { 
	float:none; 
}

#menu li { 
	float:left; 
	background:inherit; 
	margin:0 0 0 4px; padding:0 0 0 0px; 
}

#menu a:hover { 
	float:left; 
	display:block; 
	background: #ffffff;
	border-bottom: 4px solid #b9e4ea;
	border-top: 4px solid #b9e4ea;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	color:#999999; 
	padding: 4px 7px; 
	text-decoration:none;
}

#footer .info { 
	padding: 20px 0px 0px 5px; 
}

#footer a { 
	color: #ffffff;
	font-weight: bold;
}

#contentarea h3 {  
	font: 14px Trebuchet MS;
	margin: 2px 0 10px 20px; 
	padding: 0 20px; 
	color: #999; 
	background: url(images/h3.jpg) no-repeat; 
}

.articletext {
	font-size: 13px;
	text-align: justify;
	line-height: 180%;
	padding: 0px 60px 0px 60px;
}

h1 {
	display: inline;
	font-size: 13px;
	font-weight: normal;
}

h2 {
	color: #00CCFF;
	font-size:22px;
	font-weight:bold;
	margin: 5px 0 5px 0px;
	padding:0 0 0 20px;
	font-family: Arial, Helvetica, sans-serif;
}

.nav { 
	text-align: left; 
	color: #333333; 
	padding: 20px 0 0 0px; 
	width: 210px;
}

.nav ul {
	margin-left: 0px;
}

.nav li { 
	margin: 0px 0 5px 0px; 
	padding: 0px 0 0 0px; 
	border-bottom: 1px solid #ffffff; 
	list-style: none;
}

.nav li a { 
	color:#000000;
	font-weight:bold;
	text-decoration: none;  
	padding: 5px 0 1px 5px; 
	background: #ffffff;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	border-bottom: 4px solid #E8F7F9;
	border-left: 4px solid #E8F7F9;
	display: block; 
	margin-bottom: 2px;
}

.nav li a:hover { 
	color: #999999; 
	text-decoration: none; 
	background:#ffffff;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	border-bottom: 4px solid #b9e4ea;
	border-left: 4px solid #b9e4ea;
	display: block; 
	margin-bottom: 2px;
}

.text {
	margin-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}