/* Colors */
#page #main h2, #page #left ul li a:hover, #page #left ul li.active ul li.active a {color: #dc2232;}

/* Util Classes*/

.right          {text-align: right;}
.center,.centre {text-align: center;}
.left 					{text-align: left;}

.bold 					 {font-weight: bold;}
.italics,.italic {font-variant: italic;}
.normal					 {font-weight: normal; font-variant: none;}

.even {background-color: #fff;}
.odd  {background-color: #f0f0f0;}

.float_right {float: right;}
.float_left  {float: left;}
.clear       {clear: both;}

/*
#defaultCountdown { font-size: 1.2em; color: #efefef; width: 310px; height: 106px; background-image: url(../images/countdown_background.png); top: 0; right: -16px; position: absolute; }
#defaultCountdown .countdown_row {width: 75%; margin-left: 40px; padding-top: 30px;}
*/ 

/* Layout */
body {background: #1c1b1c url(../images/background.png) repeat-x top;}

#header {height: 106px;position: relative;}
#header .middle {padding-top: 30px;padding-left: 15px;}

#navigation {background: url(../images/nav_background.png) repeat-x; height: 40px; border: 1px solid #cccccc; margin-bottom: 10px;}
#navigation ul.menu {list-style-type: none; margin: 0px; padding: 0px;}
#navigation ul.menu li {display: inline;text-transform: uppercase; line-height: 40px;}
#navigation ul.menu li a { padding: 2px 16px; border-left: 2px groove #f4f4f4; color: #666; text-decoration: none;font-size: 1.2em;}
#navigation ul.menu li a:hover {color: #333; }
#navigation ul.menu li.active a {color: #333; font-weight: bold;}
#navigation ul.menu li:first-child a {border: none;}

#banner {height: 246px; background: url(../images/banner_background_red.png); border: 1px solid #999; margin-bottom: 10px;}
#banner h1 {font-variant: small-caps; margin-top: 30px;margin-bottom: 0px; font-weight: bold; color: #fff; font-size: 6.5em;} 
#banner h2 {text-transform: uppercase; margin-top: -10px; font-weight: bold; color: #c0c0c0; font-size: 3em; margin-bottom: 20px;}
#banner h3 {color: #999; text-transform: uppercase; font-size: 2em;}

/* Drop shadow */
#banner h1, #banner h2 {text-shadow: #333333 2px 2px 2px; filter: Shadow(Color=#333333,Direction=135, Strength=1);}

#page {position: relative; border: 1px solid #999;  background: #fff url(../images/page_background.png) left repeat-y; }

/* Ez wrap #page */
#page:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#page {display:inline-block;}  /* Hide from IE Mac \*/
#page {display:block;}  /* End hide from IE Mac */
* html #outerWrap {height:1px;}/*for IE6 and down*/

#page #left { }
#page #left ul.menu {list-style-type: none; margin: 20px;}
#page #left ul.menu li {border-bottom: 2px groove #f4f4f4; padding: 5px;}
#page #left ul.menu li a {text-decoration: none; color: #000; font-size: 1.3em;}
#page #left ul.menu li.active a {font-weight: bold;}
#page #left ul.menu li:first-child {border-top: 2px groove #f4f4f4;}
#page #left ul.menu li.active ul {margin: 0px; margin-left: 25px;}
#page #left ul.menu li.active ul li {border: none; padding: 0px;}
#page #left ul.menu li.active ul li a {font-size: 1.1em; font-weight: normal;}

#page #left #logos {text-align: center; margin-bottom: 25px;}
#page #left #logos img {margin: 15px 0px;}


#page #main { }
#page #main .content {padding: 20px; padding-left: 0px; margin-bottom: 100px;}
#page #main h2 {border-bottom: 2px solid #dcdcdc; text-transform: uppercase; font-weight: bold;}
#page #main .title {font-weight: bold; font-size: 1.1em; margin-bottom: 15px;}
#page #main ul {list-style-type: square;}

#page #main #games_logo {border-top: 2px solid #dcdcdc; text-align: center; position: absolute; bottom: 0px;width:680px;}
#page #main #games_logo img {margin: 10px 0px;}

#footer {position: relative; color: #999; text-align: center; margin: 10px 0px;}


#page #events #event_image {float: left; margin-right: 10px; margin-bottom: 5px;}

#page #events table {margin-top: 10px;}
#page #events th {color: #333; border-bottom: 1px solid #acacac; background: #d3d3d3;  font-size: 1.2em;}
#page #events td {vertical-align: top; font-size: .9em; border-bottom: 1px solid #cacaca; }
.highlight {background-color: #FFFFE6;}