/* CSS Document */

/*********************************** Basics */

body {
	background:black;
	color:white;
	padding:0;
	margin:0;
	font-family:Tahoma, arial;
	font-size:11px;
	line-height:16px;
}

h1, h2, h3, h4, h5, h6 {
	font-family:Trebuchet MS, Arial;
	font-size:16px;
	margin:0 0 16px 0;
	padding:0;
}

p {
	line-height:16px;
	margin:0 0 16px 0;
	padding:0;
	font-size:11px;
}

/************************************** Layout*/

#leftTint {
	z-index:490;
	position:fixed;
	top:48%;
	margin:-185px 0 0 0;
	left:0;
	width:180px;
	background:black;
	filter:alpha(opacity=80);
	opacity: 0.50;
	-moz-opacity:0.50;
	height:380px;
}

#rightTint {
	z-index:500;
	position:fixed;
	top:48%;
	margin:-185px 0 0 0;
	left:785px;
	width:1000px;
	background:black;
	filter:alpha(opacity=80);
	opacity: 0.50;
	-moz-opacity:0.50;
	height:380px;
}

#wrapper {
	position:fixed;
	top:50%;
	left:0;
	margin:-235px 0 0 0;
	height:458px;
	text-align:center;
	width:992px;
}

#wrapper .menu {
	height:62px;
	width:992px
}

#wrapper .footer {
	margin:357px 30px 0 0;
}

#content {
	clear:both;
	width:12280px;
	position:absolute;
	top:49%;
	margin:-185px 0 0 0;
}

* html #content {
	height:357px;
	overflow:hidden;
}

#content .page img.incidental {
	float:right;
	clear:right;
	margin:0 0 3px 15px;
}

/************************** Pages*/

#content .page {
	width:560px;
	float:left;
	border-left:1px solid white;
	height:342px;
	margin:0 11px 0 0;
	color:white;
	padding:0 15px 15px 15px;
	background:transparent;
	z-index:400;
}

#content .first {
	margin:0 0 0 180px;
}

#content .page a {
	text-decoration:none;
	color:white;
}

#content .page a:hover {
	text-decoration:underline;
	color:white;
}

/************************************** Menu */
/********************************************** 1st tier */

#wrapper .menu ul {
	padding:0;
	margin:0 0 0 180px;
	list-style:none;
	color:white;
	z-index:450;
}

#wrapper .menu ul li {
	height: 17px;
	float: left;
	background: transparent 0 -17px no-repeat;
	z-index:451;
}

#wrapper .menu ul li a {
	display:block;
	height:17px;
	width:100%;
}

#wrapper .menu ul li#welcome {
	background-image:url(images/menu/welcome.gif);
	width:75px;
}

#wrapper .menu ul li#welcome a {
	width:75px;
}

#wrapper .menu ul li#facilities {
	background-image:url(images/menu/facilities.gif);
	width:76px;
}

#wrapper .menu ul li#membership {
	background-image:url(images/menu/membership.gif);
	width:99px;
}

#wrapper .menu ul li#corporate {
	background-image:url(images/menu/corporate.gif);
	width:83px;
}

#wrapper .menu ul li#members-area {
	background-image:url(images/menu/members-area.gif);
	width:115px;
}

#wrapper .menu ul li#staff {
	background-image:url(images/menu/staff.gif);
	width:82px;
}

#wrapper .menu ul li#products {
	background-image:url(images/menu/products.gif);
	width:73px;
}

#wrapper .menu ul li#contact {
	background-image:url(images/menu/contact.gif);
	width:64px;
}

#wrapper .menu ul li:hover, #wrapper .menu ul li.selected {
	background-position:0 0;
}

#wrapper .menu ul li a span {
	display:none;
}

#wrapper .menu ul li a.no-link {
	cursor:pointer;
}

/******************************************** Menu 2nd tier */

#wrapper .menu ul li ul {
	width:110px;
	position: absolute;
	display: none;
	font-family:tahoma, arial;
	color:#4066B3;
	background:none;
	margin:0;
	padding:0;
	z-index:452;
}

* html #wrapper .menu ul li ul {
	margin-left:-50%;
}
	
#wrapper .menu ul li ul li {
	background: black;
	padding:1px 7px 1px 7px;
	height:auto;
	width:113px;
	filter:alpha(opacity=90);
	opacity: 0.90;
	-moz-opacity:0.90;
	border-right:1px solid #5782FF;
	border-left:1px solid #5782FF;
	z-index:453;	
}
/*
* html #wrapper .menu ul li ul {
	width:500px;
	z-index:140;
}

* html #wrapper .menu ul li ul li {
	width:110px;
	padding:0;
}

* html #wrapper .menu ul li ul li a {
	height:15px;
}
*/
#wrapper .menu ul li ul li.bottom {
	border-bottom:1px solid #5782FF;
/*	border-right:1px solid #899624;*/
}

#wrapper .menu ul li ul li:hover {
	background-color: #5782FF;
}

#wrapper .menu ul li ul li a {
	padding: 0;
	margin:0;
	font-size: 11px;
	text-align: left;
	color: white;
	text-decoration: none;
	height:auto;
}

#wrapper .menu ul li ul li:hover a {
	color:black;
}

#wrapper .menu ul li ul li a span {
	display: block;
}

#wrapper .menu ul li:hover ul {
	display: block;
}

#wrapper .menu ul li:hover ul li ul { /* hide the 3rd level menu until you roll over the 2nd level */
	display:none;
}


/******************************* Text */

h1 {
	color:#5782ff;
}

.green {
	color:#5782ff;
}

.red {
	color:red;
}

#content .page ul li {
	list-style:square;
}

/************************** FORM */
label,input,textarea{
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
	margin-right:5px;
}

label {
	text-align: right;
	width: 175px;
	padding-right: 20px;
	margin-right:0px;
}

br {
	clear: left;
}
textarea {
	height:100px;
}
.submit {
	width:75px;
}