body {
  padding:0px; 
  font: 0.9em verdana, arial, sans-serif; 
  text-align:center;
  background-color:#222;
}

div#header {text-align:left; margin-top:0; padding-top:2px;
background-image: url( /assets/85/header_qi.png );
background-repeat: no-repeat;
}

div#page {
  min-width: 500px;
  max-width: 960px;
  margin:0px auto;
  text-align:left;
  padding:10px;
  border:1px #ffffff;
  background-color: #666666;
}

#div_logo{
    padding:0px;
    border:none;
    border-top:2px; #339900;
    border-bottom:2px; #339900;
    height:120px; 
}

div#header h1 { margin-top:20px; margin-right:auto; margin-left:50px;
		font: 2.5em bold, Eurostile, arial, sans-serif; 
		padding:0 0 .1em; color:white;     letter-spacing:2px;
}

div#header h2{
    text-transform:uppercase;
    font-family:Eurostile;
    font-size:14px;
    font-weight:regular;
    color:white;
    margin-left:4px;
}
div#hdr_nav {float:right; left:0px; top:1px; width:150px;
				padding:.5em 0 0 0; margin:0px 0 0px 10px;
				text-align:right;
    }

div#hdr_nav ul {margin-top:0; margin-bottom:.8em; margin-right:1.1em;}
div#hdr_nav li {margin-bottom:.5em; font-weight:bold; font-size:.75em;list-style-type:none;color:#222;}
div#hdr_nav li a {margin-bottom:.5em; font-weight:bold; list-style-type:none;color:#ffcc00;}
div#hdr_nav li a:hover{margin-bottom:.5em; font-weight:bold; list-style-type:none;color:#ffffff;}
div#site_nav {
    width:100%;
    float:left;
    border-top:0px solid #069;
    border-bottom:4px solid #222222;
    background-color:#FF0;
    font-size:.9em;
}

div#site_nav ul {
    margin:0 0 0 0px;
    border: 1px solid #000;
}

div#site_nav li {
    float:left;
    list-style-type:none;
    background-color: #222;
    padding:2px 6px;
    border-right:1px solid #069;
}

div#site_nav li:hover {
    background-color:#000000;
}

div#site_nav a {
    text-decoration:none;
    padding:0 6px;
    color:#222;
}

div#site_nav a:hover {
    text-decoration:none;
    color:#CCC;
}

div#site_nav li:first-child {
    border-left:1px solid #069;
}

div#nav {position:absolute; left:0px; top:60px; width:150px;
				padding:.5em 0 0 0; margin:22px 0 0 15px; 
				border-top:2px solid #069; border-bottom:1px solid #069;}
div#nav ul {margin-top:0; margin-bottom:.8em;}
div#nav li {margin-bottom:.5em; font-weight:bold; font-size:.75em;}			

div#footer{
text-align:center; 
margin-top:2px; padding-top:2px;
margin-bottom:0px; padding-bottom:0px;
border-top:1px solid #222;
background-color:#ffffff;
}

.footer_p {
margin-top:0px; padding-top:0px;
margin-bottom:0px; padding-bottom:0px;
}

div#tebbs {
    width: 200px;
    float: right;
    background-color:#E9F0F0;
    border:thin solid #336699;
    color:#404040;
    text-align:left;
    font-size:.8em;
    margin-bottom:5px;
    margin-top:5px;
    padding:0px;
}

#tebbs h1 {
   text-align: center;
   vertical-align:middle;
   width: 100%
   font-size: .9em;
   background-color: rgb(51,102,153);
   color: #f0f0f0;
   margin-top: 0px;
   margin-bottom: 5px;
   padding: 5px;
}

#tebbs .list-with-icon {
   padding: 0px;
   margin: 0px;
}

#tebbs .list-with-icon ul {
  padding-left:4px;
  padding-right:4px;
  padding-top:5px;
  padding-bottom:5px;
  margin: 0px;
  text-align: left;
}

#tebbs .list-with-icon li {
  padding-left:4px;
  padding-right:4px;
  list-style-image: none;
  list-style-type: none;
  margin-bottom: 8px;
  text-align: left;
}

/*
.projects li {
  background:url(list_icon.png) no-repeat left center;
  font-size:.8em;list-style-type:none;color:#222;
  margin-bottom:.5em;
}
*/

div#langbar {
    width:100%;
    font-size:.9em;
    /*background-color:#e0e0e0;*/
    background-color:#ffffc0;
    color:#222;
    margin-top:5px; 
    margin-bottom:5px;
    padding:4px;
    text-align:right;
    border-top: thin dotted #22A;
    border-bottom: thin dotted #22A;
}


/* div#langbar a {background-color:#555;text-decoration:none;padding:3px 6px;color:#CCC;} */
/* div#langbar a:link {background-color:#555;text-decoration:none;padding:3px 6px;color:#CCC;} */
/* div#langbar a:visited {background-color:#555;text-decoration:none;padding:3px 6px;color:#CCC;} */
div#langbar a {background-color:#C03030;text-decoration:none;padding:3px 6px;color:#FFF;}
div#langbar a:link {background-color:#C03030;text-decoration:none;padding:3px 6px;color:#FFF;}
div#langbar a:visited {background-color:#C03030;text-decoration:none;padding:3px 6px;color:#FFF;}
div#langbar a:active {background-color:#555;text-decoration:none;padding:3px 6px;color:#FFF;}
div#langbar a:hover {background-color:#555;text-decoration:none;padding:3px 6px;color:#FFF;}


div#cmd_ref {
    border-top:1px dashed #069;
    border-bottom:1px dashed #069;
    background-color:#f8fcff;
    margin:1em 0px 1em 0px; 
    padding: 1em 1em;
}

div#cmd_ref pre {
    margin:1em 0px 1em 0px; 
    padding: 1em 1em;
    background-color:#f8fcff;
}

div#cmd_ref h2 {font-size:1.2em;}
div#cmd_ref h3 {font-size:1.2em;}
div#cmd_ref h4 {font-size:1.1em;}

div#content {
    margin:0px 0px 0px 0px; 
    padding:20px 1em 1em;
    background-color:rgb(255,250,226);
    color:#555;
    text-align:left;
    border-top: 0px solid rgb(206,220,47);
    border-bottom: 2px solid rgb(51,153,0);
}

div#content h1{font-size:1.2em;}
div#content h2{font-size:1.1em;}
div#content h3{font-size:1.1em;}
div#content p {font-size:0.9em;}	
div#content li {font-size:.85em; margin-top:0.2em;margin-bottom:0.5em;}
div#content a {color:#339900;text-decoration:none;}
div#content a:hover {color:#ff0066;text-decoration:none;}

div#extended {  float: right;  }

pre {color:rgb(12,12,12); font-family:monospace; background-color:rgb(224,224,224);
margin: 0 2pc; padding: 1pt 1pc;}

.code {color:rgb(12,12,12); font-family:monospace;}

div#console {
  color: rgb(245,245,245);
  text-indent: 0pt; 
  text-align:left;
  background-color: rgb(20,20,20); 
  border: 2pt solid rgb(128,128,128); 
  margin: 4pt 20pt; 
  padding: 4pt 10pt;
  font-family: monospace;
  font-size: 1.0em
}

div#console p {
  font-size: 1.0em;
  margin-top: 0px;
  margin-bottom: 0px;
}

div#console strong {
   color: rgb(255,255,0);
   font-weight: bold;
}

div#console em {
   color: rgb(255,135,15);
   font-style: normal;
   font-weight: bold;
}

.Notice { color: rgb(32,32,32); text-indent: 0pt; background-color: rgb(255,243,196); border: 1pt dashed rgb(51,153,0); padding: 4pt 10pt; margin: 5px;}

div#rightcolumn {position:absolute;width:125px; top:60px; right:0px;  
		margin:20px 15px 0 0; padding:1em  .5em; border-top:2px solid #069; border-bottom:1px solid #069;}
div#rightcolumn p {font-size:.75em;}

.newItem {font-weight:bold; color:red; font-style: italic;}
.RedNote {color:red;}

.photo   {position:relative; display:inline; width:180px; }

.photo img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: middle;
}

.photo li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
	/*width: 170px;*/
	/*height: 160px;*/
	color: #222222;
	font-size: 9;
}

div#dlbar {
    width:250px;
    border:1px solid #e0e0e0; 
    background-color:#f0f0ff; 
    padding:3px;
    margin:3px;
}

div#dlbar h1 {
   text-align: center;
   vertical-align:middle;
   width: 100%
   font-size: .8em;
   /*background-color: rgb(128,0,0);*/
   color: #A00000;
   margin-top: 0px;
   margin-bottom: 5px;
   padding: 2px;
}

div#dlbar p {
    padding:2px;
    margin-top: 2px;
    margin-bottom: 0px;
    font-size: .8em;
}

div#main_q { 
margin-top:2px; padding-top:12px;
margin-bottom:2px; padding-bottom:12px;
background-color:#ffffff;
background-image: url(/images/q.gif);
background-repeat: no-repeat;
background-position: 10% 50%; 
}

div#main_q ul {margin-top:0; margin-bottom:.8em; margin-right:1.1em;
text-decoration:none;
}
div#main_q li { background: url(/images/qarr.gif) left center no-repeat; margin-bottom:.5em; font-weight:bold; font-size:1.0em;color:#000;padding-left: 25px;list-style-type: none;margin-bottom: 0.8em;}
div#main_q li a {margin-bottom:.5em; font-weight:bold; list-style-type:none;color:#202020; text-decoration:none;}
div#main_q li a:hover{margin-bottom:.5em; font-weight:bold; list-style-type:none;color:#ff0000;}

div#newsflash {
    background-color:#A22
    padding:2px 6px;
    border:1px solid #069;
}

#div_menu_bar{
    font-family:verdana;
    font-size:12px;
    color:white;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 0px;
    float:left;
    width: 100%;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    background-color: rgb(252,203,49);
}

div#div_menu_bar ul {
    margin:0 0 0 0px;
    padding:0px;
}

div#div_menu_bar li {
    float:left;
    list-style-type:none;
    background-color: rgb(252,203,49);
    padding:0px;
    border-right:1px solid black;
}

div#div_menu_bar li .sel{
    float:left;
    list-style-type:none;
    background-color: rgb(252,203,49);
    padding:0px;
    border-right:1px solid black;
    border-top: 1px solid #222;
}

div#div_menu_bar li:hover {
    background-color: #000000;
    colour:rgb(252,203,49)
}

#div_menu_bar a{
    font-family:verdana;
    font-size:0.8em;
    color: black;
    font-weight:bold;
    height:25px;
    padding:0px 10px 0px 10px;
    text-decoration:none;
    border:1px solid transparent;
    list-style-type:none;
}

#div_menu_bar a:hover{
    background-color:black ;
    color:rgb(252,203,49);
    list-style-type:none;
}

div#warning {
  color:red;
  font-weight:bold;
  background-image: url(/images/q_logo.jpg);
  background-repeat:no-repeat;
  padding-left:100px;
}