
	
		body {
	text-align: justify;
	height: 690px;
	background-repeat: repeat;
	background-image: url(../images/bg9.jpg);
	background-color: Black;
}
		
		#header {
	position: absolute;
	color: #aaa;
	font: tacoma, arial, times;
	top: 0px;
	left: 0px;
	width: 773px;
	height: 60px;
	text-align: left;
	font-size: 60px;
	font-stretch: narrower;
	line-height: normal;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	letter-spacing: normal;
}


		ul {
		margin: 0px;
		list-style: none;
		list-style: none;
		width:100px;
	
	
	}

		
		ul li {
		position: relative;
		width:100px;
		border-top: 1px solid #777;
		border-bottom: 0px;
		}
		/* keep folowing styles together..........................*/
		* html ul ul {
		margin-left:-16px;/* ie5 fix */
		voice-family: "\"}\""; 
		voice-family: inherit;
		}	
		* html ul li {float:left;/* hide float from ie5*/}
		* html ul ul {
		width:100px;	
		voice-family: "\"}\""; 
		voice-family: inherit;	
		}
		* html ul ul {margin-left:0;/* hide margin from ie5*/}
	
		/* keep above styles together .............*/
	
		li ul {
		display:none;
		background:#777;
		}
			
		
		
		li ul li{border:none;}
		/* Styles for Menu Items */
		ul li a {
		display:block;
		text-decoration: none;
		color: #777;
		background: #333 ; 
		line-height:2em;
		height:2em;	
		padding:0px 5px;
		}

		/* this sets all hovered lists to red */
		li:hover a, li.over a, 		

		li:hover, li a:hover, li.over, li a:hover {
	 	color: #333;
	   	background-color: #777;
		}
	
		/* set dropdown to default */
		li:hover li a, li.over li a {
    		color: #333;
   		background-color: #777;
		}
		li ul li a {  } /* Sub Menu Styles */
		li:hover ul, li.over ul { 	display:block;  } /* The magic */
	
	
		
		#top1 {
			background: #333 ;
			position: absolute;
			left: 0px;
			top: 60px;
			border-left: 1px solid #222;
			border-top: 1px solid #222;
			border-bottom: 2px solid #666;
			height:3px;
			width:99px;

		}
		#top2 {
			background: #777;
			position: absolute;
			left: 100px;
			top: 60px;
			border-top: 1px solid #555;
			border-bottom: 2px solid #333;
			height:3px;
			width:550px;

		}

		#top3 {
			background: #777 ;
			position: absolute;
			left: 650px;
			top: 60px;
			border-top: 1px solid #555;
			border-right: 1px solid #333;
			height:4px;
			width:4px;

		}


		#leftbar {
			background: #333 ;
			position: absolute;
			left: 0px;
			top: 66px;
			border-left: 1px solid #222;
			height:580px;
			width:100px;
			overflow: hidden;

		}
		#middlebar {
			background: #777 ;
			font-size: 90%;
			position: absolute;
			left: 100px;
			top: 66px;
			padding-top: 17px;
			padding-bottom: 20px;
			padding-left: 15px;
			padding-right: 15px;
			border-top: 1px solid #777;
			border-bottom: 1px solid #333;
			height:544px;
			width:519px;

		}
	

		#rightbar {
			background: #777 ;
			position: absolute;
			left: 649px;
			top: 65px;
			border-left: 2px solid #333;
			border-bottom: 1px solid #222;
			border-right: 1px solid #333;
			height:580px;
			width:3px;

		}

		
		#leftbar img {

			top: 124px;

		
		}

		
		#middlebar img {

			padding: 0px;
			border: 0px solid #000;
			margin: 0em 0em 0em 1em;
			float: right;
		}
		#middlebar object {

			padding: 0px;
			margin-left: 5px;
			padding-top: 5px;
			border: 0px solid #000;
			display: inline;			
		}
		#container {
			position: relative;
			margin: auto;
			width: 60%;
			height:680px;
		}
		
		#bookmark {
			position: absolute;
			bottom: 8px;
			right: 102px;
		}
		#twirl1 {
			background: #333 ;
			position: absolute;
			left: 0px;
			top: 645px;
			border-left: 1px solid #222;
			border-bottom: 1px solid #111;
			height:5px;
			width:95px;
		}
		#twirl2 {
			background: #333 ;
			position: absolute;
			left: 95px;
			top: 645px;
			border-top: 2px solid #555;
			border-bottom: 1px solid #111;
			height:3px;
			width:6px;
		}
		#twirl3 {
			background: #777 ;
			position: absolute;
			left: 100px;
			top: 645px;
			border-top: 2px solid #333;
			border-bottom: 1px solid #222;
			border-right: 1px solid #333;
			height:3px;
			width:552px;
		}
		#twirl4 {
			background: #777 ;
			position: absolute;
			left: 651px;
			top: 645px;
			border-left: 1px solid #777;
			border-top: 2px solid #777;
			border-bottom: 1px solid #222;
			border-right: 1px solid #333;
			height:3px;
			width:2px;
		}
		#footer {
			width: 100%;
			font-size: 12px;
			font-weight: bold;
			line-height: normal;
			color: #777;
			position: absolute;
			top:649px;
			text-align: center;
			padding: 8px;
			background-color: transparent;
			border-top: 3px #333;
		}

		#footer a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: #777;

}
	