/* CSS Document */

* 	{
	margin: 0; 
	padding: 0;
}

body {
	background-image: url('bricksm3.jpg');
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #252d22;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

#container {
	width: 804px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	margin-top: 15px;
	border: 0px solid #000000;
	text-align: justify; /* this overrides the text-align: center on the body element. */
}

#topBanner {
	background-image: url('header2.jpg');
	height: 235px;	
}

#navigation {
	height: 130px;
	width: 100%;
	text-align: center;
}

#navlist{position:relative;}
#navlist li{margin:0;padding:0;list-style:none;position:absolute;top:0;}
#navlist li, #navlist a{height:130px;display:block;}

#home{left:0px;width:114px;}
#home{background:url('navsprite.jpg') 0 0;}
#home a:hover{background: url('navsprite.jpg') 0 -130px;}

#message{left:114px;width:192px;}
#message{background:url('navsprite.jpg') -114px 0;}
#message a:hover{background: url('navsprite.jpg') -114px -130px;}

#photo{left:306px;width:177px;}
#photo{background:url('navsprite.jpg') -306px 0;}
#photo a:hover{background: url('navsprite.jpg') -306px -130px;}

#links{left:483px;width:94px;}
#links{background:url('navsprite.jpg') -483px 0;}
#links a:hover{background: url('navsprite.jpg') -483px -130px;}

#about{left:577px;width:95px;}
#about{background:url('navsprite.jpg') -577px 0;}
#about a:hover{background: url('navsprite.jpg') -577px -130px;}

#weather{left:672px;width:132px;}
#weather{background:url('navsprite.jpg') -672px 0;}
#weather a:hover{background: url('navsprite.jpg') -672px -130px;}

ul.nav {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: small;
	color: #cccccc;
	line-height: 59px;
	white-space: nowrap;
}

ul.nav li {
	
	display: inline;
}

ul.nav a {
	text-decoration: none;
	color: #cccccc;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	
	border: 0px solid #000;
	margin-left: 10px;
}

ul.nav a:link {
    color: #cccccc;
	
}

ul.nav a:visited {
	color: #7f7f7f;
	
}

ul.nav a:hover {
	color: #000000;
	
}

a:link {
    color: #323a25;
	
}

a:visited {
	color: #474d49;
	
}

a:hover {
	color: #000000;
	background-color: #81967a;
}

h1 {
	text-align: left;
	color: #8b8764;
}

h2 {
	text-align: left;
	color: #6e6c55;
}

h3 {
	text-align: center;
	color: #8b8764;
}

.picture {
	padding-right: 20px;
}

#mainContent {
	background-image: url('backgnd.jpg');
	padding-right: 60px;
	padding-left: 60px;
}

table {width:100%;}

#footer {
	text-align: center;
}

#bottomBar {
	background-image: url('bottom.jpg');
	height: 40px;
}