/*body { background: #fff; width: 800px; position: relative; }*/
body { position:relative; width:800px; min-height:600px; margin:auto; font-family:Verdana, Arial, sans-serif; background: #222; }

table	{ font-family:Verdana, Arial, sans-serif; font-size:80%; color:#444444; }

div	{ font-family:Verdana, Arial, sans-serif; color:#444444; margin: 0px; padding: 0px; }

a		{ text-decoration: none; cursor: pointer; }
a img	{ border:0px;}

.box { border:2px solid #868686; }
.clear-all{clear:both; line-height:0; height:0;}

a#navigator{
	color: #ffcd0b;
	font-size: 10px; 
	font-weight: bolder;
	font-family:Helvetica,Arial,Verdana,sans-serif; 
}
a:hover#navigator{
	color: #fff;
}
.navigator{
	color: #ffcd0b;
	font-size: 10px; 
	font-weight: bolder;
	font-family:Helvetica,Arial,Verdana,sans-serif; 
}

ul#menu{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:19px;
	text-transform:uppercase;
	font-size: 10px;
	font-weight: bolder;
	background: #000;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	text-align: center;
}
ul#menu li{
	display:block;
	float:left;
	margin:0;
	pading:0;
}
ul#menu li a{
	display:block;
	float:left;
	color: #fff;
	text-decoration:none;
	font-weight: bolder;
	width: 124px;
	height:19px;
	padding: 5px 0px 0px 0px;
	border-left: 1px;
	border-color:#fff;
	background:transparent url("../images/icons/button_bg.gif") repeat-x top left;
}
ul#menu li a:hover{
	display:block;
	float:left;
	color: #000;
	text-decoration:none;
	font-weight:bolder;
	padding: 5px 0px 0px 0px;
	background:transparent url("../images/icons/button_bg_hover.gif") repeat-x top left;	
}

/* use these to wrap pager at before and after list, don't forgot to clear float */
.before-list { clear: both; float: left; width: 100%; }
.after-list  { clear: both; float: left; width: 100%; }

/* pager, container element must handle float left */
.page-info                  { float: left; display: inline-block; padding: 3px 0; color: #fff; }
.pager                      { float: right; }
.pager ul                   { float: left; margin: 0; padding: 0; list-style: none; }
.pager ul li                { float: left; margin: 0 0 0 1px; padding: 0; font-weight: bold; }
.pager ul li span           { display: inline-block; padding: 5px 7px; color: #555; }
.pager ul li .disabled      { border: 1px solid #ccc; padding: 3px 5px; color: #999; }
.pager ul li a              { display: inline-block; padding: 3px 5px; border: 1px solid #48c; color: #00f; text-decoration: none; }
.pager ul li a:hover        { background: #48c; color: #fff; }
.pager ul li a.active       { border: 1px solid #c33; color: #900; }
.pager ul li a.active:hover { background: #900; color: #fff; }