/*Mobile Messenger Landing Page CSS v5.0 
Compatible with Firefox 1.5 and up, IE 6.0 - 7.0
homepage does NOT display correctly in IE 5.5!!*/

body {
	margin: 0px;
	padding: 0px;
	text-align:center;
	background: #212121 url(images/bg.jpg) repeat;
	/*set base size and font family; declare size in other divs*/
	font: 100%/1.25 "Verdana", "Arial", "sans-serif";
	color: black;
}

a img {
border: none;
}

a {
color: #E99122;
text-decoration:underline;
}

a:hover {
color: #E99122;
text-decoration:underline;
}

/*NOTE: to center in both IE and FF, you must use both text-align center on body and margin left/right auto on wrapper.*/
#wrapper {
	width: 960px;
	margin: 0px auto 0px auto;
    background: #212121;
	}

#headerbar {
    width:960px;
    height:125px;
    background: #000000;
    position:relative;
    text-align: left;
    margin-bottom:10px;
}

#headerbar #headerlogo {
    position: absolute;
    width:259px;
    height:104px;
    top:10px;
    right:20px;
}

#headerbar #contest_myroll {
    position: absolute;
    width: 275px;
    height: 100px;
    top: 10px;
    left: 350px;
}

#headerbar #blogtease .title, #headerbar #eventtease .title {
    font-size: 1.0em;
    color: #FFFFFF;
    font-family: "Arial", "Verdana", "sans-serif";
    font-weight: bold;
    margin:0 0 5px;
    padding:0;
}

#headerbar #blogtease .title span.outlink, #headerbar #eventtease .title span.outlink {
    font-size: 0.8em;
}

#headerbar #blogtease {
    position: absolute;
    width: 280px;
    height: 115px;
    top: 10px;
    left: 20px;
}

#headerbar #eventtease {
    position: absolute;
    width: 280px;
    height: 115px;
    top: 10px;
    left: 350px;
}

#headerbar #blogtease ul, #headerbar #eventtease ul {
    list-style-type:none;
    list-style-position:outside;
    margin:0;
    padding:0;
    font-size: 0.7em;
    color: #FFFFFF;
    font-family: "Verdana", "Arial", "sans-serif";
}

#headerbar #blogtease ul li, #headerbar #eventtease ul li {
margin-bottom:5px;
padding-bottom:5px;
border-bottom: 1px dotted #FFFFFF;
}

#headerbar a {
color:#E99122;
text-decoration: none;
}

#headerbar a:hover {
color:#FFFFFF;
}
    
#homesplash {
    width:960px;
    height:541px;
    background: #212121 url(images/splash_v3.jpg);
    position:relative;
}

#homesplash #aboutus {
    position:absolute;
    top:300px;
    left:350px;
    width:230px;
    height:195px;
    overflow:hidden;
    font-size:0.6em;
    text-align:left;
}

#homesplash #aboutus p {
    margin:0 0 5px;   
    padding:0;
}

#class_testimonials {
padding-left:10px;
width:400px;
}

#class_testimonials p {
background-color:#333333;
padding:10px;
}

#mainwrapper {
background: #212121 url(images/wood_bg.jpg) repeat-y;    
padding-top:10px;
padding-bottom:20px;
}

#mainwrapper h2 {
color: #FFFFFF;
font: 1.8em "Arial", "Verdana", "sans-serif";
font-weight:bold;
}

#maincontent {
background: #000000;
width: 800px;
margin: 0px auto;
color: #FFFFFF;
text-align:left;
padding: 20px 20px;
font-size:0.8em;
}

#footer {
margin-top:50px;
margin-bottom:50px;
font-size:0.7em;
color: #FFFFFF;
overflow:hidden;
}

#footer #meta {
float:left;
width:600px;
margin:0;
}

#footer #location {
float:left;
width:200px;
background:url(images/location.gif) no-repeat top left;
text-align:left;
padding-left:105px;
margin:0;
}

#footer #location p {
margin:0;
padding:0;
}

#footer .exLink {
font-size:10px;
color:#666;
}
#footer .exLink a {
color:#666;
}