body{
  font-size: 0.75em;
  font-family: "Arial", "Verdana", "Tahoma", sans-serif;
  color: black;
  background-color: white;
  text-align: center;
  padding: 2px;
  margin: 0px;
}
#page{
  border: 1px groove black;
  width: 970px;
  margin: 0px auto;
  min-height: 550px !important;
  text-align: left;
  
}
#head{
  border: 0px dotted blue;
  width: 100%;
  height: 200px;
  text-align: center;
  /*background-image: url('image/head5.jpg');
  background-repeat: no-repeat;
  background-position: left;*/
}
#head a{
  border: none;
}
#head h1{
  margin: 0px 0px 0px 0px;
  text-align: center;
}
#head h1 a{
  margin: 25px 0px 0px 5px;
  color:rgb(200,220,255);
  text-decoration: none;
  font-size: 1.3em;
  padding:50px 2px 1px 2px;
}
#head h1 a:hover {
  color: blue;
  background-color: white;
  border: 2px solid blue;
}
#leftpanel{
  display: block;
  padding: 0px;
  margin: 2px 0px 0px 0px;
  border: 1px solid gray;
  width: 200px;
  float: left;
  /*background-color: rgb(242,245,255);*/
}
#rightpanel{
  margin: 2px 0px 0px 0px;
  padding: 0px;
  border: 1px solid gray;
  width: 200px;
  float: right;
  /*background-color: rgb(242,245,255);*/
}
#rightpanel .rightinfo{
  clear: both;
  margin: 2px 0px 0px 0px;
  border: 1px solid gray;
  /*background: url('image/gb_rightinfo.jpg') no-repeat top right;*/
  padding: 2px 0px 5px 0px;
  line-height: 140%;
  overflow: hidden;
}
.rightinfo h4{
  margin: 5px;
}
.rightinfo ul{
  margin: 0px;
  padding: 0px;
  list-style-type: circle;
}
ul.menu{
   list-style-type: none; 
   margin: 0px 0px 0px 0px;
   padding: 0px;
}
ul.menu li{
  display: block;
  border: none;
}
ul.menu li a{
  display: block;
  color: rgb(67,114,222);
  text-decoration: none;
  font-size: 125%;
  font-weight: bold;
  line-height: 140%;
  border-bottom: 1px dashed gray;
  padding: 2px 0px 0px 2px;
}
ul.menu li a:hover, ul.menu li a.current{
  border-bottom: 1px solid blue;
  border-left: 3px solid blue;
  color: rgb(242,247,255);
  background-color: rgb(67,114,222);
}
ul.menu li ul{
  list-style-type: none;
  margin:  0px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
  border-left: 10px solid rgb(67,114,222);
}
ul.menu li ul li{
  margin: 0px 0px 0px 0px;
}
ul.menu li ul li a{
  font-size: 1em;
}
#main{
  display: block;
  clear: both;
  float: left;
  border: none;
  width: 100%;
  background: url('image/main_bg.gif') repeat-y;
  background-position: 0px 5px;
}
div.article a{
  text-decoration: none;
  border-bottom: 1px dotted gray;
  color: rgb(67,114,222);
}
div.article a:hover{
  border-bottom: 1px solid blue;
  color: #3300ff;
}
#content{
  border: 0px dotted yellow;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 566px;
  text-align: left;
  float: left;
}
#content .article{
  border: 1px solid gray;
  display: block;
  background: url('image/bg_article.jpg') repeat-x left top;
  min-height: 100px !important;
  line-height: 140%;
  padding: 5px 5px 0px 5px;
  margin: 2px 2px 5px 2px;
  text-align: justify;
  font-size: 1.15em;
}
#content #comment{
  border: 1px solid gray;
  padding: 3px;
  margin: 2px 2px 0px 2px;
  display: block;
  min-height: 40px !important;
  background-color: rgb(242,245,255);
  font-size: 10pt;
}
#content #comment p{
  border-left: 3px solid gray;
  margin-left: 2px;
  padding: 3px;
}
#content div.article  #comment a{
  margin: 0px 2px 0px 2px;
  border: 1px solid gray;
  padding: 0px 2px 0px 2px;
}
#content div.article #comment a.comments{
  display: block;
  border: 1px dotted gray;
  font-size:  110%;
  font-weight: bold;
  text-align: center;
  width: 98%;
  height: 18px;
  padding: 3px;
  margin: 3px auto;
  background-color: rgb(242,245,255);
}
#content div.article #comment a:hover{
  background-color: white;
  border: 1px solid black;
}
#content #comment input, #content #comment textarea, .article input, .article textarea{
  border: 1px solid black;
  /*background-color: rgb(175,210,255);*/
}
#content p.option{
  border: 1px solid gray;
  text-align: right;
  font-size: 0.9em;
  padding: 2px 5px 2px 0px;
  margin: 0px 2px 0px 2px;
  background-color: rgb(242,245,255);
}
#content .article p.option{
  margin: 5px -5px 0px -5px;
}
#content p.option a{
  border: 1px solid gray;
  padding: 2px 5px 2px 5px;
  color: rgb(67,114,222);
  background-color: rgb(242,245,255);
}
#content p.option a:hover{
  border: 1px solid gray;
  padding: 2px 5px 2px 5px;
  color: rgb(242,247,255);
  background-color: rgb(67,114,222);
}
.article h2{
  font-size: 1.4em;
  line-height: 130%;
  margin: 0px 2px 2px 2px;
  padding: 0px 0px 2px 10px;
  border-bottom: 0px dotted #006699;
  border-left: 5px solid #006699;
}
.article p.author{
  font-size: 0.9em;
  font-style: italic;
  margin: 0px;
}
#foot{
  border: 1px solid gray;
  /*background: url('image/foot_bg.jpg') repeat-y center;*/
  background-color: rgb(242,245,255);
  display: block;
  font-size: 1em;
  clear: both;
  height: 20px;
  text-align: center;
  padding: 5px 0px 5px 0px;
  margin: 1px 2px 0px 2px;;
}
#foot a{
  text-decoration: none;
}
#content div.article table {	
	border: 1px dotted Silver;	
	padding: 0px;
  margin: 3px;
	border-spacing: 0px;
	border-collapse:collapse;
	width: 99%;
	font-size:0.9em;
}
#content div.article table th{
  color: black;
	background-color: rgb(142,145,255);
	border: 1px solid black;
	text-align: center;
}
#content div.article table td{
	border: 1px solid gray;
}
#content div.article table tr:hover{
  background-color: rgb(67,114,222);
  color: white;
}
#gallery{
  display: block;
  border: 1px solid gray;
  margin: 2px 2px 2px 2px;
  padding: 2px 8px 2px 8px;
  text-align: center;
  clear: both;
  float: left;
  width: 544px;
}
#gallery a.galleryicon, #editor a.galleryicon{
  display: block;
  float: left;
  margin: 2px 1px 2px 1px;
  padding: 4px 1px 1px 1px;
  border: 0px solid gray;
  width: 130px;
  height: 125px;
  line-height: 100%;
  text-align: center;
  background: url('image/gallery_bgd.jpg') no-repeat top;
}
#gallery a.galleryicon:hover, #editor a.galleryicon:hover{
  background: url('image/gallery_bgu.jpg') no-repeat top;
  color: white;
}
.error{
  display:none;
  font-size: 1.2em;
  font-weight: bold;
  font-style: italic;
  color:red;
}
img{
  border: none;
}
.button{
  border: 1px solid black;
  background-color: rgb(240,250,240);
  padding: 2px;
}

/*  #### poller ###*/
.poller{	
  width:100%;
  height: auto !important;
  border: 0px solid gray;
  padding:0px 0px 15px 3px;	
  margin:5px 0px 0px 0px;
  font-size: 110%;
}
.poller img.vote{
  text-align: center;
  margin: 0px 5px 0px 5px;
  border-bottom: 0px;
}
.poller a{
  border: none;
}
.pollerTitle{
  margin-bottom:2px;
  font-weight:bold;
  text-align: center;
}
.pollerOption{
  margin:0px;
}
.result_pollerOption{
  margin:0px;
  font-size:10pt;
}
.result_pollerTitle{
  margin-bottom:3px;
  font-weight:bold;
  font-size:10pt;
  text-align: left;
}
.result_pollGraph img{
  float:left;
  margin: 0px;
  padding: 0px;
}
.result_pollGraph div{
  float:left;
  height:16px;
  background-repeat:repeat-x;
  color:#FFF;
  font-size:8pt;
  line-height:16px;
  margin: 0px;
  padding: 0px;
}
.result_pollGraph{	
  height:16px;
}
.poller_waitMessage{
  display:none;	
}
.result_totalVotes{
  clear:both;
  font-size:0.8em;
  margin-top:10px;
  font-style:italic;
}
.clear{
clear: both;
}