@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 0 0; }
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;  }


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#videos.selected a { background-position:top; }

div#content { margin:0px 0 0 0; position:absolute; left:180px; top:170px; }

div#contentMain { width:925px; margin:0 0px 0 0px; }
div#contentMain div { width:925px; }


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

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



div#contentMain img { border:10px solid #000; }

div#contentMain div.content div#video { margin:0 0 0 0px; }

div#contentMain div.content div#photoGallery { width:800px; text-align:center; }