* {margin:0px;padding:0px;}
body
{
	background: #ddf url(/images/body_background.bmp) ;
	text-align: center;
}
table.list
{
	margin:0px auto;
	border: 1px solid #000;
	border-collapse:collapse;
}


/* structure */
p{padding: 2px 0 10px;}
p:first-letter{font-size:1.5em;}
h1,h2,h3 {color: #000; padding: 8px 0 2px;}
h1 {font: normal 2.4em serif,sans-serif;}
h2 {font: normal 1.6em serif,sans-serif;}
h3 {font: bold 1.2em serif,sans-serif;}
a:hover {color: #f00;}
ul {margin-left: 25px;}
#container
{
  background: #66f;
  padding:0px 25px 0px 25px;
  border: 1px solid #000;
  border-top: 0;
  text-align: left;
  width: 749px;
	margin: 0 auto;
}

.news
{
  background: #fff;
  border: 1px solid #000;
  padding: 5px;
  margin: 10px auto;
}


.gap
{
  color: #fff;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.gap table
{
  color: #fff;
}
.gap a
{
  color: #fff;
}
.footer
{
  clear: both;
  background: #000;
	color: #fff;
	padding: 10px;
	text-align: right;
}
.footer a
{
  color: #fff;
  text-decoration: none;
}
.footer a:hover
{
  text-decoration: underline;
}
.bottom
{
  padding: 10px;
 	background: #aaf;
  border: 2px solid #000;
  clear: both;
  
}

.imgholder
{
  margin: -10px -10px 10px 10px;
  padding: 5px;
  float: right;
  background: #fff;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
}

.imgholder img
{
  margin: 20px;
}

#header
{
  padding: 5px;
  background: #ddf;
  border-left: 2px solid #000;
  border-right: 2px solid #000;
}
.content
{
	background: #ddf;
  border-left: 2px solid #000;
  border-right: 2px solid #000;
  padding: 10px;
  padding-bottom: 50px;
  clear: both;
}

.nonavbottom
{
  border-top: 2px solid #000;
}

.navtop
{
  height: 47px;
  background: #ddf url(/images/nav00.bmp) repeat-x bottom;
}

.navtop .menu
{
  margin: 0;
  float: left;
	height: 47px;
	list-style: none;
	background: url(/images/nav02.bmp) repeat-x;
}

.navtop .menu li
{
  display: inline;
}

.navtop .menu a
{
  float: left;
	height: 27px;
	padding: 10px 10px 0 10px;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
}

.navtop .menu a.loc
{
  color: #d00;
}

.navtop .menu a:hover
{
  color: #f00;
  background: #bbf url(/images/nav00.bmp) repeat-x top;
}



.navtop .cap1
{
  float: left;
  height: 47px;
  width: 20px;
  background: url(/images/nav01.bmp) no-repeat;

}

.navtop .cap2
{
  float: left;
  height: 47px;
  width: 10px;
  background: url(/images/nav03.bmp) no-repeat;
}

.navtop .cap3
{
  float: right;
  height: 47px;
  width: 11px;
  background: url(/images/nav04.bmp) no-repeat;
}


.navbottom
{
  height: 47px;
  background: #ddf url(/images/nav00.bmp) repeat-x top;
}

.navbottom .menu
{
  margin: 0;
  float: right;
	height: 47px;
	list-style: none;
	background: url(/images/nav12.bmp) repeat-x bottom;
}

.navbottom .menu li
{
  display: inline;
}

.navbottom .menu a
{
  margin-top: 10px;
  float: left;
	height: 27px;
	padding: 10px 10px 0 10px;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
}

.navbottom .menu a.loc
{
  color: #d00;
}

.navbottom .menu a:hover
{
  color: #f00;
  background: #bbf url(/images/nav00.bmp) repeat-x bottom;
}

.navbottom .cap1
{
  float: right;
  height: 47px;
  width: 20px;
  background: url(/images/nav11.bmp) no-repeat;

}

.navbottom .cap2
{
  float: right;
  height: 47px;
  width: 10px;
  background: url(/images/nav13.bmp) no-repeat;
}

.navbottom .cap3
{
  float: left;
  height: 47px;
  width: 11px;
  background: url(/images/nav14.bmp) no-repeat;
}


ul.tree, ul.tree ul
{
  list-style-type: none;
  background: url(/images/vline.png) repeat-y;
  margin: 0;
  padding: 0;
}

ul.tree ul
{
  margin-left: 10px;
}

ul.tree li
{
  margin: 0;
  padding: 0 12px;
  line-height: 20px;
  background: url(/images/node.png) no-repeat;
  color: #000;
  font-weight: bold;
}

ul.tree li.last
{
  background: #ddf url(/images/lastnode.png) no-repeat;
}

ul.tree li.lastdir
{
  padding: 0 27px;
  background: #ddf url(/images/lastnodedir.png) no-repeat;
}

ul.tree a
{
  text-decoration: none;
  color: #369;
}

ul.tree a:hover
{
  text-decoration: underline;
}

ul.tree li.dir
{
  padding: 0 27px;
  background: url(/images/nodedir.png) no-repeat;
}

ul.tree a
{
  display:inline-block;
  padding-left:20px;
  line-height:18px;
}

ul.tree a.pdf
{
  background:transparent url(/images/icons/pdf.png) center left no-repeat;
}

ul.tree a.php,ul.tree a.js
{
  background:transparent url(/images/icons/php.png) center left no-repeat;
}

ul.tree a.jpg,ul.tree a.png,ul.tree a.gif,ul.tree a.bmp
{
  background:transparent url(/images/icons/jpg.png) center left no-repeat;
}

ul.tree a.zip
{
  background:transparent url(/images/icons/archive.png) center left no-repeat;
}

.book
{
  border: 2px solid #000;
  border-top: none;
  background: #aad;
  padding: 5px;
}

.bookmenu
{
  height: 25px;
  background: url(/images/nav00.bmp) repeat-x bottom;
}
.bookmenu .cap1
{
  float: left;
  height: 25px;
  width: 10px;
  background: url(/images/book01.bmp) no-repeat;

}
.bookmenu .booknav
{
  float: left;
  height: 25px;
  background: #aad;
  border-top: 2px solid #000;
}
.bookmenu .cap2
{
  float: left;
  height: 25px;
  width: 10px;
  background: url(/images/book03.bmp) no-repeat;

}
.book .page
{
  display: none;
}
.book .curpage
{
  background: #fff;
  border: 1px solid #000;
}

#dialog {position:absolute; width:425px;  z-index:200; background:#fff}
#dialog-header {display:block; position:relative; width:411px; padding:3px 6px 7px; height:14px; font-size:14px; font-weight:bold}
#dialog-title {float:left}
#dialog-close {float:right; cursor:pointer; margin:3px 3px 0 0; height:11px; width:11px; background:url(/images/dialog_close.gif) no-repeat}
#dialog-content {display:block; height:160px; padding:6px; color:#666666; font-size:13px}
#dialog-mask {position:absolute; top:0; left:0; min-height:100%; width:100%; background:#FFF; opacity:.75; filter:alpha(opacity=75); z-index:100}
.error {background:#fff url(/images/error_bg.jpg) bottom right no-repeat; border:1px solid #924949; border-top:none}
.errorheader {background:url(/images/error_header.gif) repeat-x; color:#6f2c2c; border:1px solid #924949; border-bottom:none}
.warning {background:#fff url(/images/warning_bg.jpg) bottom right no-repeat; border:1px solid #c5a524; border-top:none}
.warningheader {background:url(/images/warning_header.gif) repeat-x; color:#957c17; border:1px solid #c5a524; border-bottom:none}
.success {background:#fff url(/images/success_bg.jpg) bottom right no-repeat; border:1px solid #60a174; border-top:none}
.successheader {background:url(/images/success_header.gif) repeat-x; color:#3c7f51; border:1px solid #60a174; border-bottom:none}
.prompt {background:#fff url(/images/prompt_bg.jpg) bottom right no-repeat; border:1px solid #4f6d81; border-top:none}
.promptheader {background:url(/images/prompt_header.gif) repeat-x; color:#355468; border:1px solid #4f6d81; border-bottom:none}
.dialogInput{text-align:center;margin-top:-30px}
.odd
{
  background-color: #ccccff;
}
.even
{
  background-color: #ddddff;
}