@charset "UTF-8";
/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,ul,li,p,div { margin:0; padding:0; }
html { background:url(../images/html-bg-bottom.png) repeat-x bottom; }

body { font-family:Arial, Helvetica, sans-serif; }
p { font-size:1.2em; margin:0 0 30px 0; }
h2 { color:#000; }
h3 { color:#00573D; font-size: 1.35em; }
ul { margin:10px 0 30px 35px; }
li { margin:0 0 20px 0; font-size:1.2em; }
a:link,a:visited { font-size:1.15em; color:#00573D; text-decoration:underline; font-weight:bold; }
a:hover,a:active { color:#B4985A; text-decoration:none; }
div#container { width:1200px; margin:0 auto; overflow:auto; }


div#header { width:1200px; height:196px; background:url(../images/header-2l-bg.jpg) no-repeat 50px 10px; position:relative; }
div#header div#addthis { width:125px; height:18px; float:right; margin:5px 45px 0 0; }
div#header a h1 { background:url(../images/header-2l-logo-herky_sm.png) no-repeat; width:256px; height:220px; display:block; text-indent:-9999px; position:absolute; left:90px; top:-20px; }
div#header ul { position:absolute; top:0px; left:341px; list-style-type:none;  }
div#header li { display:inline; float:left; margin:0 0 0 -20px; }
div#header li a { display:block; text-indent:-9999px; }
div#header li#join a:link,div#header li#join a:visited { background:url(../images/nav-btn-html-join.png) no-repeat bottom; width:167px; height:76px; }
div#header li#join a:hover,div#header li#join a:active { background:url(../images/nav-btn-html-join.png) no-repeat top; width:167px; height:76px; }
div#header li#events a:link,div#header li#events a:visited { background:url(../images/nav-btn-html-events.png) no-repeat bottom; width:167px; height:76px; }
div#header li#events a:hover,div#header li#events a:active { background:url(../images/nav-btn-html-events.png) no-repeat top; width:167px; height:76px; }
div#header li#photos a:link,div#header li#photos a:visited { background:url(../images/nav-btn-html-photos.png) no-repeat bottom; width:167px; height:76px; }
div#header li#photos a:hover,div#header li#photos a:active { background:url(../images/nav-btn-html-photos.png) no-repeat top; width:167px; height:76px; }
div#header li#videos a:link,div#header li#videos a:visited { background:url(../images/nav-btn-html-videos.png) no-repeat bottom; width:167px; height:76px; }
div#header li#videos a:hover,div#header li#videos a:active { background:url(../images/nav-btn-html-videos.png) no-repeat top; width:167px; height:76px; }
div#header a#facebook { background:url(../images/logo-facebook.png) no-repeat; width:53px; height:52px; position:absolute; top:45px; left:970px; text-indent:-9999px; display:block; }
div#header a#twitter { background:url(../images/logo-twitter.png) no-repeat; width:120px; height:36px; position:absolute; top:55px; left:1030px; text-indent:-9999px; display:block; }

div#header li#join.selected a { background-position:top; }

div#content { margin:-20px 0 0 0; }

div#contentMain { width:650px; margin:0 0px 0 250px; }
div#contentMain div { width:750px; }

div#contentMain div.bottom { background:url(../images/bg-main-bottom.png) no-repeat; width:750px; height:27px; margin:0 0 60px 0; }
div#contentMain div.content { background:url(../images/bg-main-middle.png) repeat-y; width:660px; padding:80px 40px 20px 50px; }
div#contentMain div.top { background:url(../images/bg-main-top.png) no-repeat; width:750px; height:27px; position:relative; }

div#contentMain div#main div.top h2 { background:url(../images/title-pg-join.png) no-repeat; width:496px; height:109px; position:absolute; top:-30px; left:-35px; text-indent:-9999px; }

p.bigText { font-size:1.65em; margin:0 0 30px 0; }

div#contentMain div#why div.img { margin:0 0 0 50px; }
div#contentMain div#why div.bullets img { border:5px solid #000; margin:0 0 10px 0; }
div#contentMain div#why div.bullets { width: 400px; }