body {
 	background:#fff;
 	font-family:Verdana, Arial;
 	font-size:9pt;
 }

.details { 
 	font-family: verdana, arial; 
	font-size:12px; 
	line-height:150%;
	padding:8px;
}

.info_details {
 	padding:5px;
 }
		
a:link, a:visited, a:active  { color:#000055 }
a:hover                      { color:#333377;text-decoration:underline }


h1 { 
	border-bottom:1px dashed #999999; 
	font-family:Verdana, Arial; 
	font-weight:bold; 
	color:#4C77B6; 
	font-size:20px; 
	background-color:#FEFEFE; 
	letter-spacing:-1px;
	padding:6px;
}

h2 {
	border-bottom:1px #ccc dashed;
	padding:2px;
	font-size:11pt;
	font-weight:bold;
	margin:1px;
	color:#195B85;
	letter-spacing:1px;
 }

h3 {
 	letter-spacing:1px;
	font-size:10pt;
	font-weight:bold;
	margin:1px;
	color:#54A4DE; 
	background:#f1f1f1;
	padding:4px;
	border:1px #ccc dashed;
 }

#logo {
 	padding:2px;
 	border-top:4px #195B85 solid;
 }

#outer_menu {
 	background:#54A4DE;
 	padding:2px;
 	border-bottom:4px #195B85 solid;
 }

#menu ul {
 	padding:2px;
 	margin:0px;
 }
 
#menu li {
	display:inline; 	
 	padding:2px;
 	margin:2px;
 }
 
#menu li a {
 	background:#54A4DE;
 	text-decoration:none;
 	color:#fff; 
 	padding:2px;
 	font-weight:bold;
 }
 
#menu li a:hover {
 	background:#3E99DA;
 }
 
#copyright {
 	padding:8px;
 	text-align:center;
 	font-size:10pt;
 	border-top:1px #ccc dashed;
 	margin-top:10px;
 }

.s_guide {
 	padding:5px;
 	margin:5px; 	
 }
 
.s_guide_folder {
 	color:#54A4DE;
 	font-weight:bold;
 	border-bottom:1px #ccc dashed;
 	padding:5px;
 }
 
.s_guide_file {
 	color:#195B85;
 	font-weight:bold;
 	border-bottom:1px #ccc dashed;
 	padding:5px;
 }
 
.red {
 	color:#b70000;
 	font-weight:normal;
 }
 
.coding {
	margin:0px; 
	padding:6px; 
	width:auto; 
	background:#F5F5FF;
	overflow:auto;
	border-bottom:1px #ccc solid;
	border-right:1px #ccc solid;
	border-left:1px #000 solid;
	border-top:1px #000 solid;
 }

.code_info {
	padding-left:15px;
	margin-top:4px;
 }