body {
	background-color: #AAA49F;
	behavior: url(css/csshover.htc);
	
	}
#brightcolumn {
	width: 197px;
	background-color: #6F6E6C;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	float: none !important; /*removes the float for Mozilla browsers*/
	margin-left: 500px !important; /*fakes a floated right item for Mozilla browsers*/
	margin-left: 500px;	
	}
	
#rightcolumn {
	width: 197px;
	background-color: #6F6E6C;
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #000000;
	float: none !important; /*removes the float for Mozilla browsers*/
	float: right;
	margin-left: 500px !important; /*fakes a floated right item for Mozilla browsers*/
	margin-left: 0px;
}
#content {
	background-color: #FFFFFF;
	background-image: url(../images/rightbar_back.gif);
	background-repeat: repeat-y;
}
#footer {
	background-image: url(../images/footer_back.gif);
	background-repeat: no-repeat;
	clear: both; /*forces the containing div to wrap around this element*/
	height: 35px;
	background-position: 0px 20px;
}
#rightnav li {
	margin-left: -40px !important; /*fixes a margin error for Mozilla browsers*/
	margin-left: 0px;
}

#rightnav {
	list-style-type: none;
	margin: 5px 0px 0px 25px;
}
#rightpic {
	margin-left: 12px;
	margin-top: 8px;
	margin-bottom: 15px;
}

#leftcolumn {
	height: 220px;
	width: 500px;
	background-color: #545B6D;
	float: left;
}
#leftcolumn img {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 14px;
}

#textcontent {
	background-color: #FFFFFF;
	width: 460px;
	float: left;
	clear: left;
	padding: 20px;
	background-image: url(../images/text_back.gif);
	background-repeat: repeat-x;
}

#nav {
	background-color: #545b6d;
	padding-top: 10px;
	padding-left: 40px;
}
#container {
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
	background-image: url(../images/shadow_tile.gif);
	background-repeat: repeat-y;
	width: 700px;
}
#shadowbot {
	margin-right: auto;
	margin-left: auto;
	width: 740px;
	height: 23px;
	background-image: url(../images/shadow_bottom.gif);
}


/*Navigation------------------------------------------------------------------------------------------------*/


#geography {
	background-image: url(../images/navigation/geog_button.gif);
}
#geography:hover {background-image:url(../images/navigation/over/geog_button.gif);
}
#projects {
	background-image: url(../images/navigation/project_button.gif);
}
#projects:hover {
background-image:url(../images/navigation/over/project_button.gif);
}
#contact {
	background-image: url(../images/navigation/contact_button.gif);
}
#contact:hover {
background-image: url(../images/navigation/over/contact_button.gif);
}
#home {
	background-image: url(../images/navigation/home_button.gif);
}
#home:hover {
background-image:url(../images/navigation/over/home_button.gif);
}
#history {
	background-image: url(../images/navigation/history_button.gif);
}
#history:hover{
background-image:url(../images/navigation/over/history_button.gif);
}
#nav ul li ul li a { /*Formats the drop down menus*/
width: 160px;
padding-left: 4px;
padding-top: 4px;
height:14px;
padding-bottom:4px;
font-weight:bold;
}
#nav ul li ul li a:hover { /*make the background of the drop down menus change color when a mouse passes over them*/
background-color: #D2CBC3
}

#nav ul li {
	margin: 0px 3px 0px 0px;
	float: left; /*forces the list items to display horizontally*/
	position: relative; /*makes the dropdown menus appear under the horizontal buttons*/
}
#nav ul li:hover ul, #nav ul li ul:hover{ /*#nav ul li.over ul { uses a javascript method to force IE to put a hover state on a list item*/
	display:block;
}
#nav a {
text-decoration:none;
color: #81796E
}
#nav ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float:left; /*forces the ul to enclose the list items that are floated left*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#nav ul li ul {
	position: absolute;
	background-color: #E6E2DE;
	width: 164px;
	z-index: 50;
	border: 2px solid #65799E;
	display: none;
}
#nav ul li ul li {
	width: 164px !important;
	width: 160px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #81796E;
}

/*End Navigation------------------------------------------------------------------------------------------------*/

#header p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #D5C5AE;
	font-size: 11px;
	text-align: center;
	letter-spacing: 4px;
	margin: 0px;
	padding-top: 10px;
}
#shadowtop {
	margin-right: auto;
	margin-left: auto;
	width: 740px;
	height: 23px;
	background-image: url(../images/shadow_top.gif);
}


#header {
	background-color: #545B6D;
	background-image: url(../images/rivet_header.jpg);
	height: 53px;
}
#logo {
	margin-top: 5px;
	margin-left: 25px;
}
#lowerivet {
	width: 500px;
	float: left;
	clear: left;
	background-image: url(../images/rivet_header.jpg);
	background-position: right bottom;
	height: 27px;
}
#textcontent p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#usgbc {
	float: left;
	}

#smallogo {
	float: right;
}
#nav ul li a {
	height: 25px;
	width: 122px;
	display: block;
}
#nav ul li a span{
text-indent: -800px; /*hides the link text to show the background image*/
font-size: 0px;

}#rightnav img {
	border-style: none;
}

.style4 {
    font-weight: bold;
    color: #FFFFFF;
	font-size: 11px;
}
