body{
  background:			#ffffff;
  font-family: "Verdana","Lucida Sans Unicode",arial,sans-serif;
}
#content{
	text-align: left;
	line-height: 140%;	  
}
h1, #content h1
{
	font-size: 13pt;
	color: #330066;
  margin: 5px 0px 0px 0px;
}
h2, #content h2
{
	font-size: 12pt;
  display: block;
  border-left: 10px solid olive;
  border-bottom: 2px dotted olive;
  padding: 5px 0px 2px 2px;
  margin: 15px 0px 10px 0px;
	color: #003333;
  line-height: 120%;
}
h3, #content h3
{
	font-size: 11pt;
	color: #006633;
  display: block;
  border-left: 3px solid olive;
  border-bottom: 1px dotted olive;
  padding: 0px 0px 2px 2px;
}
#content a, #footer a
{
	text-decoration: none;
	color: #6633ff;
	border-bottom: 1px dotted gray;
}
#content a:hover, #footer a:hover
{
	color: blue;
	border-bottom: 1px solid blue;
}
#content .data
{
	font-size: 8pt;
	border: 1px dotted gray;
	padding: 1px;
	margin: 0px 2px 0px 2px;
}
#content input, #content .input{
	border: 1px dotted gray; 
}
#content input:hover, #content .input:hover{
	border: 1px solid black;
}
#content .error{
	font-size: 0.8em;
	color: red;
}
#header a{
	border: 0px;
}
#header a:hover{
	border: 0px;
}
#head{
  border: 0px solid red;  
	font-size: 16pt;
	color: #666;  
}
#menu{
	border: 4px groove gray;
	/*background:	url(../image/menu_back.jpg) top left no-repeat;*/
}
#menu ul{
  border: 0px solid blue;
}
#menu ul li{
	line-height: 120%;
	border: 0px dotted gray;
}
#menu ul li a{
	/*background:	url(../image/menu-point.gif) top left no-repeat;*/
	padding: 0px 0px 0px 20px;	
	color: #999;
	text-decoration: none;
}
#menu ul li a:hover{
  background:	url(../image/menu-point.gif) top left no-repeat;  
	background-position: 0% -24px;
	color: #666;
	letter-spacing: 1pt;
}
#menu ul li a:focus, #menu ul li a.current{
  background:	url(../image/menu-point.gif) top left no-repeat;
  background-position: 0% -24px;
	color: #666;
	text-decoration: underline;
	letter-spacing: 1pt;
}
#menu ul li span.comment {
	font-family: Verdana, Arial, sans-serif;	
	margin-left: 10pt;
	font-size: 9pt;
	letter-spacing: 0pt;
	border: 1px dotted gray;	
	background-color: #dcdcdc;
	color: gray;
	visibility: hidden;
}
#menu ul li:hover span.comment {
	visibility: visible;
}
#footer{
	background:	url(../image/new_footer.jpg) top center no-repeat;
 	border: 0px dotted red;
	font-size: 9pt;
}
.code
{
	font-family: "Courier New","Verdana", Arial, sans-serif;
	display: block;
	width: 90%;
	margin: 5px auto;
	padding: 2px;
	border: 2px groove gray;
	background-color: #e9e9e9;
}
.stat
{
	border: 1px dotted silver;	
	padding: 0px;
	width: 90%;
  font-size: 7pt;
}
.portfolio{
	display: block;
	border: 2px ridge olive;
	padding: 3px;
	margin: 5px;
	width: 640px;
  clear: both;
	color: rgb(50,100,100);
	font-size: 0.9em;
}
.portfolio a{
	text-decoration: none;
	border-bottom: 1px dotted gray;
}
.portfolio a:hover{
	border-bottom: 1px solid gray;
}
#content a img{
	float: right;
	border: 3px solid gray;
	margin: 3px 10px 3px 3px;
}
#content a:hover img{
  border: 3px solid blue;
}
#content p.info{
	font-weight: bold;
	margin-top: -12px;
	margin-left: 0px;
	font-size: 7pt;
	color: rgb(51,102,102);
}
#comment{
  width: 85%;
  border: 2px solid black;
  background-color: rgb(190, 220, 220 );
  margin: 0px auto;
  padding: 5px;
  font-size: 8pt;
}
#comment p{
  border-left: 3px solid gray;
  margin-left: 2px;
}
#comment a.add{
  display:block;
  border: 1px dotted blue;
  font-size: 9pt;
  text-align: center;
  width: 100%;
  height: 20px;
}
.thickbox{
}
#comment
{
    display: block;
    height: auto !important;
	height: 20px; /* IE */
	min-height: 20px;
}
#comm .button
{
    display: block;
  color: white;
  background-color: gray;
  font-size: 14pt;
  border: 1px solid black;
  width: 250px;
}
#comm .button:hover
{
  color: blue;
  background-color: white;
}
pre code{
  display: block;
  width: 90%;
  border: 2px dotted green;
  overflow: scroll;
  line-height: 110%;
  font-size:  8pt;
}