
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;
}

#main 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;
 }

#menu2 ul {
 	padding:2px;
 	margin:0px;
 }
 
#menu2 li {
	display:inline; 	
 	padding:2px;
 	margin:2px;
 }
 
#menu2 li a {
 	background:#54A4DE;
 	text-decoration:none;
 	color:#fff; 
 	padding:2px;
 	font-weight:bold;
 }
 
#menu2 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;
 }

html,body {height:100%}
html>body #main {height:auto}/*for mozilla */ 
 
#sidenav {
	width: 30%;
	float:left;	
	min-height:100%;
}

#sidenav h2 {
	margin:0px;
	padding:2px 15px;	
	background:#119AF8;
	color:#fff;
	font-size:10pt;
}

#main {
 	width:70%;
 	float:right;
	height: 100%;
	background:#fff;
	min-height:100%;
}

.sideNavCore {
 	background:#BDCDF9;
 	border:1px #119AF8 solid;
 	padding:5px;
	height:100%;
	
 }

