@charset "utf-8";
/* CSS Document */

body {
	font: 12px Verdana, Geneva, sans-serif;
	color: #FFF;
	background: #000 url(images/background.jpg) no-repeat center top;
	line-height: 20px;
}
.container {
	margin: auto;
	width: 1023px;
}
.middle {
	background: url(images/gradient-tile.png) repeat-y;
	padding: 0px 14px;
}
.menu {
	background: url(images/menu-bg.png);
	height: 109px;
	position: relative;
}
.menu table {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 10px;
}
.menu td {
	font-family: "Century Gothic", Verdana, Geneva, sans-serif;
	text-align: center;
}
.menu td a {
	color: #FFF;
	text-decoration: none;
	font-size: 18px;
}
.menu td a:hover { color: #FF0; }

.content { background: #000 url(images/contentbg.png) no-repeat center top;	position:relative; }
.centre {
	text-align: center;
}

.content .leftSideContent {
	position:absolute;
	top:0; left:0; bottom:0;
	width: 294px;
	overflow:hidden;
}
.content .leftSideContent #side1{ z-index:100; position:absolute; }
.content .leftSideContent #side2{ z-index:0; position:absolute; display:block; top:300px; left:0; right:0; background:url(images/joinus.png) top center no-repeat; text-decoration:none; height:287px; }
.content .middleContent {
	float: left;
	width: 701px;
	padding-top: 20px;
	margin-left:294px;
}
.content .middleContent #content {
	padding: 0px 20px;
	background: url(images/content-tile.png);
}
.content .rightSideContent {
	padding: 0px 10px;
	vertical-align: top;
}
#footer {
	text-align: center;
	font-size: 10px;
}
#footer a {
	color: #FFF;
	text-decoration: none;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0px;
	padding: 0px;
}
h1 { font-size:18px; }
h2 { font-size:14px; }
h3 { font-size:12px; }
a { color:#FFF }
a:hover { text-decoration:none; }