/* main styles */
body {
	margin:0;
	padding:0;
	background:#6b8187 !important;
  	color:#000;
	font-family:tahoma,arial,sans-serif;
	font-size:11px;
}

#main {
	position:relative;
	width:1000px;
	margin:0 auto;
}


a {color:#FFFFFF;text-decoration: none}
a:hover {text-decoration: underline}
a img {border:0px;}

div#header {
	position:relative;
	height:180px;
}
#logo-container {
	position:absolute;
	left:380px;
	text-align:center;
}
#logo-container img#logoPic {
	position:relative;
	z-index:1;
	margin-top:0px;
	right:48px;
}

div#header #middle {
	background:url(../img/header.gif) repeat-x left bottom;
	position:relative;
	float:left;
	width:976px;
	height:180px;
}


div#menuCont {
	background:url(../img/menuContBack.png) repeat-y center bottom;
	position:relative;
	height:160px;
}

div#menuCont #middle {
	position:relative;
	float:left;
	width:976px;
	height:100%;
}
div#menuCont img {
	
}

span#menuTextCont {
	background:#900000;
	position:absolute;
	left:11px; bottom:0px;
	width:976px;
        height:19px;
	z-index:0;
}

span#menuTextCont img {
	border:0px;
	padding:3px 0px 0px 0px;
}

span.icoT {
        position:relative;
}

span#homeIcoT {margin-left:78px;}
span#charityIcoT {margin-left:82px;}
span#forumIcoT {margin-left:80px;}
span#chatIcoT {margin-left:90px;}
span#funIcoT {margin-left:80px;}
span#legendIcoT {margin-left:30px;}

span#stage {
	position:absolute;
	left:11px; bottom:19px;
	background:url(../img/stage.png) left bottom;
	width:976px;
	height:36px;
}

span#spotlight {
	position:absolute;
	float:left;
	z-index:0;
	background:url(../img/spotlight.png);
}

span.spotlighthome {left:30px; top:0px; width:170px; height:114px;}
span.spotlightcharity {left:183px; top:0px; width:170px; height:114px;}
span.spotlightforum {left:335px; top:0px; width:170px; height:114px;}
span.spotlightchat {left:500px; top:0px; width:170px; height:114px;}
span.spotlightfun {left:635px; top:0px; width:170px; height:114px;}
span.spotlightlegend {left:780px; top:0px; width:170px; height:114px;}

span.spotlightHid {
	position:relative;
}

img.ico {
        position:relative;
        z-index:0;
        bottom:100px;
}
img#homeIco {left:70px;}
img#charityIco {left:135px;}
img#forumIco {left:210px;}
img#chatIco {left:260px;}
img#funIco {left:330px;}
img#legendIco {left:415px;}

img.icoL {
        position:absolute;
        z-index:0;
        bottom:-3px;
}
img#homeIcoL {left:70px;}
img#charityIcoL {left:208px;}
img#forumIcoL {left:366px;}
img#chatIcoL {left:512px;}
img#funIcoL {left:668px;}
img#legendIcoL {left:832px;}

.shadowLeft {
	position:relative;
	float:left;
	background:url(../img/leftShadow.png) repeat-y left top;
	height:100%;
	width:11px;
}
.shadowRight {
	position:relative;
	float:left;
	background:url(../img/rightShadow.png) repeat-y left top;
	height:100%;
	width:13px;
}

div#actBody {
	background:url(../img/bodyBackS.png) repeat-y center top;
	position:relative; float:left;
}

div#actBodyCont {
	padding:10px 30px 0px 30px;
}

div#mesBody {
	position:relative;
	width:565px;
	height:100%;
	text-align:justify;
	font-family:"Trebuchet MS",Georgia,Serif;
	font-size:14px;
	padding:0px 30px 10px 30px;
}
span#mjfront {
	background:url(../img/mj_front.png) no-repeat right bottom;
	position:absolute;
	float:right;
	right:-220px;
	bottom:-10px;
	width:100%;
        height:398px;
}
div#actBody #middle {
	position:relative;
	float:left;
	width:1000px;
}



div#calendarCont {
	position:absolute; top:0px; right:0px;
	border-left-width:1px; border-left-color: black;
	border-left-style:dotted;
	width:374px;
	height:100%;
	text-align:center;
}

span#links {
	position:absolute;
	bottom:0px;
	width:90%;
	left:0px;
	padding-left:15px;
}

span#links hr {
	width:70%;
}

div#updates {
	position:relative; 
	height:85%;
	padding:20px;
	text-align:left;
}


div#footer {
	position:relative;
	float:left;
	bottom:0px;
	height:55px;
}

div#footer a {color:#FFFFFF;text-decoration: none}
div#footer a:hover {text-decoration: underline}

div#footer #middle {
	background:url(../img/footer.png) repeat-x left bottom;
	position:relative;
	float:left;
	width:976px;
	height:55px;
}


div#details {
	position:relative;
	float:left;
	padding:27px 0px 0px 0px;
}
div#details a {
        font-family:"Verdana";
	margin-left:20px;
}
div#copyright {
	font-family:"Verdana";
	color:#FFFFFF;
	position:relative;
	float:right;
	padding:27px 20px 10px 0px;
}

div#cPics1 {
	position:relative;
	width:976px;
}

img#cPic1 {
	position:relative;
	left:-83px;
	z-index:0;
}

img#cPic2 {
	position:relative;
	left:-160px;
	z-index:1;
}

img#cPic3 {
	position:relative;
	bottom:20px;
	right:238px;
	z-index:0;
}

div#cPics2 {
	margin-top:20px;
	position:relative;
	width:976px;
	text-align:center;
}

img#cPic21 {
	position:relative;
	left:-20px;
	z-index:0;
	bottom:50px;
	border:0px;
}

img#cPic22 {
	position:relative;
	left:-150px;
	z-index:1;
	border:0px;
}

img#cPic23 {
	position:relative;
	bottom:20px;
	right:248px;
	z-index:0;
	border:0px;
}

div#charBody {
	position:relative;
	width:695px;
	height:100%;
	text-align:center;
	font-family:"Trebuchet MS",Georgia,Serif;
	font-size:14px;
	padding:0px 30px 10px 30px;
}
div#charSideCont {
	position:absolute; top:0px; right:0px;
	border-left-width:1px; border-left-color: black;
	border-left-style:dotted;
	width:255px;
	height:100%;
	text-align:center;
}