html{
	height: 100%;
}
body{
	margin:0; padding:0;
	background:url(siteimg/background.gif) repeat-y center top #fff;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0.01em;
	height: 100%;
}
img#blog{ position:absolute; margin:0 0 0 -310px;}
a img#blog { border:0;}
#nonFooter
{
	position: relative;
	min-height: 100%;
}

* html #nonFooter
{
	height: 100%;
}	
p, ul{
	font-size:.84em;
	margin:0 0 1em 0;
	line-height:1.6em;
	color:#343434;
}
ul{
	margin:1em 0 1em 0;
	list-style:inside;
}
h2 a, p a, ul a{
	color:#00a0c6;
}
h2 a:hover, h3 a:hover, p a:hover, li a:hover{
	color:#6C6C6C;
}
#sidebar ul #navigation{
	width:246px;
	margin:0; padding:0;
}
#sidebar ul #navigation li{
	background:bottom no-repeat;
	height:27px;
}
#header {
	background:url(siteimg/header.jpg) top no-repeat;
	height:213px;
	width:780px;
	margin:0 auto 0 auto;	
}
#sidebar{
	width:256px;
	height:103%;
	position:absolute;
	top:0;
	margin-left:508px;
	background:url(siteimg/sidebarbkg.jpg) repeat-y left top #fff;
	border-right:#EEEDED solid 1px;
	z-index:5;
}

#sidebar #logo{
	background:url(siteimg/logo.gif) no-repeat;
	width:225px;
	margin:22px auto 22px auto;
	height:108px;
}

#sidebar #news{
	padding:1em .8em 1em .8em;

}
#sidebar #testimonial{
	background:#6A9814;
	padding:1em .8em 1em .8em;


}

#sidebar h3{
	font-size:1em;
	letter-spacing:0;
	margin:0 0 .2em 0;
	text-transform:capitalize;
	color:#5b5b5b;	
}
#sidebar #testimonial h3{
	color:#fff;
	font-weight:normal;
	font-size:.8em;
	text-align:center;
}
#sidebar p.reporter{
	color:#fff;
	font-size:.64em;
	text-transform:uppercase;
	margin:-.2em 0 1em 0;
}	
#sidebar p.reporter span{
	display:inline;
	background:#5b5b5b;		
}	

#sidebar .event p{
	line-height:1.3em;
	font-size:.7em;	
}
#sidebar #testimonial{
	padding:1em .5em 1em .5em;
	color:#CCCCCC;
}
#sidebar #links{
	margin: 5.5em 0 1em 0;
}
#sidebar .event{
	padding:0em 0em 0em .8em;
	margin:0em 0 0em 0;
}

#sidebar .event .text{
	float:left;
	width:186px;
}
#frame{
	width:780px;
	margin:0 auto 0 auto;
	min-height:44em;
	background:url(siteimg/pagebkg.jpg) repeat-x top #fff;
}
#frame #inner{
	padding:.1em 290px 1em 1em;
}
#frame h1{
	color:#6B9817;
	font-size:1.2em;
	line-height:1.1em;
	letter-spacing:0.0em;
	margin:1.2em 0 1em 0;

}
#frame h2, #frame h3 {
	color:#6A9913;
	font-size:1em;
	line-height:1.3em;
	letter-spacing:0.01em;
	font-weight:normal;
	margin:0 0 1.2em 0;
}
#frame h3{
	margin:0 0 .2em 0;
}

#frame .whitebox{
	background:url(siteimg/whitebox_b.jpg) bottom no-repeat;
	width:470px;
	margin:2em 0 2em 0;
}
#frame .whitebox .inner{
	background:url(siteimg/whitebox_t.jpg) top no-repeat;
	padding:1em;
}

#footer{
	position: relative;
	width:780px;
	height:2.3em;
	margin:0.5em auto 0 auto;
	background: url(siteimg/footer.gif);
	z-index:10;
}
#footer p{
	font-size:.65em;
	padding:.9em 200px .5em 1.6em;
}
#footer p a{
	color:#AFAFAF;
	text-decoration:none;
}
#footer p a:hover{
	color:#fff;
	text-decoration:underline;
}

/*sidebarbox for testimonial */

#sidebar .box{
	background:url(siteimg/sidebarbox_bot.gif) no-repeat bottom #131313;
	margin:0 auto 1em auto;
	width:236px;	
}
#sidebar .box .inner{
	background:url(siteimg/sidebarbox_top.gif) no-repeat top;
	padding:.5em;
}



.mug{
	width:100px;
	height:140px;
	float:left;
	margin:.2em 1em .5em 0;
	clear:left;
	display:block;
	border:solid 1px #E9E9E9;
}


/* BUTTON STYLES */ 
.button{
	margin:0em 0 0 0;
	line-height:1em;
	font-size:13px;	
}
.button a{
	background:#00A0C6;
	padding-bottom:.1em;		
	text-decoration:none;
	font-size:.7em;
	color:#fff;
}
.button a:hover{
	background:#6c6c6c;
	color:#fff;
}

/* END BUTTON STYLES */




/*  LINKS LIST CSS */

#links ul {
        list-style-type: none;
		list-style-position:outside;
        width: 255px;
		margin-left:1px;
		padding:0;
		line-height:1.3em;
		font-size:.7em;	
} 

#links li {
        border-width: 1px 0;
}

#links li a { 
        color: #05A0C6;
        display: block;
        padding: 1em;
	    text-decoration: none;    
}
#links li a#selected{
        background: #fff;
		color:#6A9913;
		cursor:default;
}
 * html #links li a {  /* make hover effect work in IE */
		width: 200px;
}

#links li a:hover {
        background:#DFDEDE;
}
#links li a span{
		text-decoration:underline;
		font-size:1.2em;
}
#links li a em{ 
        display: block;
		color:#343434;
		font-style:normal;
}


/* EO LINKS */


/* START TOP TABS */
#navigation div{
	width:142px;
	height:38px;
	position:absolute;
	top:175px;
}
#navigation div a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
}
#navigation #home a:hover, #navigation #betterway a:hover, #navigation #about a:hover, #navigation #contact a:hover{
	background-position:bottom;
}
#navigation #home a{
	background:url(siteimg/navbar/home.png) no-repeat top;
}
#navigation #home{
	z-index:1;
	z-index:99;	
	margin-left:2px;
	top:176px;	
}
#navigation #betterway a{
	background:url(siteimg/navbar/betterway.png) no-repeat top;
}
#navigation #betterway{
	margin-left:122px; 		
	z-index:98;	
}
#navigation #about a{
	background:url(siteimg/navbar/about.png) no-repeat top;
}
#navigation #about{
	margin-left:243px;
	z-index:97;
}
#navigation #contact a{
	background:url(siteimg/navbar/contact.png) no-repeat top;
}
#navigation #contact{
	margin-left:364px;
	z-index:9;
}

/* END TOP TABS */

div.inner label.nlabel { display: block; width: 50px; float: left; clear: both; color: #5b5b5b; font-size: 0.8em; padding: 1px; }
div#headbox div.inner { clear: both; margin-top: 5px; }
div.inner input { width: 120px; border: 1px solid #5b5b5b; }
div.inner label.nlabel,
div.inner input { margin-bottom: 0.3em; font-size: 0.8em; }
#mb-name { float: left; }
#mb-diddh-diddh { float: left; }
form { margin: 0 0 12px 0; }

#signup-button { cursor: pointer; }
div#headbox { width: 185px; float: right; margin-right: 285px; background: #fff; }


button.button			{	background: #6A9913;
							border: 1px solid #476412;
							color: #ffffff;
							padding-top: 2px; }
							
button.button:hover	{	background: #77ae12;
							border: 1px solid #476412;
							color: #ffffff; }