h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }
a img,:link img,:visited img,fieldset { border:none; }


body {
 color: #FFFFFF;
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 10px;
 background: #000000 url(../IMG/bg.jpg) repeat-x top;}

a {
 color: white;
 text-decoration: underline;}

a:hover {
 text-decoration: none;}

#FF {
 position: absolute;
 z-index: 200;
 background: #C0C0C0;
 color: #cc0808;
 bottom: 0px;
 right: 0px;}

#container {
 position: relative;
 width: 700px;
 margin: auto;}

#top {
 cursor: pointer;
 height: 82px;
 background: url(../IMG/logo.jpg) no-repeat;}

#topemail {
 cursor: pointer;
 height: 53px;}

#navbar {
 text-align: center;
 height: 42px;}

#navbar ul {
 list-style: none;}

#navbar li, #navbar a {
 text-decoration: none;
 border: 0px none;
 height: 42px;
 display: block;}

#navbar li {float:left; list-style:none; display:inline;}

#menu-1 { width: 140px; margin-left: 0px; background: url(../IMG/events.gif) center no-repeat;}
#menu-1:hover { background: url(../IMG/events_hover.gif) center no-repeat;}

#menu-4 { width: 140px; margin-left: 0px; background: url(../IMG/about.gif) center no-repeat;}
#menu-4:hover { background: url(../IMG/about_hover.gif) center no-repeat;}

#menu-2 { width: 140px; margin-left: 0px; background: url(../IMG/contact.gif) center no-repeat;}
#menu-2:hover { background: url(../IMG/contact_hover.gif) center no-repeat;}

#menu-3 { width: 255px; margin-left: 0px; background: url(../IMG/sign2.gif) center no-repeat;}
/*#menu-3:hover { background: url(../IMG/sign_hover.gif) center no-repeat;}*/

#content {
 padding: 10px;
 margin: auto;
 width: 680px;
 height: 700px; }


#content h1{
 margin-top: 5px;
 text-transform: uppercase;
 border-bottom: 2px solid #676767;
 letter-spacing: -1px;
 font-size: 14px;
 color: white;}

#content h2 {
 text-align: right;
 border: 0px none;
 text-transform: lowercase;
 font-size: 10px;
 color: #C0C0C0;}

#contentemail {
 padding: 0px;
 margin: auto;
 width: 680px;
 height: 700px; }


#contentemail h1{
 margin-top: 5px;
 text-transform: uppercase;
 border-bottom: 2px solid #676767;
 letter-spacing: -1px;
 font-size: 14px;
 color: white;}

#contentemail h2 {
 text-align: right;
 border: 0px none;
 text-transform: lowercase;
 font-size: 10px;
 color: #C0C0C0;}

#nextevent {
 color: #222222;
 overflow: auto;
 background: #CAC4BB;
 border: 6px solid white;
 float: left;
 width: 430px;
 height: 600px;}

#nexteventemail {
 color: #222222;
 overflow: auto;
 background: #CAC4BB;
 border: 6px solid white;
 float: left;
 width: 430px;
 height: 440px;}

#nextevent h1 {
 margin: 5px;
 color: white;
 border: 0px none;}

#nextevent h2 {
 margin: 5px;
 text-align: left;
 border: 0px none;
 color: #333333;}

/* Style the printWindow if you want ............................... */

#printWindow h1 {
 margin: 0px;
 background: #494643;
 padding: 15px;
 padding-left: 5px;}

#printWindow h1 a {
 text-decoration: none;
 color: #DDDDDD;}

#printWindow h1 a:hover {
 color: #cc0808;}

#printWindow h2 {
 margin: 5px;}

#printWindow img {
 width: 100%;
 }

#comments {
 margin: 10px;}

#comments h1 {
 font-weight: normal;
 letter-spacing: 0px;
 font-size: 7pt;
 text-transform: uppercase;
 color: #333333;
 padding: 0px;
 margin-top: 10px;
 margin-bottom: 10px;
 background: transparent;
 border-bottom: 1px solid white;}

/* End of that ..................................................... */


/* Small boxes on the side.......................................... */

#nextnext, #nextevents, #pastevents {
 border: 6px solid white;
 padding: 5px;
 float: right;
 width: 200px;
 margin-bottom: 5px;}

#pastevents {
 background: #000000;}

#nextnext {
 cursor: pointer;
 background: #CC0808;}

#nextnext:hover {
 background: transparent;}

#nextevents h1, #nextnext h1, #player h1, #pastevents h1 {
 margin: 0px;
 border: 0px none;}

#player {
 border: 6px solid white;
 padding: 5px;
 margin-bottom: 5px;
 float: right;
 width: 200px;
 background: #CC0808;}

#cmdWidget {
 cursor: pointer;}

/* End of that ..................................................... */

#columns {
 padding: 10px;
 background: #000000;
 float: right;
 width: 200px;}

div.button a {
 color: #DDDDDD;
 text-decoration: none;}

div.button a:hover {
 color: white;}

div.button {
 margin-top: 2px;
 margin-bottom: 2px;}

/* Sign up popup box ...............................................*/

.close {
 cursor: pointer;
 float: right;
 margin: 2px;}

#signup {
 color: white;
 text-align: justify;
 background: #555555;
 font-size: 8pt;
 border: 6px solid #FFFFFF;
 z-index: 120;
 position: absolute;
 top: 300px;
 right: 100px;
 width: 500px;}

#signup h1 {
 margin: 0px;
 background: #494643;
 padding: 15px;
 padding-left: 5px;}

#widget {
 color: white;
 text-align: justify;
 background: #555555;
 font-size: 8pt;
 border: 6px solid #FFFFFF;
 z-index: 500;
 position: absolute;
 top: 83px;
 right: 0px;
 width: 685px;}

#widget h1 {
 margin: 0px;
 background: #494643;
 padding: 15px;
 padding-left: 5px;}

#getname {
 margin: 10px;}

#footer {
 padding-top: 10px;
 text-align: center;
 margin: auto;
 height: 18px;
 background: url(../IMG/footer.jpg) repeat-x top;}

form {
 color: #333333;
 font-family: verdana, sans-serif;
 font-size: 7pt;
 padding: 5px;}

input, textarea, select {
 border: 1px solid #BCBCBC;
 font-family: verdana, sans-serif;
 font-size: 7pt;
 background: white;
 padding: 2px;}

input:hover, textarea:hover, input:focus, textarea:focus, select:focus {
 border: 1px solid red;}