/* CSS Document for Children Care For Children */

html, div, h1, h2, h3, h4, h5, h6, p, a, img, form, table, tr, td, fieldset {
	margin: 0;
	padding: 0;
	border: none;
	text-decoration: none;
	font-size: 100%;
	font-weight: normal; }

body {
	font-size: 11px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #5d5c5c;
	text-align: center;
	margin: 0;
	padding: 0 0 20px 0; }

h1 {
	font-size: 30px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #231d03;
	margin: 20px 0 25px 0; }

h2 {
	font-size: 15px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #173fb2;
	margin: 0 0 10px 0; }

h3 {
	border-bottom: 1px #b7b7b7 solid;
	margin: 30px 0 30px 0; }

h4 {
	font-size: 13px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #5d5c5c;
	font-weight: bold;
	margin: 0 0 2px 0; }

a, a:visited, a:active {
	color: #173fb2; }
	
	a:hover {
		color: #173fb2;
		text-decoration: underline; }
	
#container {
	width: 1000px;
	background-color: #fff; 
	text-align: left;
	margin: 30px auto 0 auto; }
	
	#logo {
		width: 1000px;
		float: left; }
		
	#header {
		width: 1000px;
		height: 253px;
		float: left;
		margin: 0 0 1px 0; }
		
		#header .left {
			width: 380px;
			float: left;
			margin: 0 1px 0 0; }
			
		#header .right {
			width: 619px; 
			float: left; }
	
	#top-nav {
		width: 1000px;
		height: 39px;
		padding: 0;
		float: left;
		background: url(../images/bg_main-nav.gif) no-repeat;
		margin: 0; }
		
		#top-nav ul {
			margin: 0;
			padding: 0; }
			
			#top-nav ul li {
				margin: 0; 
				padding: 0;
				float: left;
				list-style-type: none; }
				
				#top-nav ul li a,
				#top-nav ul li a:visited {
					height: 39px;
					border: none;
					padding: 0;
					display: block;
					cursor: pointer;
					margin: 0 0 0 20px; }
				
					ul li#home a,
					ul li#home a:visited {
						height: 39px;
						width: 59px;
						background: url(../images/btn_home.gif) no-repeat; }
						
						ul li#home a:hover,
						ul li #home a:active {
							height: 62px;
							width: 59px;
							background: url(../images/btn_rollover-home.gif) no-repeat; }
				
					ul li#mission a,
					ul li#mission a:visited {
						height: 39px;
						width: 64px;
						background: url(../images/btn_mission.gif) no-repeat; }
						
						ul li#mission a:hover,
						ul li#mission a:active {
							height: 62px;
							width: 64px;
							background: url(../images/btn_rollover-mission.gif) no-repeat; }

					ul li#projects a,
					ul li#projects a:visited {
						height: 39px;
						width: 72px;
						background: url(../images/btn_projects.gif) no-repeat; }
						
						ul li#projects a:hover,
						ul li#projects a:active {
							height: 62px;
							width: 72px;
							background: url(../images/btn_rollover-projects.gif) no-repeat; }

					ul li#donate a,
					ul li#donate a:visited {
						height: 39px;
						width: 62px;
						background: url(../images/btn_donate.gif) no-repeat; }
						
						ul li#donate a:hover,
						ul li#donate a:active {
							height: 62px;
							width: 62px;
							background: url(../images/btn_rollover-donate.gif) no-repeat; }

					ul li#news a,
					ul li#news a:visited {
						height: 39px;
						width: 51px;
						background: url(../images/btn_news.gif) no-repeat; }
						
						ul li#news a:hover,
						ul li#news a:active {
							height: 62px;
							width: 51px;
							background: url(../images/btn_rollover-news.gif) no-repeat; }

					ul li#recognition a,
					ul li#recognition a:visited {
						height: 39px;
						width: 98px;
						background: url(../images/btn_recognition.gif) no-repeat; }
						
						ul li#recognition a:hover,
						ul li#recognition a:active {
							height: 62px;
							width: 98px;
							background: url(../images/btn_rollover-recognition.gif) no-repeat; }

					ul li#links a,
					ul li#links a:visited {
						height: 39px;
						width: 53px;
						background: url(../images/btn_links.gif) no-repeat; }
						
						ul li#links a:hover,
						ul li#links a:active {
							height: 62px;
							width: 53px;
							background: url(../images/btn_rollover-links.gif) no-repeat; }

					ul li#gallery a,
					ul li#gallery a:visited {
						height: 39px;
						width: 111px;
						background: url(../images/btn_photo-gallery.gif) no-repeat; }
						
						ul li#gallery a:hover,
						ul li#gallery a:active {
							height: 62px;
							width: 111px;
							background: url(../images/btn_rollover-photo-gallery.gif) no-repeat; }

	#content-container {
		width: 1000px;
		margin: 40px 0 20px 0;
		float: left; }
		
		#content-container .left {
			width: 548px;
			float: left;
			padding: 0 45px 0 18px;
			 }
			
			#content-container .image {
				width: 300px;
				height: 112px;
				float: left;
				 }
				
			#content-container .text {
				width: 228px;
				float: left;
				margin: 0 20px 0 0; }
			
			#content-container .overflow {
				width: 548px;
				float: left;
				margin: 20px 0 0 0; }
			
			#content-container .across {
				width: 548px;
				float: left; 
				margin: 0 0 20px 0; }
		
		#content-container .right {
			width: 310px;
			float: left;
			padding: 0 48px 0 30px;
			border-left: 1px #b7b7b7 solid; }

	#footer {
		width: 970px;
		float: left;
		margin: 0 0 10px 0;
		background-color: #dcdcdc;
		padding: 15px;
		line-height: 23px;
		text-align: center; }
		
		#footer a, a:visited {
			color: #5d5c5c; }
			
			#footer a:hover, a:active {
				color: #173fb2;
				text-decoration: underline; }
				
		#footer a.portfolio, a.portfolio:visited {
			color: #173fb2; }
					
			#footer a.portfolio:hover, a.portfolio:active {
				color: #173fb2;
				text-decoration: underline; }