@charset "utf-8";

* {
	margin:0;
	padding:0;
}

body {
	background:#f6f6f6;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#666;
}

.main-container {
	width:990px;
	margin:0 auto;
}

.home-bg-repeat {
	float:left;
	width:100%;
	background:url(../_images/home-bg-repeat.png) repeat-y scroll left top;
}

.home-bg-top {
	float:left;
	width:100%;
	background:url(../_images/home-bg-top.png) no-repeat scroll left top;
}

.home-bg-bottom {
	float:left;
	width:100%;
	background:url(../_images/home-bg-bottom.jpg) no-repeat scroll left bottom;
	padding: 0 0 70px 0;
}

.main-menu {
	float:right;
	width:641px;
	display:inline; /* for ie6 bug */
	margin: -108px 45px 0 0;
}

.main-menu ul {
	list-style:none;
	text-indent:-9999px;
	display:inline;
}

.menu1 {
	float:left;
	width:53px;
	height:41px;
	background:url(../_images/main-menu.png) no-repeat 0 -41px;
}

.menu1 a {
	float:left;
	width:53px;
	height:41px;
	background:url(../_images/main-menu.png) no-repeat 0 0;
	outline:none;
}

.menu1 a:hover {
	background:url(../_images/main-menu.png) no-repeat 0 -41px;
}

.menu2 {
	float:left;
	width:83px;
	height:41px;
	background:url(../_images/main-menu.png) no-repeat -53px -41px;
}

.menu2 a {
	float:left;
	width:83px;
	height:41px;
	background:url(../_images/main-menu.png) no-repeat -53px 0;
	outline:none;
}

.menu2 a:hover {
	background:url(../_images/main-menu.png) no-repeat -53px -41px;
}

.menu3 {
	float:left;
	width:79px;
	height:41px;
	background:url(../_images/main-menu.png) no-repeat -136px -41px;
}

.menu3 a {
	float:left;
	width:79px;
	height:41px;
	background:url(../_images/main-menu.png) no-repeat -136px 0;
	outline:none;
}

.menu3 a:hover {
	background:url(../_images/main-menu.png) no-repeat -136px -41px;
}

.menu4 {
	float:left;
	width:97px;
	height:41px;
	background:url(../_images/main-menu.png) no-repeat -215px -41px;
}

.menu4 a {
	float:left;
	width:97px;
	height:41px;
	background:url(../_images/main-menu.png) no-repeat -215px 0;
	outline:none;
}

.menu4 a:hover {
	background:url(../_images/main-menu.png) no-repeat -215px -41px;
}

.menu5 {
	float:left;
	width:79px;
	height:41px;
	background:url(../_images/main-menu.png) no-repeat -312px -41px;
}

.menu5 a {
	float:left;
	width:79px;
	height:41px;
	background:url(../_images/main-menu.png) no-repeat -312px 0;
	outline:none;
}

.menu5 a:hover {
	background:url(../_images/main-menu.png) no-repeat -312px -41px;
}

.menu6 {
	float:left;
	width:77px;
	height:41px;
	background:url(../_images/main-menu.png) no-repeat -396px -41px;
}

.menu6 a {
	float:left;
	width:77px;
	height:41px;
	background:url(../_images/main-menu.png) no-repeat -396px 0;
	outline:none;
}

.menu6 a:hover {
	background:url(../_images/main-menu.png) no-repeat -396px -41px;
}

.menu7 {
	float:left;
	width:98px;
	height:41px;
	background:url(../_images/main-menu.png) no-repeat -473px -41px;
}

.menu7 a {
	float:left;
	width:98px;
	height:41px;
	background:url(../_images/main-menu.png) no-repeat -473px 0;
	outline:none;
}

.menu7 a:hover {
	background:url(../_images/main-menu.png) no-repeat -473px -41px;
}

.menu8 {
	float:left;
	width:70px;
	height:41px;
	background:url(../_images/main-menu.png) no-repeat -571px -41px;
}

.menu8 a {
	float:left;
	width:70px;
	height:41px;
	background:url(../_images/main-menu.png) no-repeat -571px 0;
	outline:none;
}

.menu8 a:hover {
	background:url(../_images/main-menu.png) no-repeat -571px -41px;
}

.logo h1 a {
	z-index:1;
	float:left;
	width:341px;
	height:84px;
	display:block;
	text-indent:-9999px;
	background: transparent url(../_images/letsdosomething-logo.png) no-repeat left top;
	margin: 24px 0 0 70px;
	outline:none;
}

.logo h1 a:hover {
	background: transparent url(../_images/letsdosomething-logo.png) no-repeat left bottom;
}

.home-content {
	float:left;
	width:600px;
	padding: 10px 20px 20px 25px;
	margin: 10px 0 0 45px;
}

.home-content  ul {
	float:left;
	width:100%;
	list-style:none;
	margin: 10px 0 0 0;
}

.home-content  ul li {
	padding: 0 0 8px 20px;
	background:url(../_images/bullet-1.png) no-repeat 0 7px;
}

.next-workshop a {
	float:left;
	width: 227px;
	height: 57px;
	display:block;
	text-indent:-9999px;
	background: url(../_images/next-workshop.jpg) no-repeat left top;
	margin: 20px 0 0 0;
}

.next-workshop a:hover {
	background: url(../_images/next-workshop.jpg) no-repeat left bottom;
}

.tell-us a {
	z-index:3;
	position:absolute;
	float:left;
	width: 103px;
	height: 116px;
	display:block;
	text-indent:-9999px;
	background: transparent url(../_images/tell-us.png) no-repeat left top;
	/*right:390px;
	top:140px;*/
	margin:35px 0 0 775px;
	left: 99px;
	top: 75px;
}

.tell-us a:hover {
	background: transparent url(../_images/tell-us.png) no-repeat left bottom;
}

.tell-us a:click {
	rel:lyteframe;
	width: 640px; 
	height: 380px; 
	scrolling: auto;
background: transparent url(../_images/tell-us.png) no-repeat left bottom;
}


.post-menu {
	clear:both;
	float:left;
	width: 321px;
	height: 301px;
	display:block;
}

.footer-home {
	clear:both;
	float:left;
	width:100%;
	color:#757575;
	font-size:10px;
	margin: -70px 0 0 70px;
}

.footer-inner {
	clear:both;
	float:left;
	width:100%;
	color:#757575;
	font-size:10px;
	margin: -30px 0 0 70px;
}

.inner-bg-bottom {
	float:left;
	width:100%;
	background:url(../_images/inner-bg-bottom.jpg) no-repeat scroll left bottom;
	padding: 0 0 320px 0;
}

.inner-container {
	float:left;
	width:850px;
	padding: 10px 25px 20px 25px;
	margin: -10px 0 0 45px;
}

.inner-menu {
	float:left;
	width:204px;
}

.inner-menu ul {
	list-style:none;
}

.inner-menu ul li a {
	float:left;
	width:204px;
	height:30px;
	display:block;
	background: url(../_images/sub-menu-on.png) no-repeat 0 0;
	text-decoration:none;
	text-indent: 20px;
	color:#000;
	font-size:12px;
	line-height:27px;
}

.inner-menu ul li a:hover {
	background: url(../_images/sub-menu-over.png) no-repeat 0 0;
}

.inner-content {
	float:left;
	width:610px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;
}

.inner-content p{
	margin: 0 0 15px 0;
}


.inner-content h2{
	font-size:14px;
	color:#048bcb;
	margin: 0 0 8px 0;
}

.inner-title {
	float:right;
	width:auto;
	margin: -60px 50px 0 0;
}

.inner-post {
	z-index:4;
	float:right;
	width:226px;
	height:59px;
	display:block;
	margin: -200px 120px 0 0;
}

.inner-post a {
	float:left;
	width:226px;
	height:59px;
	display:block;
	text-indent:-9999px;
	background: transparent url(../_images/inner-post.png) no-repeat left top;

	outline:none;
}

.inner-post a:hover {
	background: transparent url(../_images/inner-post.png) no-repeat left bottom;
}


.arrowlistmenu{
	float:left;
	width:204px;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font: bold 12px Arial;
	color: white;
	background: white url(../_images/titlebar.png) repeat-x center left;
	margin-bottom: 10px; /*bottom spacing between header and rest of content*/
	padding: 4px 0 4px 10px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
	background-image: url(../_images/titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
	padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
	color: #000;
	background: url(../_images/sub-menu-on.png) no-repeat 0 0;
	display: block;
	padding: 2px 0;
	padding-left: 19px; /*link text is indented 19px*/
	margin: 0 0 0 15px;
	text-decoration: none;
	border-bottom: 1px solid #dadada;
	font-size: 90%;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	background: url(../_images/sub-menu-over.png) no-repeat 0 0;
}

a.menustaic {
	float:left;
	width:204px;
	height:30px;
	display:block;
	background: url(../_images/sub-menu-on.png) no-repeat 0 0;
	text-decoration:none;
	text-indent: 20px;
	color:#606060;
	font-size:12px;
	line-height:27px;
	font-weight:bold;
}

a.menustaic:hover{
	background: url(../_images/sub-menu-over.png) no-repeat 0 0;
}