/* -- GENERIC -- */ 

	html, body { height:100%; }
	body { margin:0; padding:0; background:url(../images/bg.gif) repeat-x #ffffff; font:0.7em tahoma, geneva, verdana, helvetica, sans-serif; color:#666; }
	hr   { display:none; }
	h1   { color:#999999; font-size:1.6em; margin:0 0 10px 0; padding:0; }
	h2   { color:#333; font-size:1.4em; margin:0 0 10px 0; padding:0; }
	h3   { font-size:1.15em; color:#333; margin:20px 0 20px 0; padding:0; }
	p    { line-height:1.2em; margin:15px 0 0 0; }
	a    { color:#FF7F00; text-decoration:none; }
	a:hover { color:#000000; background-color:#eeeeee; }
	ul   { margin:10px 0 20px 0; padding-left:25px; }
	ul li   { margin:0 0 4px 0; padding:0; list-style-image:url(../images/hand.gif); }
	ol li { margin:0 0 14px 0; padding:0; color:#333; }
	strong { font-weight:bold; }
	
	.orange { color:#FF7F00; }
	.grey { color:#bbb; }
	.bloghead { color:#666666; font-size:1.2em; }
	.blogphoto { margin:0 0 10px 10px; }
	.qauthor { font-size:0.8em; }
	
	/* Basic Layout */
	#wrapper   { top:0; bottom:0; left:0; right:0; }
	#container   { width:960px; margin:auto; }

	#intro         { padding:0 0 30px 0; }
	#intro p       { color:#FF7F00; font-size:1.5em; font-weight:bold; margin:0; }
	#intro em      { font-size:0.7em; }	
	
	#breakout { float:right; width:180px; font-size:1.4em; font-weight:bold; color:#fff; background:url(../images/breakout-bg.gif) no-repeat top #866b4f; margin:10px 0 10px 10px; }
	#breakout p { padding:0 15px 10px 15px; }
	
	#sidemenu { margin:0; padding-left:24px; }
	#sidemenu strong { font-size:1.4em; color:#FF7F00; }
	
	#primary-container   { width:580px; margin:0 ; padding:10px 30px 20px 30px; float:left; }
	
	#sidebar-container { width:240px; margin:0; padding:10px 40px 10px 40px; float:left; }
	
	#bottom-container   { clear:both; width:960px; height:56px; margin:auto; background:#fff url(../images/footer-top.gif) 30px 0 no-repeat; }
	#footer-container    { clear:both; background-color:#c1c1c1; }
	#footer-content    { width:930px; margin:0 auto; padding:0 0 0 30px; }
	
	/* Page Content */
	#primary-content   { padding:0 0 15px 0; }
	#sidebar-content { padding:0; margin:0; }
	#footer-content { padding:4px 0 0 20px; color: #FFF; font-size:0.8em; }

	/* Side Navigation */
	
	#sidenav1 { float:right; margin:0; }
	#sidenav1 a { display:block; width:205px; height:116px; background:url(../images/panel-join.gif) no-repeat 0 0; }
	#sidenav1 a:hover { background-position: 0 -116px; }
	#sidenav1 a span { display:none; }
	
	#sidenav4 { float:right; margin: 0; }
	#sidenav4 a { display:block; width:205px; height:97px; background:url(../images/panel-weneedyou.gif) no-repeat 0 0; }
	#sidenav4 a:hover { background-position: 0 -97px; }
	#sidenav4 a span { display:none; }
	
	#sidenav2 { float:right; margin: 0; }
	#sidenav2 a { display:block; width:205px; height:116px; background:url(../images/panel-uptodate.gif) no-repeat 0 0; }
	#sidenav2 a:hover { background-position: 0 -116px; }
	#sidenav2 a span { display:none; }
	
	#sidenav3 { float:right; margin: 0; }
	#sidenav3 a { display:block; width:205px; height:82px; background:url(../images/panel-support.gif) no-repeat 0 0; }
	#sidenav3 a:hover { background-position: 0 -82px; }
	#sidenav3 a span { display:none; }
	
	/* Top Navigation */
	
	#top-navigation { width:960px; height:30px; margin:0; padding:0; background:url(../images/navigation.gif); position:absolute; display:inline; }
	#top-navigation li { display:block; list-style:none; position:absolute; background:url(../images/navigation.gif) no-repeat left top; }
	#top-navigation li, #top-navigation a { display:block; height:30px; }
	#top-navigation strong { display:none; }
	#top-navigation a span { display:block; width:0; height:0; overflow:hidden; }
	#top-navigation a:hover { border:0; }
	
	#top-navigation #mitem1 { top:0; left:0px; width:110px; background-position:0 0; }	
	#top-navigation #mitem2 { top:0; left:110px; width:92px; background-position:-110px 0; }	
	#top-navigation #mitem3 { top:0; left:202px; width:94px; background-position:-202px 0; }	
	#top-navigation #mitem4 { top:0; left:296px; width:121px; background-position:-296px 0; }	
	#top-navigation #mitem5 { top:0; left:417px; width:92px; background-position:-417px 0; }
	
	#top-navigation #mitem1 a:hover { background:url(../images/navigation.gif) no-repeat 0 -30px; }	
	#top-navigation #mitem2 a:hover { background:url(../images/navigation.gif) no-repeat -110px -30px; }
	#top-navigation #mitem3 a:hover { background:url(../images/navigation.gif) no-repeat -202px -30px; }
	#top-navigation #mitem4 a:hover { background:url(../images/navigation.gif) no-repeat -296px -30px; }
	#top-navigation #mitem5 a:hover { background:url(../images/navigation.gif) no-repeat -417px -30px; }