body {
 font-family: Century Gothic, sans-serif;
 font-size:62.5%;
 color:#000;
 background-color:#000;}
 
* {margin: 0; padding: 0;}

p, ul, h4, h3, h2, h1 {font-family: Century Gothic, sans-serif;}
 
h1 {font-size: 2.4em; text-align: center;}
h2 {font-size: 1.8em; padding:6px 0; text-align:center; color: #24596e;}
h3 {font-size: 14px; padding:0; text-align:left; font-weight:bold; text-transform:uppercase;}

li {font-size: 1.1em;}
p {font-size: 1.2em;}
ul {list-style: none;} 
img {border-width: 0;}
 
/***************CLASSES************/
 
.ltblu {background-color: #f7fcfc;}
.ltgrey {background-color: #f2f2f2;}
.ltgold {background-color: #fff9f2;}

.links {color:white;line-height:180%}

/**************MAIN DIVISIONS***************/

#site-wrapper {width:880px; margin:0 auto;}

#hdr {
 width: 880px;
 height: 72px;
 background-image: url('new-images/header.jpg');
 background-repeat: no-repeat;}
 
#nav {height:24px;color:white;font-size:12px;}
#nav ul.menu {height:24px}
#nav ul.menu li {float:left;width:9%;line-height:24px;text-align:center;}
#nav ul.menu li a {text-decoration:none}
#nav ul.menu li a:link, #nav ul.menu li a:visited {color:white;text-decoration:none;padding:0 1%}
#nav ul.menu li a:focus, #nav ul.menu li a:hover, #nav ul.menu li a:active {display:block;text-decoration:none;background-color:#777;padding:0 1%;font-weight:bold}
 
/**********CONTENT*********/
#content {
 background-image:url('new-images/ecola.jpg');background-repeat:no-repeat;
 margin: 0;
 padding: 0;
 border: none;
 width: 880px;}
 
.para {
 float:left;display:inline;background-color:transparent;
 width:300px; font-size:11px;
 margin:6px 0 10px 2px;
 padding:8px;}

.para a, .para a:link {color: #fff;text-decoration:none;}
.para a:visited {color:#ddd;text-decoration: none;}
.para a:hover {color:#84C8DE;text-decoration:underline}

.events {float:right; display:inline; background-color:#000;
 width:116px; height:133px;
 margin:10px 0px 10px 20px;
 padding:0; border:1px solid #EDBA51;}
.events h2 {color:white;font-size:12px; text-transform:uppercase;text-align:center;}
.events h3 {color:#84C8DE;font-size:11px;font-variant:small-caps;text-align:center}
.events h4 {color:white;font-size:11px;margin:10px 2px 5px 2px;text-align:center}

.events h3 a, .events h3 a:link {color: #84C8DE;text-decoration:none;}
.events h3 a:visited {color:#84C8DE;text-decoration: none;}
.events h3 a:hover {color:#fff;text-decoration:underline}


#sponsors {background-color: #000}

.sponsors {float:left; display:inline; background-color:#000;
 width:100px; height:90px;
 margin:20px 11px 0px 0px;
 padding:0;}
.sponsors p {margin-top: 2px; color:#3c982d; font-size: 11px;}
.sponsors h2 {color:white;font-size:12px; text-transform:uppercase; text-align:left}
.sponsors h2 a, .sponsors h2 a:link {color: #fff;text-decoration:none;}
.sponsors h2 a:visited {color:#fff;text-decoration: none;}
.sponsors h2 a:hover {color:#fff;text-decoration:underline}

.sponsors2 {float:left; display:inline; background-color:#000;
 width:200px; height:100px;
 margin:10px 18px 0px 0px;
 padding:0;}
.sponsors2 p {margin-top: 2px; color:#3c982d; font-size: 11px;}
.sponsors2 h2 {color:white;font-size:12px; text-transform:uppercase; text-align:left}
.sponsors2 h2 a, .sponsors2 h2 a:link {color: #fff;text-decoration:none;}
.sponsors2 h2 a:visited {color:#fff;text-decoration: none;}
.sponsors2 h2 a:hover {color:#fff;text-decoration:underline}

.four {float:left; display:inline; background-color:#000;
 width:103px; height:133px;
 margin:10px 20px 10px 0px;
 padding:0; border:1px solid #FB760D}
 
.four h2 {color:white;font-size:12px;font-variant:small-caps;text-align:center;}
.four h3 {color:red;font-size:11px;font-variant:small-caps;text-align:center}
.four h4 {color:white;font-size:11px;margin:10px 2px 5px 2px;text-align:center}

/**********FOOTER SECTION*********/

#reset {clear: both;}

#footer {
 background: #000;
 font-size: .9em;
 color: #777;
 margin-top:10px;
 padding-bottom:18px}
 
#footer a {color: #777;text-decoration:none}
#footer a:hover {color:#fff}