@charset "UTF-8";
/* CSS Document */

body
{
	margin: 0px;
	padding: 0px;
	background-color: #d3bd98;
	background-image: url(images/background_tile.jpg);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.25;
	color: #2f3829;
	}
	
/* Global Link Colors */
a:link
{
	text-decoration: underline;
	color: #0a4079;
	}
	
a:hover
{
	text-decoration: none;
	color: #0a4079;
	}
	
a:visited
{
	text-decoration: underline;
	color: #555555;
}


/* Main Site Container, makes it centered on page */
#container
{
	Border: 2px solid #d3bd98;
	width: 962px;
	min-height: 800px;
	margin: 0px auto 20px auto;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	background-image: url(images/bottom_graphic_tile.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	}

/* Banner can be re-used, is width of container */
.banner
{
	float: left;
	width: 964px;
	}

/* container that holds the logo and illustration */	
#branding
{
	float: left;
	width: 964px;
	}
	
/* container that holds the navigation menu */
#navigation
{
	float: left;
	width: 964px;
	height: 60px;
	}
	
.image
{
	float: left;
	width: 515px;
	padding-top: 50px;
	}
	
.content1
{
	width: 855px;
	padding: 0px 30px 0px 50px;
	}
	
.content2
{
	float: left;
	width: 385px;
	padding: 0px 0px 0px 50px;
	}

.text1
{
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-style: italic;
	font-weight: bolder;
	font-size:16px;
	color: #2f3829;
	}
	
.text2
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color: #000000;
	}
	
.text3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #2f3829;
	}
	
	
.text4
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:12px;
	color: #000000;
	}
	
.text5
{
	font-family: Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:12px;
	color: #000000;
	}
	

#flash
{
	float: left;
	width: 885px;
	margin: 0px 20px 0px 20px;
	padding: 0px;
	height: 460px;
	}
	
	
/* A class that clears both, and has nothing in it. If you stick it directly under floating divs, but inside of the container div, it will recognize the floats, plus the container will recognize the fixer, allowing the container div to expand vertically correctly. */
.fixer
{
	clear: both;
	margin: 0px;
	padding: 0px;
	}
	
hr 
{
	border: none 0px;
	background-color: #555555;
	color: FFFFFF;
	height: 1px;
	width: 95%;
}
	

/* Footer Div properties */
#footer
{
	clear: both;
	width:: 800px;
	text-align: center;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	color: #000000;
	font-size: 11px;
	}

/* Footer Link settings */
#footer a:link
{
	color: #000000;
	}
	
#footer a:hover
{
	text-decoration: underline;
	color: #000000;
	}
	
#footer a:visited
{
	text-decoration: underline;
	color: #808080;
	}	

