/*
Company:    
File:    main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - they make sure that all browsers start with the same default settings
HTML, Body - for the html and body tags
Layout - any style that defines how the site is laid out (position and size of objects)
Nav - navigation bar
Headings - headings like h1, h2, etc
Text Styles - Styles for text
Lists - unordered and ordered lists
Forms - html forms
Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group Global Browser Reset */
* {

padding:0;

margin:0;

outline: 0;

}

/*h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, fieldset, address { margin:20px 0; }*/

blockquote { margin-left: 40px; }

fieldset { padding:10px; }

img { border: 0px; }
/* @end */

/* @group HTML, Body */
body {
  background: #1e2a2f url(../images/bg.gif) repeat-y center 0;
  text-align: center;
}
/* @end */

/* @group Layout */
#outer-wrapper {
  margin: auto;
  text-align: left;
  width: 723px;
  color: #FFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .85em;
  line-height: 1.2em;
}
#col-l {
  float: left;
  font-family: "Trebuchet MS", Arial, sans-serif;
  width: 464px;
}
#col-r {
  float: right;
  margin-left: 0px;
  width: 244px;
}
#header {
  width: 723px;
}
#body {
  margin-top: 10px;
  width: 723px;
}
  .content-box-0, .content-box-1, .content-box-2 {
    float: left;
    display: inline;
  }
  .content-box-0, #col-l.content-box-0 {
    background: #1e1e1e;
    padding: 10px;
    width: 444px;
  }

  .content-box-1 {
    background: #1e1e1e;
    padding: 10px;
    margin-top: 10px;
    width: 444px;
  }
  .content-box-2 {
    background: #3c3c3c;
    margin-top: 10px;
    padding: 19px 0 0 19px;
    width: 445px;
  }
    .content-box-0 p, .content-box-1 p, .content-box-2 p {
      margin-bottom: 1.2em;
    }
    .button-ad {
      float: left;
    }
    .button-ad img {
      border: 1px solid #FFF;
    }
    #col-l .content-box-2 p.button-ad {
      margin: 0 18px 18px 0;
      display: inline;
    }
    #col-r p.button-ad {
      margin-top: 10px;
      display: inline;
    }
#footer {
  padding: 15px;
  width: 693px;
  font-size: .9em;
}
  #footer .footer-nav {
    margin-bottom: .5em;
  }
  #footer .footer-nav li {
    display: inline;
  }
  /*#footer .footer-nav li:before { content: "| "; }
  #footer .footer-nav li:first-child:before { content: ""; }*/
  #footer .footer-nav li { border-left: 1px solid #fff;
  padding-left: 3px; }
  #footer .footer-nav li:first-child { border-left: none;
  padding-left: 0; }
  
#admin {
  width: 600px;
  color: #fff;
}
div.eventsElement {
  margin-bottom: 10px;
}
td.calendarDay {
  color: #666666;
}
/* @end */

/* @group Nav */
#menu ul {
  float: left;
  background: #50514b url(../images/bg_menu.gif) repeat-x 0 0;
  height: 23px; width: 723px;
}
#menu ul li {
  float: left;
  border-left: 1px solid #1e1e1e;
  border-right: 1px solid #7e7f78;
}
#menu ul li a {
  float: left;
  display: block;
  height: 23px;
  font: normal .9em/23px Arial, sans-serif;
  padding: 0 12px;
  text-decoration: none;
  text-transform: uppercase;
}
#menu ul li a:active, #menu ul li a:hover, #menu ul li a.selectedPage {
  background: url(../images/bg_menu-over.gif) repeat-x 0 0;
  color: #66ffff;
}

/* sub nav */
ul.sub-nav {
  margin-bottom: 1.2em;
  width: 240px;
}
ul.sub-nav li a,
ul.sub-nav li a:link,
ul.sub-nav li a:visited {
  display: block;
  font: normal 1.1em/24px Arial, Helvetica, sans-serif;
  padding-left: 30px;
  text-decoration: none;
  height: 24px; width: 210px;
}
ul.sub-nav li a:hover, ul.sub-nav li a:active, ul.sub-nav li a.selectedPage {
  background: url(../images/sub-nav-hover.gif) no-repeat 0 center;
  color: #FFF;
}
/* @end */

/* @group Headings */
h1, h2, h3, h4 {
  margin-bottom: .6em;
}
h1 {
  font-size: 175%;
  font-weight: bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#31bedc;
  line-height:28px;
  margin-top:8px;
}
h2 {
  color: #FFF;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:150%;
  font-weight:bold;
  line-height:24px;
}
h3 {
  color: #FFF;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:125%;
  font-weight:normal;
  text-decoration:underline;
  line-height:20px;
}
h4 {
  color: #FFF;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:108%;
  font-weight:bold;  
  line-height:16px;
}
h5 {
  font-size: 100%;
  font-weight: bold;
}
h6 {
  font-size: 100%;
  font-weight: normal;
}
/* @end */

/* @group Text Styles */
p {line-height: 1.4em;}
/* @end */

/* @group Lists */
div#outer-wrapper ul {
  list-style: none;
}
div#outer-wrapper ol {
  list-style: none;
}
/* @end */

/* @group Forms */
  
/* @end */

/* @group Links - link visited hover active */
a:link, a:visited {
  color: #FFF;
  text-decoration: underline;
}
a:hover {
  color: #FFCC00;
  text-decoration: none;
}
a:active {
  color: #FFCC00;
  text-decoration: underline;
}

div.eventsCalendar a:link, div.eventsCalendar a:visited {
  color: #333;
}
div.eventsCalendar a:hover {
  color: #ffcc00;
}
/* @end */

/* @group Misc */
.clear {
  clear: both;
}
.float {
  float: left;
}
img.img {
  display: block;
}
.txt00 {color: #ccc;}
.txt01 {color: #ffcc00; font-size: 1.2em;}
.txt02 {color: #ff6600;}

/* @powered By */

#poweredBy {
  float: right;
}

#poweredBy img {
  border: none 0px;
}

/* @end */