/* Main Stylesheet
*/

table {
	margin:0;
	background-image:  none;
	text-align:left;
	font-family:verdana, helvetica, arial, "sans serif";
	font-size: small; 
	color:#736759; 
	}

body {
	background-color:#ccc;
	margin:0;
	background-image:  url("");
	background-position:50% 0;
	background-repeat:no-repeat;
	text-align:center;
	font-family:verdana, helvetica, arial, "sans serif";
	font-size:80%;
	color:#736759; 
	}
a img {
	border-width: 0px;
	color: #736759;
}
a, a:link {
	text-decoration:underline;
	color:#0033CC;
}
a:visited {
	color:#996699;
	text-decoration: underline;
}
a:hover, a:active, #footer a:hover, #footer a:active {
	color:#FF6600;
	text-decoration:underline;
}
h1, h2 {
	font-weight:bold;
	color: #736759;
}
h1 {
	font-size: medium;
	color: #736759;
}
h2 {
	font-size: small;
	color: #736759;
}
h3 {
	clear:both;
	font-weight:normal;
	font-size:1.25em;
	margin:20px 0 10px 9px;
	color:#736759;
}


p {
	font-size: small;
	margin:0 20px 10px 12px;
	color: #736759;
}

#main {
	width:725px;
	margin:0 auto;
	text-align:left;
	color: #736759;
	background-color: #D9D2C4;
}
#banner {
	float:left;
	padding:0;
	margin:0;


	// margin-left:-3px;
	color: #C1B79F;
	background-color: #D9D2C4;
}

#topnav {
	width: 100%;
	margin: auto;
	padding: 0;
	background-image:  url("");
	color: #736759;
	background-color: #D9D2C4;
	font-size: small; /* Obviously, this is the size of the fonts in the top nav */
	
	/* I am commenting out the left and right gray borders because I can't seem to get both working properly */
	/* border-left: 1px solid #848484; /* the gray border */
	/* border-right: 1px solid #848484; /* the gray border */	
}
#topnav ul {
	list-style-type: none;
	text-align: center;
	padding: 0;
	position: relative;
	color: #736759;
	/* float:left; */
}
#topnav li {
	font-size:0.95em;
	text-align: center;
	display: inline;
	color: #C1B79F;
}
#topnav li a {
	background-image:  url("");
	background-position:bottom left;
	background-repeat:repeat-x;
	border-left:1px solid #bcc;
	display: block;
	float: left;
	width:100px;
	height:1.5em;
	line-height:1em;
	padding:8px 0 12px 0;
	voice-family: "\"}\"";
	voice-family:inherit;
	padding-bottom:0;
	color: #736759;
	text-decoration: none; /* Steve, this removes the underline from active links */
}
#topnav li a:hover {
	/*
	background-image: url("../images/topnav_button_on.gif");
	color: #393324; */
	font-weight: bold;
	border-bottom: 4px solid black;
	padding-bottom: 0px;
	background: white;
	color: black; /* Steve, this gives the nice fat underline for hovering links */
}
/*
== HIGHLIGHT NAV TAB FOR ACTIVE PAGE ==
== Current page indicated within Dreamweaver by Body ID, which is alterable through Modify > Template Properties
/* nav1 indicates Page 1, nav 2 indicates Page 2, etc */
body#nav1 a#nav1, 
body#nav2 a#nav2, 
body#nav3 a#nav3, 
body#nav4 a#nav4, 
body#nav5 a#nav5, 
body#nav6 a#nav6
{
	/* background-image:none;
	background-color:#fff;
	color:#736759;  */
	font-weight: bold;
	border-bottom: 4px solid black;
	padding-bottom: 0px;
	background: white;
	color: black;
}

/* This is the system where id="current" would indicate the active page */
#topnav li#current a {
	
	background-image:none;
	background-color:#fff;
	color:#736759;
}
#main_content {
	width:725px;
	float:left;
	background-image: url("../images/content_bg.gif");
	background-repeat:repeat-y;
	color: #736759;
}
#main_col {
	margin-top:1px;
	float:right;
	padding:15px 15px 10px 0;
	width:545px;
	font-size: small;
	font-size: small;
	color: #736759;
}
#main_col p {
	font-size: 0.95em;
	color: #736759;
}
#main_col li {
	margin-bottom:7px;
	font-size: 0.95em;
	color: #736759;
}
#footer {
	background-image: url(../images/footer_bg.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	margin:25px 0 0 0;
	padding:2px 0 25px 0;
	text-align:center;
	color: #736759; /* added by Steve */
}
#footer ul {
	padding:0;
	margin:6px 0;
	list-style-type:none;
	color: #CC0066; /* added by Steve */
}
#footer li {
	line-height:150%;
	text-align:center;
	font-size:0.95em;
	display:inline;
	color: #CC3399; /* added by Steve */
}
#footer li a {
	padding:5px 15px;
	color:#736759; /* added by Steve */
	background-color: #DFEDEE; /* added by Steve */
}

.callout_box {
	clear:both;
	border:1px solid #ccc;
	margin:25px 67px 0 0;
	background-image: url("../images/callout_box_bg.jpg");
	background-repeat:repeat-x;
	background-color:#dde7db;
	padding:20px;
	padding-top:0;
	color: #736759;
}
.callout_box h2 {
	margin-left:-3px;
	margin-top:25px;
	color: #736759;
}
.callout_box h3 {
	margin-top:20px;
	margin-left:-3px;
	font-size:1.15em;
	color: #736759;
}
.callout_box p {
	margin:0 0 10px 0;
	color: #736759;
}
.content_right_column {
	float:left;
	width:400px;
	color: #736759;
}
.clear_all {
	clear:both;
	height:1px;
}


#left_col {
	float:left;
	width:150px;
	color: #736759;
}
.left_callout {
	background-color:#fff;
	border:1px solid #ccc;
	padding:8px;
	margin:12px 0 0 8px;
	color: #736759;
}
#left_col h3 {
	color:#736759;
}
#left_col h4 {
	font-weight:normal;
	color:#736759;
	padding-right:20px;
}
p.quote {
	color:#736759;
	font-size:0.9em;
	margin:4px 0;
}
p.quote_source {
	margin:8px 0;
	font-size:0.8em;
	line-height:1em;
	color:#736759;
}