body {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 0px;
	height: 100%;
	font: normal normal 9pt "Century Gothic", Calibri, Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	background-color: #6699CC;
}

/* ----------------------------------- WRAPPER (header + content + footer) ----------------------------------- */

div#wrapper {
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 1040px;
	background-color: #FFFFFF;
}

/* ----------------------------------- HEADER (height: 150px, top: 0px) ----------------------------------- */

div#header {
	position:absolute;
	top: 0px;
	left: 60px;
	width: 680px;
	height: 120px;
}

	div.logospace {
	position:relative;
	float: left;
	width: 680px;
	height: 60px;
	}
	
		.headerlogo {
			position: absolute;
			top:6px;
			left:0px;
			width: 500px
			height: 51px;
			border: 0px;
		}
		
		.buttonhome {
			position:relative;
			float: right;
			width: 92px;
			height: 13px;
			border:0px;
		}
		
	div.headermenu { /* space for the menu tabs */
	padding-top: 13px;
	position:relative;
	float: left;
	width: 680px;
	height: 47px; /* original height: 60px */
	}
			
			.header_tab a {text-decoration: none; color:#333333;}
			.header_tab a:hover {text-decoration: none; font-weight: normal; color: #333333;}
	
			.headermenu_links a {text-decoration: none; color: #999999;}
			.headermenu_links a:hover {text-decoration: none; font-weight: normal; color: #CC0000;}


/* ----------------------------------- BODY CONTENT (height: 800px, top: 120px) ----------------------------------- */

div#bodycontent {
	position:absolute;
	top: 120px;
	left: 60px;
	width: 680px;
	height: 100px;
}

	div.navibar { /*---- navibar width: 180px ----*/
		position:relative;
		float:left;
		width: 175px;
		height: 800px;
		padding-right: 5px;
	}
		
		.navitxt { /*---- unordered list for navibar ----*/
			position: relative;
			float: left;
			list-style-position:outside;
			list-style-image:url(../images/bullet_arrow.gif);
			list-style-type:square;
			/*text-indent: 0px;*/
			font: normal normal 8pt "Century Gothic", Arial, Calibri, Verdana, Helvetica, sans-serif;
		}	
			.navitxt a {text-decoration: none; color:#333333;}
			.navitxt a:hover {text-decoration: none; font-weight: normal; color: #CC0000;}
		
			
	
	div.maincontent { /*---- navibar width: 500px ----*/
		position:relative;
		float:left;
		width: 490px;
		height: 800px;
		padding-left:10px;
	}
			
		div.imagebanner { /* ---- image banner, width: 500px, height: 150px ----*/
			position:relative;
			float:right;
			width: 490px;
			height: 150px;
			background-color:#999999;
			margin-bottom:5px; /* ------ to add space between banner and title -----*/
		}
		
		.content_title{
			font: normal normal 12pt Arial, Calibri, Verdana, Helvetica, sans-serif;
			color:#333333;
		}
		
		.content_subtitle{
			font: normal normal 10pt "Century Gothic", Calibri, Verdana, Arial, Helvetica, sans-serif;
			color:#cc0000;
		}
		
		.content_texts{
			font: normal normal 8pt "Century Gothic", Calibri, Verdana, Arial, Helvetica, sans-serif;
			color:#333333;
			text-align:justify;
			border-top:dotted 1px #ccccff;
			padding-top:2px;
		}
		
		.content_texts_noborder{
			font: normal normal 8pt "Century Gothic", Calibri, Verdana, Arial, Helvetica, sans-serif;
			color:#333333;
			text-align:justify;
		}
		
		.buttonmore {
			position:relative;
			float: right;
			width: 92px;
			height: 16px; /* --- original height: 13px ----*/
			border:0px;
			padding-top:3px;
		}

/* ----------------------------------- footer (height: 90px, top: 950px) ----------------------------------- */

div#footer {
	position:absolute;
	top: 950px;
	left: 00px;
	width: 800px;
	height: 90px;
	background-color: none;
	font: normal normal 7.5pt "Century Gothic", Calibri, Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	}
	
	div.footer_top {
		positive: relative;
		float: left;
		width: 800px;
		height: 30px;
	}
	
	div.footer_bottom {
		positive: relative;
		float: left;
		width: 800px;
		height: 60px;
		background-color: #6699CC;
	}
			.footertxt {
				position:relative;
				float: right;
				text-align: right;
				height: 45px;
				width: 500px;
				border-bottom:0px;
			}
			.footertxt a {text-decoration: none; color: #ffffff;}
			.footertxt a:hover {text-decoration: none; font-weight: normal; color: #CC0000;}