body {
	background:black;
	color:#a5f1fd;
	font-family:"DejaVuSansCondensed", "Tahoma", "Arial", "Helvetica", "Garuda", sans-serif;
	font-size:100%;
	line-height:1.4em;
	margin:0;}
 
h1, h2, h3, h4, h5 {
	color:#02AFAF;
	font-size:160%;
	line-height:1.4em;
	margin:0 8px;}

h1 {background: url(image/title.png) repeat-x;
	color:aqua;
	padding-left:1em;
	margin-top:4px;
	border-left:1px solid aqua;
	border-top:1px solid aqua;
	text-shadow:0 -1px 0 rgba(0,0,0,0.3), 
				0 1px 0 rgba(255,255,255,0.4);}

h2 {font-size:120%;}

h3 {font-size:110%;}

p.bar {
	border-bottom:2px solid #2f4f4f;
	border-left:3px solid aqua;
	border-right:3px solid #2f4f4f;
	border-top:1px solid aqua;
	margin: 8px;}

.err {color:#FF7256;}

.dark {color:navy;}

.lite {
	color:aqua;
	font-weight:bold;}

.in {display:inline;}

div.intro {
	background:navy url(image/dragon_peace.jpg) repeat;
	border:4px ridge #02AFAF;
	color:navy;
	font-size:115%;
	font-style:italic;
	font-weight:bold;
	line-height:1.4em;
	margin:8px;
	padding:8px 10px;
	text-align:justify;}

div.boxed {
	background:navy url(image/cloud_scan.jpg) repeat;
	border:4px ridge #02AFAF;
	color:navy;
	margin:8px;
	padding:8px 10px;
	text-align:justify;}

div.pad {margin:8px;}

div.mar {margin:6px 0 2px 8px;}

img.icon {
	border:none;
	margin:0;
	padding:0;}

img.ai {
	border:none;
	padding:3px;}

img.geo {
	border:1px solid #3a3a3a;
	float:left;
	margin:4px 12px;}

img.ailf {
	border:none;
	float:left;
	margin:4px 8px;}

img.airt {
	border:none;
	float:right;
	padding:8px;}

a { text-shadow:0 -1px 0 rgba(0,0,0,0.3), 
				0 1px 0 rgba(255,255,255,0.4);
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;}

a:link, a:visited, .button {
	background:url(image/tab.gif);
	border:2px solid;
	border-color:#d6d6d6 #616161 #3a3a3a #aaa;
	color:navy;
	font-size:110%;
	font-weight:bold;
	padding:0 8px;
	text-decoration:none;
	text-shadow:0 -1px 0 rgba(0,0,0,0.3), 
				0 1px 0 rgba(255,255,255,0.4);
	-webkit-border-radius:6px;
	-moz-border-radius:6px;}

a:hover {
	background:url(image/tab-in.gif);
	background-position:right;
	border:2px solid;
	border-color:#3a3a3a #aaa #d6d6d6 #616161;
	color:aqua;
	font-weight:bold;
	padding:0 8px;
	text-decoration:none;}

a:active {
	background:aqua;
	border:2px solid;
	border-color:#3a3a3a #aaa #d6d6d6 #616161;
	color:navy;
	font-weight:bold;
	padding:0 8px;
	text-decoration:none;}

a.current:link, a.current:visited, a.current:hover, a.current:active {
	background:black;
	border:2px solid black;
	color:aqua;
	font-style:italic;
	font-weight:bold;
	padding:0 8px;
	text-decoration:none;}

a.hilite:link, a.hilite:visited {
	background:yellow;
	border:2px solid;
	border-color:#d6d6d6 #616161 #3a3a3a #aaa;
	color:red;
	font-weight:bold;
	padding:0 8px;
	text-decoration:none;}

a.hilite:hover {
	background:url(image/tab-in.gif);
	background-position:right;
	border:2px solid;
	border-color:#3a3a3a #aaa #d6d6d6 #616161;
	color:aqua;
	font-weight:bold;
	padding:0 8px;
	text-decoration:none;}

a.hilite:active {
	background:aqua;
	border:2px solid;
	border-color:#3a3a3a #aaa #d6d6d6 #616161;
	color:navy;
	font-weight:bold;
	padding:0 8px;
	text-decoration:none;}

b {	color:aqua;}

p {	
	margin:6px 8px;
	padding:0 5px;
	text-align:justify;}

p.cd {
	background:#ffb;
	border:3px solid;
	border-color:#3a3a3a #aaa #d6d6d6 #616161;
	color:black;
	font-family:monospace;
	margin:0 20px;
	text-align:left;}

img.nob {
	float:left;
	margin:4px 8px;}

img.lf {
	border:3px solid;
	border-color:#3a3a3a #aaa #d6d6d6 #616161;
	float:left;
	margin:8px;}

img.rt {
	border:3px solid;
	border-color:#3a3a3a #aaa #d6d6d6 #616161;
	float:right;
	margin:8px;}

li {
	line-height:1.6em;
	list-style-image:url(image/chk.png);
	margin:8px;}

table {margin:0 0 0 8px;}

td {
	border:1px solid aqua;
	padding:0 5px;}

/* 2 col grid */

#nav {
	left:1%;
	padding:5px;
	position:absolute;
	width:17%;}

#nav a {
	display:block;
	margin:4px 0;
	text-align:center;}

#para {
	left:19%;
	margin-right:10px;
	position:absolute;}

#foot {
	clear:both;}

/* <abbr title="definition">text</abbr> */

abbr, acronym {
	border-bottom:2px dotted red;
	cursor:help}