/**************** body and tag styles ****************/
	body {
	  margin-top: 0px;	  
	  margin-bottom: 30px;
	  }

	#container {
	  width: 750px;
	  margin: 0 auto;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  line-height: 1.6em;
	  color: #666666;
	  background-color: #FFFFFF;
	  }
	  
	#container2 {
	  width: 746px;
	  margin: 0 auto;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  line-height: 1.6em;
	  color: #666666;
	  background-color: #FFFFFF;
	  border-bottom: 2px solid #2763A5;
	  }
	  	
	h1 {
	  font-family: Geneva, Arial, Helvetica, sans-serif;
	  font-weight: bold;
	  font-size: 32px;
	  color: #6DA6E2;
	  margin-bottom: 30px;
	  background-color: #FFFFFF;
	}
		
	h2 {
	  color: #333333;
	  font-size: 20px;
	  font-family: Arial, Helvetica, sans-serif;
	  background-color: #FFFFFF;
	}
		
	h3 {
	  color: #666666;
	  font-size: 16px;
	  font-family: Arial, Helvetica, sans-serif;
	  background-color: #FFFFFF;
	  }
	
	h4 {
	  color: #666666;
	  font-size: 12px;
	  font-family: Arial, Helvetica, sans-serif;
	  background-color: #FFFFFF;
	  }
	 
	h5 {
	  color: #666666;
	  font-size: 10px;
	  font-family: Arial, Helvetica, sans-serif;
	  background-color: #FFFFFF;
	  }
	  		
	a {
	  color: #6DA6E2;
	  /*background-color: #FFFFFF; */
	  text-decoration: none;
	  font-weight: bold;
	  background-repeat: no-repeat;
  	  background-position: 0 50%;
	 }	
	 
	 /*** mime types ***/
	 
	 a.homepage[href^='http://']::before { 
	  display:inline; 
	  padding-right: 3px;
	  vertical-align:middle;
	  content: url("./imgs/home.gif");
	} 
	 a[href^='http://']::after {
	  padding:3px; 
	  display:inline; 
	  vertical-align:middle;
	  content: url("./imgs/extern.gif");
	} 
	a[href^='www']::after {
	  padding:3px; 
	  display:inline; 
	  vertical-align:middle;
	  content: url("./imgs/extern.gif");
	} 
	a[href$='.pdf']::after {
	  padding:3px; 
	  display:inline; 
	  vertical-align:middle;
	  content: url("imgs/pdf.gif");
	}
	 a[href$='.dsc']::after {
	  padding:3px; 
	  display:inline; 
	  vertical-align:middle;
	  content: url("imgs/text.gif");
	}
	a[href$='.changes']::after {
	  padding:3px; 
	  display:inline; 
	  vertical-align:middle;
	  content: url("imgs/text.gif");
	}
	a[href$='.txt']::after {
	  padding:3px; 
	  display:inline; 
	  vertical-align:middle;
	  content: url("imgs/text.gif");
	}
	a[href$='.ps']::after {
	  padding:3px; 
	  display:inline; 
	  vertical-align:middle;
	  content: url("imgs/ps.gif");
	}  
	
	a[href$='.pps']::after {
	  padding:3px; 
	  display:inline; 
	  vertical-align:middle;
	  content: url("imgs/pps.gif");
	}  
	
	a[href$='.ppt']::after {
	  padding:3px; 
	  display:inline; 
	  vertical-align:middle;
	  content: url("imgs/pps.gif");
	}  
	 a[href$='.tar.gz']::after {
	  padding:3px; 
	  display:inline; 
	  vertical-align:middle;
	  content: url("imgs/zip.gif");
	} 
	a[href$='.tar']::after {
	  padding:3px; 
	  display:inline; 
	  vertical-align:middle;
	  content: url("imgs/zip.gif");
	} 
	a[href$='.tgz']::after {
	  padding:3px; 
	  display:inline; 
	  vertical-align:middle;
	  content: url("imgs/zip.gif");
	} 
	a[href$='.gz']::after {
	  padding:3px; 
	  display:inline; 
	  vertical-align:middle;
	  content: url("imgs/zip.gif");
	} 
	 a[href$='.rpm']::after {
	  padding:3px; 
	  display:inline; 
	  vertical-align:middle;
	  content: url("imgs/rpm.gif");
	} 
	 a[href$='.deb']::after {
	  padding:3px; 
	  display:inline; 
	  vertical-align:middle;
	  content: url("imgs/deb.gif");
	} 
	 a:hover {
	  background-color: #FFFFFF;
	  color: inherit;
	  font-weight: bold;
	  text-decoration: underline;
	  }

/**************** images styles ****************/		
	a img{
	  border: none;
	  }

	img.left,img.center,img.right {
	  padding: 4px;
	  border: 1px solid #a0a0a0;
	  }

	img.left {
	  float: left;
	  margin: 0 0 0 0;
	  }

	img.center {
	  display: block;
	  margin: 0 auto 5px auto;
	  }

	img.right {
	  float: right;
	  margin: 0 0 5px 12px;
	  border: none; 
	  }

/**************** form styles ****************/
	form {
	  float:none;
	  font-size: 9px;
	  }
		
	input {
	  background-color: #FFFFFF;
	  color: #999999;
	  border: 1px solid #2763A5;
	  font-size: 11px;
	  padding: 3px;
	  }
		
	.button {
	  padding: 2px;
	  background-color: #6DA6E2;
	  color: #FFFFFF;
	  border: 1px solid #2763A5;
	  font-size: 11px;
	  float:top;
	  }

/**************** header styles ****************/
	#header {
	  width: 750px;
	  border: 0px
	  padding-bottom: 10px;
	  padding-top: 10px;
	  clear: both;
	  }
	#header p { 
	  margin-top: -20px;
	  margin-left: 30px;
	  color: #999999;
	  }
	  
	#scroll {
	height: 400px;
	width: 700px;
	overflow: auto;
	border: 1px solid #666;
	background-color: #fff;
	padding: 8px;
	}

/**************** menu styles ****************/
    #tabs10 {
      float:left;
      width:750px;
      font-size:93%;
	  padding-bottom: 1px;
	  border-bottom:6px solid #2763A5;
      line-height:normal;
      }
    #tabs10 ul {
	  margin:0;
	  padding:10px 10px 0 50px;
	  list-style:none;
      }
    #tabs10 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs10 a {
      float:left;
      background:url("imgs/tableft10.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs10 a span {
      float:left;
      display:block;
      background:url("imgs/tabright10.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    #tabs10 a span {
	  float:none;
	  }
    #tabs10 a:hover {
      background-position:0% -42px;
      }
    #tabs10 a:hover span {
      background-position:100% -42px;
      }
	  
	#subtabs ul {
	  list-style-type: none;
	  margin: 0;
	  padding:10px 10px 0 45px;
	}
	#subtabs li {
	  float: left;
	  padding: 0 8px 0 8px;
	  border-left: 1px solid #CCC;
	  white-space: nowrap;
	}
	#subtabs li:first-child { 
	  border-left: none; 
	}
    #subtabs ul.sub {
	  list-style-type: none;
	  margin: 0;
	  padding: 0 0 10px 45px;
	  border-top: 6px solid #2763A5;
	}
	#subtabs {
	  font-family: tahoma,verdana,sans-serif;
	  font-size: 85%;
	  color: #666;
	 /* padding: 5px 7px 7px 7px; *//* for All other Browsers */
	}

/**************** content styles ****************/
	#content {
	  width: 520px;
	  padding-left: 10px;
	  padding-right: 10px;
	  padding-top: 10px;
	  float: left;
	  }
		
	#content p {
	  padding-bottom: 10px;
	  border-bottom: 1px solid #DDDDDD;
	  }
	  
	#content2 {
	  width: 726px;
	  padding-left: 10px;
	  padding-right: 10px;
	  padding-top: 10px;
	  float: left;
	}
		
	#content2 p.dashed {
	  padding-left: 10px;
	  padding-right: 10px;
	  padding-top: 10px;
	  padding-bottom: 10px;
	  background-color:#EEEEEE;
	  border-style: dashed;
	  border-width: 1px 1px 1px 1px;
	  border-bottom: 1px dashed; 
	}
	#content2 p.sourcecode {
	  padding-left: 10px;
	  padding-right: 10px;
	  padding-top: 10px;
	  padding-bottom: 10px;
	  background-color:#EEEEEE;
	  border-style: dashed;
	  border-width: 1px 1px 1px 1px;
	  border-bottom: 1px dashed; 
	  font-family: Courier New, Courier, mono;
	}
	#content2 p {
	  padding-bottom: 10px;
	  border-bottom: 1px solid #DDDDDD;
	}
	
	#content2 ol.dashed {
	  background-color:#D2EEF7;
	  list-style:inside;
	  margin:0;
	  padding-left: 10px;
	  padding-right: 10px;
	  padding-top: 10px;
	  padding-bottom: 10px;
	  border-style: solid;
	  border-width: 1px 1px 1px 1px;
	}
	#content2 ul.blue {
	background-color:#D2EEF7;
	  list-style:inside;
	  margin:0;
	  padding-left: 10px;
	  padding-right: 10px;
	  padding-top: 10px;
	  padding-bottom: 10px;
	  border-style: solid;
	  border-width: 1px 1px 1px 1px;
	}
	#content2 ul.gray {
	   background-color:#EEEEEE;
	  list-style:inside;
	  margin:0;
	  padding-left: 10px;
	  padding-right: 10px;
	  padding-top: 10px;
	  padding-bottom: 10px;
	  border-style: solid;
	  border-width: 1px 1px 1px 1px;
	}
	#content2 ul.gray > ul {
	  padding-bottom: 15px;
	}
	#content2 li.arrow {
	  list-style-image: url(imgs/arrow.gif);
	}
	#warning {
	  font-weight: bold;
	  color: #000000;
	  padding-left: 10px;
	  padding-right: 10px;
	  padding-top: 10px;
	  padding-bottom: 10px;
	  border-style: solid;
	  border-width: 1px 1px 1px 1px;
	  background-color:#FFFFCC;
	}
	#sep {
	  width: 100%;
	  float: middle;
	  padding-top: 10px;
	  padding-bottom: 10px;
	  border-bottom: 3px double #AAAAAA;
	  }
	#warning::before {
	  padding:3px; 
	  display:inline; 
	  vertical-align:middle;
	  content: url("imgs/warning.gif");
	}  
	#ads {
	  font-weight: bold;
	  color: #000000;
	  padding-left: 10px;
	  padding-right: 10px;
	  padding-top: 10px;
	  padding-bottom: 10px;
	  border-style: double;
	 /* border-width: 1px 1px 1px 1px; */
	  background-color:#FFFFFF;
	  align: middle;
	}
	#ads::before {
	  padding:3px; 
	  display:inline; 
	  vertical-align:middle;
	  content: url("imgs/news.gif");
	} 
	#upcoming {
	  font-weight: bold;
	  color: #000000;
	  padding-left: 10px;
	  padding-right: 10px;
	  padding-top: 10px;
	  padding-bottom: 10px;
	  border-style: solid;
	  border-width: 1px 1px 1px 1px; 
	  background-color:#EEEEEE;
	  align: middle;
	}
	#upcoming::before {
	  padding:3px; 
	  display:inline; 
	  vertical-align:middle;
	  content: url("imgs/wip.gif");
	} 
	#oncedone {
	  font-weight: bold;
	  color: #000000;
	  padding-left: 10px;
	  padding-right: 10px;
	  padding-top: 10px;
	  padding-bottom: 10px;
	  border-style: solid;
	  border-width: 1px 1px 1px 1px;
	  background-color:#FFFFFF;
	}
	#download {
	  color: #000000;
	  padding-left: 10px;
	  padding-right: 10px;
	  padding-top: 10px;
	  padding-bottom: 10px;
	  border-style: solid;
	  border-width: 1px 1px 1px 1px;
	  background-color:#FFFFFF;
	}
	#highlight {
	  font-weight: bold;
	  color: #FF6600;
	}
	#quotation {
	  font-weight: em;
	  color: #000000;
	  padding-left: 20px;
	  padding-right: 20px;
	  padding-top: 20px;
	  padding-bottom: 20px;
	  border-style: dashed;
	  border-width: 1px 1px 1px 1px;
	  background-color:#FFFFFF;
	}
	#quotation.source {
		align: right;
		background-color:#FFFFFF;
	}
	#quotation::before {
	  padding:3px; 
	  display:inline; 
	  vertical-align:middle;
	  content: ;
	}  
	
	table  {
	border-style:none; 
	border-width:1px; 
	border-color:black;
	width:100%;
	}
	td { 
	border-style:solid; 
	border-width:1px; 
	border-color:black;
	width:25%;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	}	
	td.gray {
	border-style:solid; 
	border-width:1px; 
	border-color:black; 
	background-color:silver;
	}
	tr.lightgray {
	background-color:#EEEEEE;
	}
	tr.lightblue.a {
	color: #FF6600;
	}
	td.indent {
	padding-left: 15px;
	}
	td.white {
	border-style:solid; 
	border-width:1px; 
	border-color:black;
	}

	.none {
	border-style:none;
	}  

	p {
	background-color:transparent;  
	color:black;
	}

	/* the code below was meant to replace tables */
	.leftside {
	border-style:solid; 
	border-width:1px; 
	border-color:black; 
	background-color:silver; 
	width:180px; 
	padding:10px; 
	/*height:250px;*/
	float :left;
	}

	.rightside {
	border-style:solid; 
	border-width:1px; 
	border-color:blue; 
	margin-left:200px; 
	width:180px; 
	padding:10px; 
	/*height:250px; */
	}
	
/**************** sidebar styles ****************/
	#sidebar {
	  /*border-style:none; 
	  border-width:1px;*/ 
	  width: 172px;
	  padding-left: 21px;
	  padding-right: 10px;
	  padding-top: 10px;
	  float: right;
	  }
	#sidebar p {
	  padding-bottom: 10px;
	  border-bottom: 1px solid #DDDDDD;
	  }
			
	#sidebar h2 {
	  color: #FF6600;
	  font-size: 20px;
	  font-family: Arial, Helvetica, sans-serif;
	}
		
	  
/**************** footer styles ****************/
	#footer {
	  margin-top: 15px;
	  padding-top: 0px;
	  padding-bottom: 0px;
	  padding-left: 2px;
	  padding-right: 2px;
	  clear: both;
	  width: 742px;
	  background-color:#2763A5;
	  }
		
	#footer p {
	  color:#FFFFFF;
	  padding: 5px;
	  text-align: center;
	  }
		
	#footer p a {
	  color: #FFFFFF;
	  background-color:#2763A5;
	  font-weight:100;
	  border-bottom: 1px dotted #FFFFFF;
	  }
		
	#footer p a:hover {
	  color: #FFFFFF;
	  text-decoration: none;
	  border-top: 1px dotted #FFFFFF;
	  border-bottom: 0px dotted #FFFFFF;
	  }
	  
	  /*****/