/* max-width - for firefox: set to max-width = width - padding - border! */

/* page background color */
 //{background:#B5EAAA;}

/* content background color */
body, div#menu, div#content{background: #CBECAC;}

/* frames background color */
#event, #left {background:#A4DD6E;}
#right, #detail {background:#436424;}
#right .box {background:#325313;}

/* text color */
#event, #left {color:#325313}
#right, #right .box, #detail {color:#A4DD6E;}

/* link color */
a img {border:0;}

#right a {color:#A79C40;} /* 827839 */

#left a, #event a {color:#765111;} /* 827839 866122 */

/* right link hover color */
#right a:hover {color:#C9BE62} /* C9BE62 */

#left a:hover, #event a:hover {color:#977233} /* C9BE62 B68B30 */

/* frames border */
#event, #left, #detail {}
/*#right {border:1px solid; border-color:#009966 #004411 #005522  #00CC99;}
#right .box {border:1px solid; border-color:#007744 #004411 #005522  #009966;}*/

img {
  border: 0;
}

/* menu hover background and text color */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a,
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #325313;
  color: #A4DD6E;
}

/* menu background and text color */

ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  background: #BAF6A3;
  color: #325313;
}

ul#navmenu a {
    background:#A4DD6E;
    color: #325313; 
}

/* menu border colors */
ul#navmenu a {
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
}

.bl {background: url('bl.gif') 0 100% no-repeat; /*margin:0 0 10px 0;*/}
.br {background: url('br.gif') 100% 100% no-repeat}
.tl {background: url('tl.gif') 0 0 no-repeat;}
.tr {background: url('tr.gif') 100% 0 no-repeat;}
.topborder {background: url('top.gif') 0 0 repeat-x;}
.leftborder {background: url('left.gif') 0 0 repeat-y;}
.bottomborder {background: url('bottom.gif') 0 100% repeat-x;}
.rightborder {background: url('right.gif') 100% 0 repeat-y;}
.blright {background: url('blright.gif') 0 100% no-repeat; /*margin:0 0 10px 0;*/}
.brright {background: url('brright.gif') 100% 100% no-repeat}
.tlright {background: url('tlright.gif') 0 0 no-repeat;}
.trright {background: url('trright.gif') 100% 0 no-repeat;}
.blbox {background: url('blbox.gif') 0 100% no-repeat; /*margin:0 0 10px 0;*/}
.brbox {background: url('brbox.gif') 100% 100% no-repeat}
.tlbox {background: url('tlbox.gif') 0 0 no-repeat;}
.trbox {background: url('trbox.gif') 100% 0 no-repeat;}
.clear {font-size: 1px; height: 1px;}


html, body {margin:0; padding:0}
body {font:85%/1.3 TrebuchetMS,Arial,sans-serif; text-align:center;}
a {background:inherit; text-decoration:none; font-style:italic;}
a:hover {background:inherit;}
h1 {font:bold 1.6em Arial, Arial, Sans-Serif; margin-bottom:0.8em;text-align:left;}
h2 {font:bold 1.3em Arial, Arial, Sans-Serif; padding:0; margin-bottom:0.5em;text-align:left;}
h3 {font:bold 1em Arial, Arial, Sans-Serif; padding:0; margin:0;text-align:left;}
p {margin:0 0 10px 0;}
.introduction {font-size:14pt; text-align:justify;}
.subsection {margin-left:20px; margin-right:20px;}

div#content {text-align: left; width:950px; max-width:930px; padding:0 10px 5px 10px; margin:0 auto; overflow:hidden;}

div#menu {text-align:left; width:1024px; margin:10px 0 0 0; display: inline;}

#event, #left {float:left; clear:left; width:610px; max-width:612px; margin:10px 0 0 0; text-align:justify; display: inline;}
*>#left {width:612px;}
  #event img, #left img {float:left; clear:left; margin:0 10px 0 0; border-right: 1px solid #AAA; border-left: 1px solid #666; border-top: 1px solid #444; border-bottom: 1px solid #888;}

/*#detail {float:left; clear:left; width:930px; max-width:906px; padding:10px; margin:10px 10px 0 0; text-align:justify; display: inline;}*/

#right {float:right; width:308px; /*padding:10px;*/ margin: 10px 0 0 10px;}
  #right .box {/*padding:10px;*/ margin: 10px 0 0 0; text-align:justify;}
  #right .box img {float:left; clear:left; margin:0 10px 0 0; border-right: 1px solid #AAA; border-left: 1px solid #666; border-top: 1px solid #444; 
  border-bottom: 1px solid #888;}
  
#credits {float:none; clear:both; text-align:center; font-size:9px; color: #999; padding-top: 10px;}


.boxinner {padding:10px; height:1px;}
*>.boxinner {height: auto;}
.leftinner {padding:10px; height:1px;}
*>.leftinner {height: auto;}
#rightinner {padding:10px;}

/* class for thickbox thumbnail images */
.thickboxthumb {float:left;}

ul {padding:0; margin:0;}
li {list-style-type: none;}



ul#navmenu {
  margin: 0;
  padding: 0;
  width: 300px; /*For KHTML*/
  list-style: none;
}

ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 22px;
  z-index: 50;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
  z-index: 50;
}



ul#navmenu ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
}

ul#navmenu li .norm {
  width: 160px;
}

ul#navmenu li .wide {
  width: 400px;
}

ul#navmenu li .events {
  width: 200px;
}

/* Root Menu */
ul#navmenu a {
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: 100%; /*For IE*/
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}

ul#navmenu li ul li a img {float:left; margin-top:4px; margin-right:4px; margin-left:-1px;}
