body, html { 
		padding: 0;
		margin: 0;
		background-color: #102242;
	}


#container { 
		position: relative;
		margin: auto;
		width: 744px;
		top: 20px; }
#sidebar { 
		height: 562px;
		width: 261px; 
		background-color: white;
		float: left;
		}
		
		#banner {
		height: 76px;
		width: 261px;
		position: absolute; 
		top: 0px;
		left: 0px;
		background-image: url("header.png");
		 }
		 
#sidebar-content {
		position: absolute;
		top: 56px; 
		margin: 35px;
		width: 185px
		}
		
		#sidebar-content  a, img { 
				margin: 0;
			   padding: 0;
			    border: 0;
				 }
		
		.social { margin-left: 5px; border: 0px }
		#socialbox { clear: both }
		 

		 
#content-block {
		width: 483px;
		min-height: 514px;
		position: relative;
		top: 20px;
		background-image: url("side.png");
			background-repeat: repeat-y;
			background-position: left;
			background-color: white;
			float: right;
		 }
		 
#content {
		margin: 40px;
		font-family: arial, verdana, georgia, times, impact;
		font-size: 9pt;
		line-height: 14pt; }		 
		 
#corner1 {
		width: 9px;
		height: 8px;
		position: absolute;
		left: 474px;
		top: 0px;
		background-image: url("corner.png");
		background-repeat: no-repeat;
		z-index: 100; }
		
#corner2 {
		width: 9px;
		height: 8px;
		position: absolute;
		left: 0px;
		top: 554px;
		background-image: url("corner2.png");
		background-repeat: no-repeat;
		z-index: 100;
}

#links {
		position: relative;
		left: 30px;
		top: 10px;
		z-index: 100;
		}

#links a:link, a:visited { 
		font-family: arial, verdana, times, courier, impact;
		font-size: 10pt;
		color: #ffffff; 
		text-decoration: none;
		margin-right: 10px;
		}
#links a:hover, a:visited:hover {
		color: yellow; 
		}
		
		/*hovers*/
		
	#vision { 
			background-image: url("links/vision.jpg");
			height: 90px;
			width: 90px; 
			float: left;
			margin-bottom: 4px;
			}
		#vision:hover { 
			background-image: url("links/ovision.jpg"); 
			}
			
	#volunteer { 
			background-image: url("links/volunteer.jpg");
			height: 90px;
			width: 90px; 
			float: right;
			margin-bottom: 4px;
			}
		#volunteer:hover { 
			background-image: url("links/ovolunteer.jpg"); 
			}
			
	#city { 
			background-image: url("links/city.jpg");
			height: 90px;
			width: 90px; 
			float: left;
			margin-bottom: 15px;
			}
		#city:hover { 
			background-image: url("links/ocity.jpg"); 
			}
		
	#contribute { 
			background-image: url("links/contribute.jpg");
			height: 90px;
			width: 90px; 
			float: right;
			margin-bottom: 15px;
			}
		#contribute:hover { 
			background-image: url("links/ocontribute.jpg"); 
			}
		
		#about { 
			background-image: url("links/about.jpg");
			height: 208px;
			width: 185px; 
			float: right;
			margin-bottom: 7px;
			}
			
		#about:hover { 
			background-image: url("links/oabout.jpg"); 
			}