/* CSS Document */

body {
		margin:5px 0px 0px 5px;
		background: #999;
		background-image: url('../image/bldgs_sketch.jpg');
		background-repeat: repeat-x;
		align: center;
		font-family: optima;
		font-size: 12px;
		line-height: 14px;
		color: #000;
		scrollbar-face-color: #999;
    	scrollbar-HIGHLIGHT-COLOR: #000;
    	scrollbar-SHADOW-COLOR: #000;
    	scrollbar-3DLIGHT-COLOR: #999;
    	scrollbar-ARROW-COLOR: #000;
    	scrollbar-TRACK-COLOR: #999;
    	scrollbar-DARKSHADOW-COLOR: #999;
		}
	
	a {
		color: #000;
		text-decoration: none;
		}

	#everything  {
		position: 			absolute;
		left:               0%;
		width:		        900px;
		height:				600px;
		top:				0px;
		overflow:           off;
		background:			none;
		background-image:  url();
		}  
				
	#buttons {
		position: 			absolute;
		left:               4%;
		width:				145px;
		height:				550px;
		top:				30px;
		overflow:           auto;
		background:			none;
		background-image:  url();
		border: none;
		}

	#content  {
		position: 			absolute;
		text-align:         left;
		font-family: optima;
		font-size: 12px;
		line-height: 18px;
		left:              20%;
		width:				700px;
		height:				406px;
		top:				30px;
		overflow:           auto;
		background:			none;
		background-image:  url();
		border:3px solid #FF99FF;
		}
			
		
	p,h1,h2,pre {
		margin:10px 20px 10px 10px;
		}
		
	h1 {
		font-size:14px;
		color: #000;
		padding-top:12px;
		padding-bottom:0px;
		}
		
	h2 {
		font-size:11px;
		padding-top:0px;
		}
	
	#design p { font-size:9px}
	

	a:hover { text-decoration: none; color: #000; }
	a:link IMG { border: 0px solid #000; }
	a:active IMG { border: 0px solid #666; }
	a:visited IMG { border: 0px solid #000; }
	a:hover IMG { border: 0px solid #666; }