body {margin:10px; background:#767337; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:14px;}
h1 {font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:22px;}
h2 {color:#5f151b; font-family:"Times New Roman", Times, serif; font-style:italic;}
p {margin:5px 0;}

/*======= HEADER STYLES =======*/
#top {margin:0 auto 5px; width:914px; text-align:right; color:#fff;}
#wrapper {margin:0 auto; border:2px dotted #fff; width:914px; overflow:auto;}
#iwrapper {margin:5px; padding:10px; background:#fff; }
#badge a {background:url(../shell/build-a-group-website.png) no-repeat top left; float:left; width:190px; height:160px; z-index:1000; overflow:visible; position:absolute; margin:-55px 0 -160px -60px;}

#nav {clear:both; margin-top:0;}
.menu {padding:0; margin:0; list-style:none; height:28px; background:#5f151b; font-size:12px;}
.menu li {float:left; height:28px; margin-right:1px;}
.menu li a {display:block; float:left; height:28px; line-height:28px; color:#fff; text-decoration:none; font-family:arial, verdana, sans-serif; text-align:center; text-transform:uppercase; padding:0 0 0 6px; cursor:pointer;}
.menu li a b {float:left; display:block; padding:0 16px 5px 7px;}
.menu li.current a {color:#b159c0;}
.menu li a:hover {color:#beaf6b;}

/*======= CONTENT AREA STYLES =======*/
#content {padding:10px; background:#bdae69 url(../shell/bg-sidebar.jpg) repeat-y top left; overflow:auto;}
#contentbak {padding:10px; background:#bdae69; overflow:auto;}
#sidebar {float:left; width:238px; margin-right:20px; font-size:12px;}
#scroller {clear:both; width:100%; margin-top:10px;}

/*======= FOOTER STYLES =======*/
#footer {margin:5px auto; width:914px; text-align:center; color:#fff;}
#copyright {font-size:10px;}