html, body, #wrap {
	height: 100%;
	BACKGROUND-IMAGE: url(../images/bg.jpg);
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
}

body > #wrap {
	height: auto;
	min-height: 100%;
}


* {
	PADDING: 0px;
	MARGIN: 0px;
}

BODY {  /* Internet Explorer */ 
	overflow-x: hidden;
	BACKGROUND-COLOR: #99CCFF;
	text-align: center; 
} 

BODY {  /* Mozilla Firefox alignment */ 
	text-align: -moz-center;
	margin: 0 auto;
}

scrollbar[orient="horizontal"] {
	display: none !important;
}

h1 {
	color:#309;
	font-size:1.6em;
	margin-bottom: 20px;
}

h2 {
	color:#52C;
	font-size:1.2em;
	margin-bottom: 12px;
}

h3 {
	color:#333;
	font-size:1.2em;
	font-weight: bold;
	margin-bottom: 12px;
}

h4 {
	color:#666;
	font-size:1em;
	font-weight: bold;
	margin-bottom: 0px;
}

h5 {
	color:#777;
	font-size:0.9em;
	margin: -9px 0 12px 0;
}

A {
	text-decoration: underline;
	color: #9900FF;
	font-weight: normal;
}

#wrap {  
	text-align: center;
	MARGIN: 0px auto;
} 

#wrapper {
	WIDTH:100%;
	height: 90%;
	MARGIN: 0px auto;
	padding-bottom: 50px; /* must be same height as the footer */
	text-align: center;
	/*BACKGROUND-COLOR: #99CCFF;*/
}

#hwrap {
	MARGIN: 0px auto;
	PADDING: 0px;
	HEIGHT: 90px;
	WIDTH: 100%;
	text-align: center;
	/*BACKGROUND-COLOR: #99CCFF;*/
}

#header {
	margin: 0 auto;
	PADDING: 0px;
	HEIGHT: 90px;
	WIDTH: 800px;
	text-align: left;
	BACKGROUND-COLOR: #EEEFFF;
	FONT-FAMILY: Century Gothic;
	FONT-SIZE: 11pt;
	COLOR: #330066;	
}

#pwrap {
	PADDING: 0px;
	WIDTH: 100%;
	text-align: center;
	margin: 0 auto;
	BACKGROUND-COLOR: #CFEFFF;
}

#page {
	FONT-FAMILY: helvetica, arial, sans-serif;
	FONT-SIZE: 1em;	
	LINE-HEIGHT: 1.6;
	WIDTH: 800px;
	position: relative;
	margin: 0 auto;
	PADDING: 0px;
	text-align: left;
	BACKGROUND-COLOR: #FFF;
}

#page P {
	FONT-SIZE: 11pt;
	COLOR: #000000;
	text-align: left;
}

#menu {
	font:11px Century Gothic;
	line-height:20px;
	width:800px;
	padding:30px 15px 0px 15px;
	height:475px;
	text-align: left;
}

#menu p {
	color:#334;
	font-size:1.1em;
	margin-bottom: 12px;
	text-align: justify;
}

.switch {
	display:block;
	cursor:pointer;
	color:#333;
	font-weight: normal;
	width:120px;
	height:18px;
	margin:2px;
	font-size:14px;
}

.off {
	color:#36F;
}

.over {
	color:#669;
}

.hide {
	display:none;
}

.show {
	position: absolute;
	top:30px;
	left:130px;
	display:block;
	width:515px;
	z-index:500;
}

.show img {
	float:left;
	padding:0 10px 10px 0;
}

.clear {
	clear:both;
}


#content {
	/*overflow: auto;*/
	/*HEIGHT: 60%;*/
	PADDING-right: 25px;
}

#content table{
	font:10px Century Gothic;
}

#content ul {
	font-size: 11px;
	font-style: normal;
	line-height: 1.8em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #334;
	text-decoration: none;
	text-indent: 2px;
	list-style-position: inside;
	list-style-image: url(arrow.gif);
	list-style-type: disc;
}

#fwrap {
	WIDTH:100%;
	text-align: left;
	/*position: relative;*/
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	clear:both;
	BACKGROUND-COLOR: #99CCFF;
}

#footer {
	font:12px Century Gothic;
	WIDTH:800px;
	LINE-HEIGHT: 1.6;
	COLOR: #000;
	text-align: center;
}

#footer P {
	margin: 0em;
	FONT-SIZE: 0.9em;
	PADDING-TOP: 8px;
}

#footer A {
	COLOR: #000066;
	text-decoration: underline;
	text-weight:bold;
}

#footer A:hover {
	COLOR: #660099;
	text-decoration: underline;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	BACKGROUND-COLOR: #99CCFF;
}

.clearfix {
	display: inline-block;
	BACKGROUND-COLOR: #99CCFF;
} /* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
	BACKGROUND-COLOR: #99CCFF;
}

.clearfix {
	BACKGROUND-COLOR: #99CCFF;
	display: block;
} /* End hide from IE-mac */