/* 
  
  .oooo.        ooooooooo    oooooooooo.   oooooooooooo  .oooooo..o ooooo   .oooooo.    ooooo      ooo  .oooooo..o 
.dP""Y88b      d"""""""888    `888'   `Y8b  `888'     `8 d8P'    `Y8 `888'  d8P'  `Y8b   `888b.     `8' d8P'    `Y8 
      ]8P'           .8'      888      888  888         Y88bo.       888  888            8 `88b.    8  Y88bo.      
    <88b.           .8'       888      888  888oooo8     `"Y8888o.   888  888            8   `88b.  8   `"Y8888o.  
     `88b.         .8'        888      888  888    "         `"Y88b  888  888     ooooo  8     `88b.8       `"Y88b 
o.   .88P  .o.    .8'         888     d88'  888       o oo     .d8P  888  `88.    .88'   8       `888  oo     .d8P 
`8bd88P'   Y8P   .8'         o888bood8P'   o888ooooood8 8""88888P'  o888o  `Y8bood8P'   o8o        `8  8""88888P'  

  
 Like the code you see? - www.3point7designs.com

  =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
  || TABLE OF CONTENTS 									        ||
  =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 
  =01 : UNIVERSAL SELECTORS
  =02 : BODY STRUCTURE
  =03 : LINKS
  =04 : NAVIGATION
  =05 : HELPER CLASSES
  =06 : ACCESSIBILITY
  =07 : TABLES


  MARGINS:

  SMALL t10px / b10px
  DEFAULT  t20px / b20px
  LARGE t30px / b30px

*/

/* =01 : UNIVERSAL SELECTORS */

* { }
html, body { margin: 0; font-family: century gothic, arial, helvetica, san-serif; background: #bcd97b;  }
body { background: url(../images/bg.jpg) center top no-repeat; min-height: 900px; }
ul { list-style: none; margin: 0; padding: 0; }


#topLeft ul { list-style: disc; margin: 4px 0 14px 0; padding: 0 0 0 15px; }
#topLeft ul li { padding: 0 0 0 15px; }

#topLeft ol { list-style: decimal; margin: 4px 0 14px 0; }
#topLeft ol li { padding: 0 0 0 15px; }

h1#logo { background: url(../images/logo.png) no-repeat; width: 426px; height: 234px; text-indent: -9999px; overflow: hidden; position: absolute; top: -35px; left: 315px; z-index: 900; }

h2.green-heading, h2.orange-heading { color: #fff; font-size: 14px; font-family: 'Slackey', 'Century Gothic', 'Century', 'Arial Narrow', 'Helvetica', San-Serif; padding: 7px 0 0 10px; margin: 0; text-transform: uppercase; text-shadow: 1px 1px 2px rgba(0,0,0,.25);}


/* =02: HTML5 BASED NAMING CONVENTIONS + BODY STRUCTURE */

#page { margin: 0 auto; width: 950px; position: relative; }

.orange-heading { background: url(../images/latestNews.jpg) no-repeat; width: 300px; height: 24px; }
.green-heading { background: url(../images/green-heading.jpg) no-repeat; height: 24px; margin: 0 -10px 15px -10px !important; }

#downloads .orange-heading { background: url(../images/latestNews.jpg) no-repeat; width: 300px; height: 24px; }

#downloads { background: #dbeaaf; margin: 40px 0 0 0;}

#downloads ul { margin: 0;}

#shuttleMap p a { color: #146c38; font-weight: bold; }
#shuttleMap p { text-align: center; font-size: 14px; line-height: 20px; margin: 10px 0 0 0; }

.article {}
.section {}
.aside {}
.navigation {}

#footer.subPage { background: url(../images/content-bottom.png) top no-repeat; padding: 20px 0 0 0; }
#footer { position: relative; padding: 50px 0; font-size: 11px;  }
.howell { background: url(../images/downtown-howell.gif) no-repeat; padding: 10px 0 40px 95px; margin: 0; position: absolute; top: 25px; right: 0; line-height: 1.6em; }
.howell a { width: 200px; display: block; color: #146c38; font-weight: bold; font-size: 12px; }
#footer .copy { width: 500px; float: left;}
.fspace { width: 500px; padding: 20px 0 0 0; }

#content-main { padding: 148px 0 0px 0;  }
#content-sup { background: url(../images/content-bottom.png) top no-repeat; padding: 40px 0 0 0;}
#topLeft { width: 620px; float: left; margin: 0 10px 0 0; display: inline; line-height: 1.5em;  }
#topContent { position: relative; top: -8px; left: 1px; }

#latest { width: 310px; float: left; padding: 2px 0 15px 0; background: url(../images/latestShadow.gif) left 5px no-repeat; display: inline;  }
#latest a { position: relative; z-index: 901; padding: 12px; display: block; }
#latest li { border-bottom: 1px solid #c9df88; line-height: 18px; border-top: 1px solid #d9ef98; }
#latest ul { margin: 0px; }
.readMore a { color: #fd8920; display: block; margin: 10px 0 5px 0; }
.archive { margin: 0 18px 0 0; }
.archive a { color: #146c38; float: right; padding: 5px 0 0px 0; font-weight: bold; }

#latest li a:hover { background: #c9df88;}

#content-sup { margin: 0 0 10px 0; }

#downloads { border: 2px solid #066532; width: 290px; padding: 0 10px 10px 10px; background: #fff; float: right; position: relative; display: inline; }

.stripe { background: #e9f2ce !important; }
#downloads a { font-weight: bold; }
.melons { position: absolute; bottom: -37px; right: -30px; z-index: 901; }

#spons { width: 616px; float: left; margin: 0 10px 0 0;  }
#sponsContent, #bizContent { padding: 10px; line-height: 1.5em;}

.eventDate { background: #333333; color: #fff; padding: 10px; margin: 0 0 0 0px; width: 600px; }

#photo-gallery ul, #photo-gallery li { list-style: none; margin: 0 !important; padding: 0 !important; }

#photo-gallery { background: #333; padding: 1px 1px 0 1px; height: 243px; overflow: hidden; }
#photo-gallery img { width: 618px; }
#photo-gallery img.active { display: block !important; }

/**********  Subpage Styling *************/

#content-main.subPage {  }
#topLeft.tlSub { width: 577px; background: #fff url(../images/dropShadow.jpg) top no-repeat; padding: 20px; border-right: 1px solid #046330; border-bottom: 1px solid #046330; border-left: 1px solid #046330; margin: 0 14px 15px 1px; min-height: 230px; }

.subPage #main-navigation { padding: 0px 0 0 20px; height: 30px; float: left; width: 610px; }

#topLeft.tlSub h2 { font-family: 'Slackey', 'Century Gothic', 'Century', 'Arial Narrow', 'Arial', san-serif; margin: 18px 0 10px 0; color: #f58220; letter-spacing: -1px; font-size: 28px; border-bottom: 1px dotted #C9DF88; padding: 0 0 8px 0; line-height: 1em; }

p, ul, ol, dl, blockquote { margin: 0px 0 18px 0;}

/**** Schedule Page ***/
#content-main.subPage table { width: 570px; margin: 10px 0 25px 0; border: 1px solid #046330; padding: 2px; }
thead tr { background: #549434; }
#content-main.subPage tr { line-height: 1.5em; }
thead th { border-top: 1px solid #98b826; border-bottom: 1px solid #98b826; background: none; text-transform: uppercase; color: #fff; text-align: left; font-weight: bold; font-size: 12px; padding: 7px 0 7px 12px; }
#content-main.subPage td { padding: 15px 10px; position: relative;}
.rowBg { background: #fff; }
tbody tr { background: #e9f2d4; }

tbody a.display { font-weight: bold; font-size: 14px; }

#latest.latestSub { margin-top: -30px;}


/* =03: LINKS */

a { color: #000; }
a:hover { text-decoration: none; }
a:visited {}
a:active {}


/* =04: NAVIGATION */


#main-navigation { list-style: none !important; margin: 0!important; background: url(../images/nav-heading.gif) no-repeat; width: 611px; height: 40px; line-height: 32px;  padding: 0px 0 0 15px; }
#main-navigation li { float: left; padding: 0 10px 0 0 !important; position: relative; }
#main-navigation a { text-decoration: none; color: #fff; text-transform: uppercase; z-index: 901; display: block; position: relative; }
#main-navigation a:hover { color: #ddd; }
#main-navigation a.current { font-weight: bold; }
#main-navigation li a span { color: #64b13d; padding: 0 0 0 10px;}

#main-navigation li ul { position: absolute; left: -99999px;  background: #549433; margin: -5px 0 0 0; padding: 0; width: 200px; z-index: 901; list-style: none;}
#main-navigation li ul li { float: none; padding: 0 !important; margin: 0 !important; }
#main-navigation li ul li a { padding: 2px 5px; border-bottom: 1px solid #5fa73a; color: #fff; line-height: 18px; text-transform: none;  }
#main-navigation li ul li a:hover { color: #fff; background: #67b53e; }
#main-navigation li:hover ul { left: 0; }


#footer-navigation { padding: 0 0 0px 0; width: 500px; float: left; }
#footer-navigation li { float: left; padding: 0 8px 0 0; }

/* 
ACCESSIBLE CSS ROLL OVERS 
#main-navigation li a { display: block; float: left; width: 0px; height: 0px; text-indent: -99999px; overflow: hidden; }

SUCKERFISH DROPDOWNS
#main-navigation ul { position: absolute; left: -99999px; }
#main-navigation li:hover ul, #main-navigation li.sfhover ul { left: auto; }

#main-navigation li { }
#main-navigation li a { }
#main-navigation ul li { }
#main-navigation ul li a { }  

*/

#sub-navigation {}

#breadcrumbs { list-style: none; margin: 0 0 18px 0; padding: 0; }
#breadcrumbs li { display: inline; font-size: 10px; color: #999; }
#breadcrumbs li a { color: #666; }

/* =06: HELPER CLASSES */

.tac, .center { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }

.fl, .left { float: left; }
.fr, .right { float: right; }

img.left { float: left; margin: 0 20px 20px 0; padding: 5px; border: 1px solid #999; } /* Floated images with borders */
img.right { float: right; margin: 0 0 20px 20px; padding: 5px; border: 1px solid #999; } /* Floated images with borders */

.imgfl { float: left; margin-right: 18px; }
.imgfr { float: right; margin-left: 18px; }

.clear { clear: both; }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.nolist, .nolist li { margin: 0; padding: 0; list-style: none;}

/* =07: ACCESSIBILITY */

#skip-links { position: absolute; top: -500px; }

/* =08: TABLES */

table
table tr
table td
summary {}
th {}
legend {}

/* =09: FORMS */

.adj-form { list-style: none; margin: 0; padding: 0; }
.adj-form label { float: left; }
.adj-form input, .adj-form textarea { float: right; padding: 5px; font-family: arial, helvetica, san-serif; color: #333; }
.adj-form li { clear: both; padding: 10px 0 10px 0; }
.adj-form input:focus, .adj-form textarea:focus { color: #000; }

.norm-form { list-style: none; margin: 0; padding: 0; }
.norm-form label { display: block; font-weight: bold; padding: 0 0 5px 0; }
.norm-form input, .norm-form textarea { padding: 5px; font-family: arial, helvetica, san-serif; color: #333;}
.norm-form input:focus, .norm-form textarea:focus { color: #000; }

/* ====================== */
/* = Schedule of Events = */
/* ====================== */

.event-description { display: none; margin: 10px 0 0 0; }

#topLeft div.active { /* display: block; */ }

.close-button a { text-transform: uppercase; font-weight: bold; font-size: 14px; }

/* ============ */
/* = NewsList = */
/* ============ */

#NewsList ul { margin: 0 0 27px 0; }
.newsTitle { font-size: 13px; font-weight: bold; }
.newsDate, .date-author { color: #666; font-size: 10px; margin-bottom: 9px; }

/* ============ */
/* = Sponsors = */
/* ============ */

#sponsors-list, .sponsors-list { margin: 0; padding: 0; list-style: none; }
#sponsors-list li, .sponsors-list li { float: left; clear: right; list-style: none; margin: 0; padding: 0; }

#download-list { list-style: none; margin: 0; padding: 0; }
#download-list li { padding: 5px !important; background: #efefef; list-style: none;}

/* ============ */
/* = Comments = */
/* ============ */

#comments { margin-left: 180px; }

/* ================== */
/* = AnimatedHeader = */
/* ================== */

#animatedHeader { margin: 15px 0 15px 0; width: 960px;  padding: 15px 0; border-top: 1px solid #ddf795; border-bottom: 1px solid #ddf795;}
#animatedHeader img { margin: 0px 0 0 -5px; padding: 2px; border: 1px solid #fff;}

#NewsList, #NewsList li { list-style: none; margin: 0; padding: 0; }

#NewsList li { clear: left; }

#NewsList, #NewsList ul, #NewsList li { margin-left: 0 !important; padding-left: 0 !important; }

#album-list ul { list-style: none; margin: 0; padding: 0; }

#album-list ul li { padding: 10px 0; margin: 10px 0; border-bottom: 1px solid #eaeaea; }
#album-list ul li .defaultImage a {
  display: block; width: auto !important; background: #eaeaea;
}

#album-list ul li .defaultImage a img {
  display: block;
}

#album-list ul li h4 {
  margin: 0 0 8px 0 !important;
  padding: 0;
}
.galleryDescription { color: #444; }

.gallery-layout li {
  padding: 10px !important;
}