@charset "UTF-8";

/* CSS Document */



/* -------------------------------------------

Filename: main.css

Title: Primary CSS Settings for [Final Project]

Author: [Geoffry T. Weithers]

/*



/* --------------- GLOBAL SETTINGS ------------------ */

/*----------- RESET DEFAULT SETTINGS */

body,div,dt,dd,dl,h1,h2,h3,h4,h5,h6,form,fieldset,pre,p,ol,ul,li,blockquote,th,td {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

table {border-collapse: collapse; border-spacing: 0; }

fieldset,img {border: 0;}

address,caption,cite,code,dfn,em,strong,th,var {font-style: normal; font-weight: normal;}

ol,ul {list-style: inherit;}

caption,th {text-align: left;}

q:before,q:after {content:'';}

a { text-decoration: none; }



body { background: #999 url(../photos/bg-body.gif) repeat-y top center;}



#container { border: none; 

	margin: 0 auto; 

	width: 990px; 

	background-color: #333; }



#leftContainer { margin: 10px 5px 3px 10px; border-right: solid #000000;

	width: 200px; 

	height: 1150px; 

	padding: 3px; 
	
	

	}
	
#middleContainer { 

	width: 550px; 

	height: 1550px; 
	margin: 5px 1px 0 5px;
	padding: 3px; 

	}
#rightContainer{width: 180px; 
	border-left: solid #000000; 
	height: 1150px; 
	margin: 5px 1px 0 5px;
	padding: 3px; }


#header { 

	background: url(../photos/bg-header_3.jpg) no-repeat top left; 

	height: 120px; 

	width: 990px;

	}

	#header h1 a {

	width: 350px; height: 113px; 

	display:block; text-indent: -9999px; 

	margin: 30px 0 0 40px; float:left;

	}

	

#about { margin-left: 5px; 

	margin-right:5px}



#contact { margin-left: 5px; 

	margin-right:5px;}



#listen { margin-left: 5px; 

	margin-right:5px;}



#pledge { margin-left: 5px; 

	margin-right:5px;}



#navbar {height: 50px; 

	width: 990px; 

	}



#footer {clear: both; 

	border-top: 1px solid black;}



#about_content {border:none; 

	margin-left: 125px; 

	padding: 5px 5px 5px 20px; 

	width: 800px; 

	height: 1350px; 

	background-color: #666666;}



#donate { border:none; 

	margin: 20px 0 0 215px; 

	padding: 5px 5px 5px 20px; 

	width: 600px; height: 420px; 

	background-color: #666666;}

	
#weather { width: 280px; height: 205px; border: solid #000000;

}


#welcome { margin: 10px; height: 200px;

	border: solid #666666;

	padding: 3px;}





.alignCent { text-align: center;

	}

.alignLeft {float: left;

	}

	img.alignLeft {margin: 0 8px 2px 0; 

		padding: 1px; 

		}

.alignRight {float: right;

	}

	img.alignRight {margin: 0 0 2px 8px; 

		padding: 1px; 

		border: 1px solid black;

		}

.colum { margin: 5px 5px 15px 5px; 

	width: 230px; 

	height: 100px; 

	padding: 3px; 

	border: none;

	}

.colum {  color: #eee; 

	background-color: #222; 

	font-family: Arial, Helvetica, sans-serif;

	}

.colum p {font-size: 16px; 

	margin-left: 50px;

	}

.history { font-size:18px; 

	color:#CCCCCC; 

	margin-right: 5px; 

	font: Arial, Helvetica, sans-serif;

	}

.picture { margin: 50px 5px 3px 5px;

	}

h1, h2, h3 { color: #fff; 

	font-family:Arial, Helvetica, sans-serif; 

	margin-bottom: 10px;

	}

h1 { font-size: 150%;}
	
	#rightContainer h1 { background-color:#666666;}

h2 {font-size: 120%;}

	.colum h2 {border-bottom: 1px solid #111;}

	 #leftContainer h2 { border-top: #666666 solid ; margin-top: 10px;} 

h4 {font-size: 180%; font-family:Arial, Helvetica, sans-serif; color:#FF0000;}



p { font-size:18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color:#FFFFFF;

	line-height: 1.35em; padding: 3px 0 10px 10px;}

#footer p { font-size: 90%; color:#999999;}

p a { color: #CC6600;}

a {color: #fdc47a;}

a:hover { color: #bd561a;}



h1 a, h2 a, { color: #fdc47a;}





#navbar ul li {display: inline; font: Arial, Helvetica, sans-serif; font-size: 18px; color: #333333; margin-left: 5px;}

#navbar ul li a { padding-left: 5px;}

#leftContainer ul li {color: #FFFFFF; list-style: none;  margin-left: 5px; }

#leftContainer ul li a{ background-image:none;}

#rightContainer ul li { font-family: Arial, Helvetica, sans-serif; list-style: none; color:#FFFFFF; margin-left:25px;}

ul li a:hover{ color: #999999; background-image: url(../photos/cleff.jpg); background-repeat: no-repeat;}
ul li a:visited{ color: #FFFFFF;}









li span.historyDate {display: block; font-weight: bold; font-size: 180%;}



/* definition list */

dl { margin-left: 20px;}

dt {color: #999999; font-size: 180%; font-weight: bold;}

dd { color: white; padding-bottom: 20px; padding-left: 20px; line-height: 1.35em;

	font-family: Arial, Helvetica, sans-serif;

	}