body {
    margin: 0;
    padding: 0; 
	background: #fff url("../images/bg.gif") repeat-x;
	color:#640;
	font-size:1.0em;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h2 {
	font-weight:700;
}
.clear {
	clear:both;
	height:0;
}
#wrapper {
	width:922px;
	margin:0 auto;
	background:#ddd;
}
#header
{
	background:url("../images/header.gif") no-repeat;
	display:block;
	height:132px;
	overflow:hidden;
	text-indent:-9000px;
}
#intro {
	padding:10px;
}
.youtube {
float:left;
width:49%;
}
#mission {
float:right;
width:45%;
padding:15px 5px;
color:#640;
}
	#mission h3 {
		line-height:1.3em;
	}
	#mission em {
	color:#240533;
	}
	#follow h4 {
		padding-bottom:5px;
		margin:0;
	}
	#follow ul li, #follow ul a{
		float:left;
	}
	#follow ul li {
		display:inline;
	}
	#myspace, #facebook, #twitter, #youtube, #ilike {
		display:block;
		height:48px;
		text-indent:-9000px;
		width:80px;
	}
	#myspace {
		background:url("../images/myspace.png") no-repeat;
	}
	#facebook {
		background:url("../images/facebook.png") no-repeat;
	}
	#twitter {
		background:url("../images/twitter.png") no-repeat;
	}	
	#youtube {
		background:url("../images/youtube.png") no-repeat;
	}	
	#ilike {
		background:url("../images/ilike.png") no-repeat;
	}	
ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
	font-size:90%;
}

ul.navigation a {
	border-left:1px solid #bbb;
background:#f6f6f6 url("../images/menu_li.gif") 100% 0% no-repeat;
    padding: 10px;
    color: #000;
    text-decoration: none;
}

ul.navigation a:hover {
	border-left:1px solid #999;
	border-right:0;
	border-top:0;
	background:#f6f6f6 url("../images/menu_current.gif") 100% 0% no-repeat;
}

ul.navigation a.selected {
	border-left:1px solid #999;
	border-right:0;
	border-top:0;
	background:#fff url("../images/menu_current.gif") 100% 0% no-repeat;
}

ul.navigation a:focus {
    outline: none;
}


.selected {
background:#fff;
}
#slider {
  width: 820px;
  padding-top:20px;
  margin: 0 auto;
  position: relative;
}

.scroll {
	border:1px solid #999;
	border-top:1px solid #eee;
	background:#fff;
	width:820px;
	height: 100%;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}
.panel li:hover {
	background:#eee;
}
.panel h4 {
padding:0 0 5px 0; margin:0 0 5px 0;
border-bottom:1px solid #111;
}
.panel li {
	padding:10px;
}
.scrollContainer div.panel {
  padding: 20px;
  width: 780px; /* change to 560px if not using JS to remove rh.scroll */
  font-family:Georgia, Times New Roman, serif;
  line-height:1.2em;
}	
.scrollButtons {
  position: absolute;
  top: 200px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -45px;
}

.scrollButtons.right {
  right: -45px;
}



/* PANEL */
#events {
float:left;
}
#demandit {
float:right;
}
.flash {
text-align:center;
font-size:.9em;
}
.images {
text-align:center;
}
#footer {
margin-top:30px;
font-size:.9em;
padding:5px;
text-align:center;
background:#702021;
color:#fff;
}