@charset "utf-8";
/* CSS Document */

/* ===============
  GLOBAL STYLING
================*/

img.png, div.png, li.png, td.png, img#closeButton { /* PNG Transparency fix */
	behavior: url("css/iepngfix.htc")
}

body { /* body text & colour formatting */
	margin:20px 0px;
	padding:0px;
	text-align:center;
	background:#151a1e url(../images/background.gif) repeat-x top;
	color:#FFCC00;
	font-size:11px;
	line-height:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div { /* all div element formatting */
	overflow:hidden;
	/*padding-bottom:0px;
	padding-top:0px;*/
}

#content p, dl { /* paragraph text formatting */
	margin-top:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffff94;
}

a , a:visited{ /* link text formatting */
	color:#FF9900;
	cursor:pointer;
}

img { /* image formatting */
	border:none;
}

/* ===============
   DIV STYLING
================*/

#container { /* container element formatting */
	border-left:1px white solid;
	border-right:1px white solid;
	text-align:left;
	margin:0px auto;
	width:766px;
	overflow:hidden;
}

#navbar { /* navigation area formatting */
	border-bottom:1px white solid;
	background:url(../images/nav.gif) repeat-x top;
	height:64px;
}

#content {
	padding-left:250px;
	padding-right:5px;
	background:#514a37 url(../images/background2.gif) repeat-x top;
	width:511px;
	text-align:left;
	position:relative;
}

#footer {
	height:27px;
	background:#151a1e url(../images/footer.png) repeat-x bottom;
}

/* ===============
  NAVBAR STYLING
================*/

#navbar ul {
	margin:20px 5px 20px 50px;
	padding:0;
	list-style-type:none;
	white-space:nowrap;
}

#navbar li {
	cursor:pointer;
	background:url(../images/button.png) no-repeat center left;
	display:inline;
	padding:0px 10px 3px 30px;
	border-left:1px #FFCC00 dashed;
	font-family:'Courier New',Courier;
	color:#000000;
	font-weight:bold;
	font-size:18px;
}

#navbar #active {
	cursor:default;
	background:url(../images/button2.png) no-repeat center left;
}

#navbar a, #navbar a:visited {
	text-decoration:none;
	color:#333;
}

/* ===============
  HISTORY STYLING
================*/

img.h-img { margin:5px; }

/* ===============
  ROSTER STYLING
================*/

#r-active {
	padding-top: 15px;
	width:300px;
}

#r-reserve {
	padding-top: 15px;
	width:300px;
}

table #rank, table #title, table #info {
	width:25px;
	text-align:center;
}

table #text {
	width: 225px;
}

#r-reserve tr #text {
	color: #BBBBAA;
}