/* Layout Stylesheet */ 

body {
 margin:20px;
 color: #333333;
 text-align:center;
 padding:0;
 background:#efefef;
 font-family:arial;
 }

#outer {
 text-align:left;
 width:720px;
 margin:auto;
 }

#hdr {
 height:99px;
 background:#ffffff;
 color: #333333;
 }
 
 #sitelogo span {background:transparent url(/dyndata/games/0headlogo.jpg) no-repeat; float:right; width:400px; height:99px; margin:0; padding:0; text-indent:-9999px;}

#bar {
 height:16px;
 background:#24547c;
 color: #ffffff;
 border:solid 2px #24547c;
 margin:4px 0px 4px 0px;
 }

#bodyblock {
 position:relative;
 background: #ffffff;
 color: #333333;
 width:720px;
 padding:0;
 }

#l-col {
 float:left;
 background:#ffffff;
 color: #333333;
 width:175px;
 border:solid 1px #000000;	
 border-width:0 0 0 0;
 }

#l-col-item {
 border:solid 2px #24547c;
 margin:8px;
}

#cont {
 width:535px;
 min-height:500px;
 background:#ffffff;
 color: #333333;
 border:solid 1px #000000;	
 border-width:0 0 0 0;
 text-align:left;
 padding:0px 4px 4px 4px;
 }

#ftr {
 height:25px;
 background:#ffffff;
 color: #333333;
 border:solid 1px #000000;
 border-width:1px 0 0 0;
 margin:0;
 }





/*  NAVIGATION   */ 


div.menuBar{
  font-family: Arial, sans-serif;
  font-size: 9pt;
  color: #FFFFFF;
  text-align:center;
  z-index: 1000;
}

div.menuBar {
  font-family: Arial, sans-serif;
  background-color: #24547c;
  padding: 0px;
  text-align: left;
  text-decoration: none;
  padding: 0px 20px 0px 20px;
  z-index: 1000;
}

div.menuBar a.menuButtonNoWhite {
  font-family: Arial, sans-serif;
  letter-spacing: 1px;
  font-size: 10pt;
  background-color: transparent;
  color: #FFFFFF;
  left: 0px;
  margin: 0px;
  padding: 0px 40px 0px 40px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 1000;
}
div.menuBar a.menuButtonNoWhite:hover {
  font-family: Arial, sans-serif;
  background-color: transparent;
  color:#FFFF00;
  z-index: 1000;
}

div.menuBar a.menuButton {
  font-family: Arial, sans-serif;
  letter-spacing: 1px;
  font-size: 10pt;
  border-left: 1px solid #ffffff;
  background-color: transparent;
  color: #FFFFFF;
  left: 0px;
  margin: 0px;
  padding: 0px 20px 0px 20px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 1000;
}
div.menuBar a.menuButton:hover {
  font-family: Arial, sans-serif;
  background-color: transparent;
  color:#FFFF00;
  z-index: 1000;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  font-family: Arial, sans-serif;
  background-color: #FFD128;
  color: #ffffff;
  left: 0px;
  top: 0px;
  z-index: 1000;
}

div.menu {
  font-family: Arial, sans-serif;
  background-color: #6b7180;
  left: 0px;
  padding: 1px 1px 1px 1px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
  font-size:9pt;
}

div.menu a.menuItem {
	font-family: Arial, sans-serif;
	color: #FFFFFF;
	display: block;
	padding: 3px 1em;
	text-decoration: none;
	white-space: nowrap;
	border: 1px solid #6b7180;

}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  font-family: Arial, sans-serif;
  background-color: #abb5cc;
  color: #ffffff;
  border: 1px solid #6b7180;
}

div.menu a.menuItem span.menuItemText {
  font-family: Arial, sans-serif;}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  border: 1px solid #ffffff;
  margin: 4px 2px;
}