#skip{display: none;}
		#container {
			
			margin: 0 0 0 0;
			padding: 0 0 0 0;
		}
		#top{
			border: none;
			margin: 0;
			padding: 0;
			background-color: transparent;
		}
		#recent{position:relative;
left:-46px;
margin: 0;
padding: 0;}
#topmatter{clear: right; 
padding: 0px 0px 5px 15px;
margin: 0 5px 0 10px;
background-color: transparent;
}
.feedback{
width: 500px;
border: 1px solid gray;
padding: 5px;
margin: 10px 10px 10px 25px;
}
.shadow {
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow: 5px 5px 5px #ccc;
}
#widecontent{
			background-color: transparent;
			border: none;
			padding: 5px 25px 5px 35px;
			margin-left: 10px;
			margin-right: 5px;
			background-image: none;
			background-repeat: no-repeat;
			background-position: left bottom;
}
#navline{

color: #000000;
background-color: transparent;
}



/* Primary navigation links */
#tabfloat {
  position: absolute;
  top: 0px;
  /* left: 0px;  
  width: 100%;  */
  right: 0px;
 	z-index: 1;
  text-align: right;
  /* For everyone except IE, CSS tables */
  display: table;
  font-size: 12px;
}

ul#primary-links {
  list-style-type: none;
  margin: 0px;
  padding: 0px 0px 0px 255px;
  /* Bottom alignment */
  height: 123px;
  display: table-cell; 
  vertical-align: bottom;
  /* The amazing table-imitation hack */
  _height: auto;
  _padding-left: 0px;
  _position: absolute; _top: 125px; _left: 255px; _right: 0px;
}
ul#primary-links li {
  _width: 0px;
  float: right;
  list-style-type: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 1px 0px 1px;
  background: url(/graphics/tabs-left.png) no-repeat 0% 0px;
  _position: relative; _top: -100%; 
}

ul#primary-links li a {
  display: block;
  list-style-type: none;
  padding: 4px 8px 4px 8px;
  margin: 0px;
  background: url(/graphics/tabs-right.png) no-repeat 100% 0px;
  white-space: nowrap;
  font-weight: bold;
  color: white;
  text-decoration: none;
}

ul#primary-links li:hover {
  background-image: url(/graphics/tabs-left.png);
  background-position: 0% -26px;
}

ul#primary-links li:hover a {
  background-image: url(/graphics/tabs-right.png);
  background-position: 100% -26px;
}


/* end */
#logo{z-index: 3; margin: 0 0 0 0; padding: 0 0 0 0;}
.simple {
	margin: 1em 1em 1em 0; 
	padding: 0.5em 0.5em 0.5em 0.5em;
	background: #f9f9f9; 
	border: 1px solid #aaa; 
	font-size: 95%;
	border-collapse: collapse;
	}
		#banner {
			font-size: small;
			height: 145px;
			background-image: url(/graphics/qnet_black.png);
			background-repeat: repeat-x;
			margin-bottom: 5px;
			
		}

		#content {
			padding: 5px 25px 5px 35px;
			margin-left: 20px;
			margin-right: 215px;
			border: none;
		}
		
		#sidebar-a {
		min-height: 450px;
		background-repeat: no-repeat;
			float: left;
			width: 150px;
			margin: 0;
			padding: 5px;
			border-right: 1px solid #aaaaaa;
		}
		#sidebar-a a{
		width: 150px;
		display: block;
		margin: 25px 10px 25px 0;
		background-color: transparent;
		}
		
		#sidebar-a a:hover{
		background-color: #FF0033;
		}
		#sidebar-a a#selected{
		background-color: #3366FF;
		}
		#sidebar-a a#selected:hover{
		background-color: #FF0033;
		}
		#sidebar-b {
			float: right;
			width: 200px;
			\width: 210px;
			w\idth: 200px;
			margin: 0;
			margin-left: 5px;
			padding: 5px;
			border-left: 1px solid #aaaaaa;
		}

#about_and_copyrights{
	font-weight: normal;
	color: #FFFFFF;
	padding-top: 25px;
	text-align: center;
	min-height: 100px;
	background-image: url(/graphics/sponge-bottom.png);
	background-repeat: repeat-x;
}
/*
div#links {margin: 0 0 0 0; width: 166px; height: 700px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: medium; z-index: 100;}
div#links a {display: block; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: medium; font-weight: bold; 
   padding: 5px 10px; margin: 0 0 1px; border-width: 0;
   text-decoration: none; color: #FFC; background: #444;
   border: 5px solid #505050;}
div#links a:hover {color: #411; background: #AAA;
   border: 5px solid #ffffff;}

div#links a span {display: none;}
div#links a:hover span {display: block;
   position: absolute; top: 380px; left: 25px; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #6666CC;
   background: #ffffff;
   font-family: Verdana, Arial, Helvetica, sans-serif; font-size: medium; text-align: center;}
*/
		#footer {
				border: none;
			margin: 10px 0 0 0;
			clear: both;
			padding: 0;
			
		}

	.topbar {
		display: block; 
		position: absolute; 
		top: 0px; 
		left: 0;  
		width: 100%;
		height: 100px; 
		background-image: url("/graphics/sponge_background.jpg");
		background-position: bottom left;
		background-repeat: repeat-x;
		text-align: left;
		padding-left: 25px;
	}
	
	content {
	position: relative;
	top: 2em;
	}

	.bodyblock {
		overflow: auto;
		display: block; 
		position: fixed; 
		top: 100px; 
		left: 150px;  
		width: 100%;
		height: 100%;
	}
	
	#welcome {
	margin-right: 240px;
	color: #000000;
	display: block;
	padding: 10px 5px 15px 25px;
	}
	
	#siteoptions {
	position: absolute;
	right: 0;
	top: 10px;
		width: 240px;
		padding-top: 30px;
		z-index: 2;
		
	}
	
	a-old{font-weight: bold;}

	a:link { 
		
		COLOR: #005177; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none;
	}



	a:visited {



		BACKGROUND-COLOR: transparent; TEXT-DECORATION: none; color: #660066;



	}



	a:hover {



		COLOR: #cc3333; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline;



	}
	
	div.sidebar a:link { 
		
		COLOR: #0CF; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none;
	}



	div.sidebar a:visited {



		BACKGROUND-COLOR: transparent; TEXT-DECORATION: none; color: #C9F;



	}



	div.sidebar a:hover {



		COLOR: #cc3333; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline;



	}
	
a.key_links{font-size: x-small;}

a.key_links:link{
	color: #FFFF66;
	background-color: transparent;
	text-decoration: none;
}
a.key_links:visited{
	color: #FFCC00;
	background-color: transparent;
	text-decoration: none;
}
a.key_links:hover{
	color: #FFFFAA;
	background-color: #3366CC;
	text-decoration: underline;
}

a.key_links_footer:link{
	color: #FFFF66;
	background-color: transparent;
	text-decoration: none;
}
a.key_links_footer:visited{
	color: #FFCC00;
	background-color: transparent;
	text-decoration: none;
}
a.key_links_footer:hover{
	color: #FFFFAA;
	background-color: #3366CC;
	text-decoration: underline;
}


	hr {
		height: 1px;
		color: #aaaaaa;
	}
div.front_body{
	border: thin #333;
	float: none; padding: 2em;
			margin-left: 75px;
			margin-right: 450px;  background-color: transparent;
			background: #FFF;
			  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow: 5px 5px 5px #ccc;
	}
	
	div.sidebar{float: right;
			width: 300px;
			margin: 0 0 0 5px;
			padding: 115px 25px 0 0;
			color: #FFF;
	} 

	body {
min-width: 800px;
		font-family: "Trebuchet MS",Verdana,arial,helvetica,sans-serif;
margin: 0 0 0 0;
padding: 0 0 0 0;
background-image: url(/graphics/bg_main.gif);
background-repeat:repeat;


	}
	#frontpage{
			margin: 0 0 0 0;
			padding: 0 0 0 0;
		background-image: url(/graphics/background-right.png);
		background-position: right top;
		background-repeat: no-repeat;

	}
	
        #intro_p{color: #000000; font-weight: bold;}

        #quickfacts{
			margin: 1em 1em 1em 0; 
	padding: 0.5em 0.5em 0.5em 0.5em;
	background: #f9f9f9; 
	border: 1px solid #aaa; 
	font-size: 95%;
		}
.caption{font-size: x-small;
font-style: italic;
}


	.archive{
		margin: 1em 1em 1em 0;  
	border: 1px #aaa solid; 
	border-collapse: collapse; 
	background-color: #FFCC66;
	}
	
.newsheading,h1,h2,h3,h4,h5,h6 {color: #333333;
	font-weight: normal;
    margin: 0;
    padding-top: 0.1em;
    padding-bottom: 0.17em;
    border-bottom: 1px solid #aaaaaa;
}
.newsheading,h1 { font-size: 170%; }
h2 { font-size: 150%; }
h3, h4, h5, h6 {
    border-bottom: none;
    font-weight: bold;
}
h3 { font-size: 132%; }
h4 { font-size: 116%; }
h5 { font-size: 100%; }
h6 { font-size: 80%;  }
#logout{font-size: x-small;}

table.ssi_table {
font-size: small;}
tr.mess_board{background-color: #6B8EAE; color: #ffffff; text-align: center; font-size: small;}
tr.ssi_row {background-color: #ccccff}
div.welcome {font-family: "Trebuchet MS",Verdana,Arial,Sans-serif;font-size: small;}

.topagetop{font-size: x-small;
padding: 5px;}

.face1{background-image: url('/graphics/face1.jpg');}
.face2{background-image: url('/graphics/face2.jpg');}
.face3{background-image: url('/graphics/face3.jpg');}
.face4{background-image: url('/graphics/face4.jpg');}
.face5{background-image: url('/graphics/face5.jpg');}
.face6{background-image: url('/graphics/face6.jpg');}
.face7{background-image: url('/graphics/face7.jpg');}
.face8{background-image: url('/graphics/face8.jpg');}
.face9{background-image: url('/graphics/face9.jpg');}
.face10{background-image: url('/graphics/face10.jpg');}