/* Default Stylesheet */

/* >>> ELEMENTS <<< */
* {
  margin: 0;
  padding: 0;
}
h1 span, a#gallery span 
{
position: absolute;
left: -9999px;
width: 0px;
overflow: hidden;
}

div#container:after, div#contentArea:after   {clear:both;content:".";display:block;height:0;visibility:hidden;}

.reset {
clear:both;display:block;
}

li a:link, p a:link, h3 a:link {text-decoration:underline;color:#fff;}
li a:visited, p a:visited, h3 a:visited {text-decoration:underline;color:#fff;}
li a:hover, p a:hover, h3 a:hover {text-decoration:none;background:#FEE801;color:#00529B;}
li a:active, p a:active, h3 a:active {text-decoration:none;background:#FEE801;color:#00529B;}

#footer p a:link {text-decoration:none;color:#fff;}
#footer p a:visited {text-decoration:none;color:#fff;}
#footer p a:hover {text-decoration:underline;color:#00529B;}
#footer p a:active {text-decoration:underline;color:#00529B;}

a img {border:none;}

body {
  color: #fff;  
  font: normal 62.5%/100% Verdana, Arial, Lucida, Helvetica, Sans-Serif;
  text-align: center;
  border-top:7px solid #FFE800;
  background:#00529B url("../Img/bg_body.jpg") repeat-x;
}

div#container {
  width: 74.4em;
  margin: 0 auto; 
  padding:0 0.8em;
  text-align: left;
  background: url("../Img/bg_container.jpg") repeat-y center top;
}

div#header {
  height:21em;
  background:url("../Img/bg_header.jpg") no-repeat top right;
}
#home div#header {
  height:12.6em;
  background:url("../Img/bg_home_header.jpg") no-repeat top left;
}

div#mainFlash {
  width:582px;
  height:38.1em;
}

div#contentArea {
  float: right;
  width:56em;
  padding:0 1em;
  background: url("../Img/bg_contentArea.jpg") no-repeat top right;
}
#home div#contentArea {
  width:580px;
  padding:0 0 0 0;
  background: url("../Img/bg_home_contentArea.jpg") no-repeat top right;}

#play div#contentArea {
  width:57em;
  padding:0;}

div#contentArea img {float:right;}
div#contentArea img#advert {margin-bottom:2em;}

div#nav {
  float:left;
  width: 16.4em;
}
#home div#nav {
  padding-top:8.6em;
  background:url("../Img/bg_home_sideBar.jpg") no-repeat top left;
}

div#sidebar {
  float:right;
  width: 26em;
}

div#footer {
  clear: both;
  height:1.6em;
  width: 74em;
  margin: 0 auto; 
  padding:2.6em 1em 0 1em;
  text-align: left;
  background: url("../Img/bg_footer.jpg") no-repeat top center;
}

div#contentArea .hint {
  padding:5px 10px;
  background:#FBF1BB;
  border:1px solid #E3AF43; border-width:1px 0;
}
div#contentArea .error {
  padding:5px 10px;
  background:#ffdfdf;
  border:1px solid #df7d7d; border-width:1px 0;
}

h1 a:link,h1 a:visited {
  float:left;
  width:274px;
  height:126px;
  background: url("../Img/logo.jpg") left center no-repeat;
}
h1 a:hover, h1 a:active {
  float:left;
  width:274px;
  height:126px;
  background: url("../Img/logo.jpg") left center no-repeat;
}

.panoWrap {width:300px;height:300px;}

/* >>> LISTS <<< */
/* Root = Vertical, Secondary = Vertical */
ul#navmenu,
ul#navmenu li,
ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 14.75em; /*For KHTML*/
  list-style: none;
}
ul#navmenu {
  padding:2em 0.5em 1em 0.1em;
  width:15.8em;
  height:22em;
  background:url("../Img/bg_nav.jpg") no-repeat;}

ul#navmenu:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}

/* Root Menu */
ul#navmenu a {
  border-bottom:1px solid #00346F;
  padding: 0 6px;
  display: block;
  background: #003C80;
  color: #fff;
  font: normal 1.2em/26px Geneva,Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: #004594;
  color:#FFE800;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 2nd Menu Hover Persistence */
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: #CCC;
  color: #FFF;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu ul,
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;
}



/* Root = Horizontal, Secondary = Vertical */
#footer ul {
  margin: 0;
  border: 0 none;
  padding: 0 0 0 75px;
  width: auto; /*For KHTML*/
  list-style: none;
  height: 24px;
  text-align:center;
}

#footer ul li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
}


/* Root Menu */
#footer ul a {
  border-right:1px solid #9CA5A2;
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #9CA5A2;
  font: bold 10px/12px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}
#footer ul li.last a {
  border:none;
} 

/* Root Menu Hover Persistence */
#footer ul a:hover,
#footer ul li:hover a,
#footer ul li.iehover a {
  background: #CCC;
  color: #FFF;
}





/* >>> TYPOGRAPHY <<< */
*.x {display: none;}

div#contentArea h2 {
  color: #FFE000;
  font: bold 1.8em/1.6em Verdana, Helvetica, sans-serif;
  margin:0.5em 0 0.5em 0;
}

div#contentArea h2 img {
  float:left;
  border:none;
}
div#contentArea h3 {
  color: #FFE000;
  font: bold 1.5em/1.6em Verdana, Helvetica, sans-serif;
  margin:0.5em 0 0.5em 0;
}
div#contentArea h4 {
  color: black;
  margin:0.5em 0 0 0;
  padding:0;
  line-height:1.3em;
  font-size:1.3em;
}

div#contentArea p, div#contentArea address, #header p  {
  margin:1em 0;
  font-size:1.1em;
  line-height:1.4em;
  font-style:normal;
}
div#contentArea ul {
  margin:0 30px;
  font-size:1.2em;
  line-height:1.3em;
}
div#contentArea address {
  font-size:1.0em;
}
div#footer p {
 font-size:1.1em;
 line-height:1.2em;
 color:#FFE800;
}
div#contentArea p.more {text-align:right;margin:0 10px 10px 0;padding-bottom:5px;font-size:1.2em;font-weight:bold;border-bottom:1px solid #FFE800;}

#contentArea p.file, #contentArea p.download {
  padding:0.6em 0 0.6em 3.5em;
  font-size:1.2em;
  border-bottom:1px solid #52638B;
  border-top:1px solid #52638B;
  background: url("../Img/icon_downloand.gif") 1.4em 6px no-repeat;
}

table {
  padding:4px;
  margin-bottom:10px;
  border: 1px solid #BED3DD;
  cursor: default;
  font-size: 1.2em;
  width: 550px;
  background:#fff;	
}
td, th {
  font-size: .9em;
  padding: 0.4em;
}
th,
td {
  color: #333;
}
th {
  background: #FCFCB2;
  color: #333;
  font-weight: normal;
}
.alt th {background: #4E89B7;color:#fff;}
.alt td {background: #eee;}
thead th {
  background: #0963A7;
  color: #fff;
  padding: 0.4em;
}
thead:hover {
  background: #0963A7;
  color: #fff;
}
tr:hover td {
  background: #F6F61C;
}
tr:hover th,
tr:hover td:hover {
  background: #E70613;
  color: #fff;
}
col {width:50px;}
col.first {width:100px;}

/**********************************
form
***********************************/
#contentArea form {padding:15px 5px;}
#contentArea fieldset {border: 0;}
#contentArea legend {display: none;}
#contentArea label {display: block;font-size:12px;margin-bottom: 0.5em;}
#contentArea input, #contentArea textarea {border: 2px solid #FEE801;margin-bottom: 1em;padding: 3px;width: 260px;
font-size:12px;background:#eee;}
#contentArea input.checkbox {width:15px;height:15px;}
#contentArea textarea {width:400px;height:125px;}
#contentArea textarea#address {width:320px;height:80px;}
#contentArea select {margin-bottom:1em;}
#contentArea select#day {width:3em;}
#contentArea select#month {width:8em;}
#contentArea select#year {width:8em;}
#contentArea input:focus, #contentArea textarea:focus {background:#fff;}
div#contentArea  form button, 
div#contentArea form button img,
div#contentArea  form input.button {padding:0;margin:0;color:#fff;border:none;background:none;width:auto;} 

/**********************************
messages
***********************************/

#contentArea .hint, #contentArea .success  {padding:8px 0;margin:0 0 10px 0;font-weight:bold;color:#000;}
#contentArea .success {}
#contentArea .errMsg {width:280px;padding:0 10px;color:#c00;background:#fff;
  border:1px solid #FEE801; border-width:1px 0;
}
#contentArea .errMsg p {color: #c00;font-weight:bold;font-style:normal;}
#contentArea .errMsg ul {color:#000; margin:0 20px 10px 20px;}
#contentArea .errMsg ul li, #contentArea .errMsg ul li a {color:#000; list-style-type:disc;}