body {
	text-align:  center;
   background: #A2A16A url(../i/bg.jpg) repeat-x;
	margin:      0;
	padding:     0;
	font-size:   small;
	line-height: 130%;
	font-family: helvetica, arial, sans-serif;
	color:       #5E4D3E;
	font-size:   x-small; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size:   small; /* actual value */
}
html>body body {
		font-size:   small; /* be nice to Opera */
}
/*-- [   LAYOUT                    ]  -----------------------*/

#wrapper {
	text-align: left;
   margin: 0 auto;
   padding: 0;
   width: 700px;
   position: relative;
}
#header {
   clear: both;
   padding: 0;
   width: 700px;
   float: left;
   height: 105px;
   background: #fff url(../i/bg-header.gif) no-repeat;
}
#footer {
   clear: both;
   width: 700px;
   float: left;
   margin: 0;
   background: #D9D8B8;
   }
#content {
   float: left;
   width: 700px;
   display: inline;
   padding: 0;
   margin: 0;
   background: #fff url(../i/bg-content.gif) repeat-y;
   }
#headline {
   float: left;
   background: #5D4D3E;
   width: 505px;
}
#headline-wide {
   float: left;
   background: #5D4D3E;
   width: 700px;
   clear: both;
   margin: 0;
}

/*-- [   COLUMNS                   ]  -----------------------*/
.gutter {
   margin: 20px;
}
.c1 {
   width: 195px;
   float: left;
   margin: 0;
   padding: 0;
}
.c2 {
   width: 505px;
   float: right;
   margin: 0;
   padding: 0;
}
/*-- [   TYPOGRAPHY               ]  -----------------------*/

h2  {
   font-family: Georgia, Palatino, Times, "Times New Roman", serif;
   font-weight: normal;
}
h3, h4 {
   font-family: Helvetica, Arial, Verdana, sans-serif;
}
h4 {
   margin-bottom: 0.25em;
   line-height: 100%;
   font-size: 100%;
}
h3.newstitle {
   margin-bottom: 0;
}
h5 {
   margin-top: 0;
   font-size: 90%;
   font-style: italic;
}
h6.dateline {
   text-transform: uppercase;
   letter-spacing: 0.15em;
   font-size: 80%;
   margin-bottom: 0;
}
p {
   font-size: 100%;
   line-height: 150%;
   margin: 0 0 1em 0;
   }

td {
   font-size: 85%;
   line-height: 100%;
   background: #D9D8B8;
   height: 25px;
}

blockquote {
   font-size: 120%;
   line-height: 150%;
}

/*-- [   SPECIAL TYPOGRAPHY       ]  -----------------------*/

#headline h2 {
   margin: 1.5em 2em 1em 1.25em;
   color: #fff;
}
#headline-wide h2 {
   margin: 0 2em 1.5em 215px;
  color: #fff;
   }
#header h1 {
   text-align: right;
   font-size: 115%;
}
#header h1 a {
   float: right;
   margin-top: 26px;
   padding: 33px 0 0 0;
   overflow: hidden;
   height: 0px !important;
   height /**/:20px; /* for IE5/win */
	}
p.intro {
   font-size: 120%;
   color: #7C7A3D;
   line-height: 125%;
}
#footer p {
   font-size: 80%;
   }
p.byline {
   margin-left: 260px;
   font-size: 80%;
   font-weight: bold;
}
/*-- [   NAVIGATION              ]  -----------------------*/


a:link {
   color: #A16C3B;
   text-decoration: none;
}

a:visited {
   color: #A16C3B;
   text-decoration: none;
}
a:hover {
   color: #A16C3B;
   text-decoration: underline;
}
#nav {
   background: #D9D8B8;
   float: left;
   /*height: 239px;*/
   height: 265px;
}
#nav, #nav ul, #nav li, #nav li a {
	width: 195px;
}
#nav ul {
	margin: 5px 0 0 0;
   padding: 0;
	float: left;
	display: inline;
}

#nav ul {
	list-style: none;
	overflow: hidden;
}
#nav li {
	float: left;
	overflow: hidden;
}
#nav li a {
	padding-top: 26px;
	display: block;
	height: 0px !important;
	height /**/:26px; /*for IE5/Win only */	
	background-position: top left;
	background-repeat: no-repeat;
	overflow: hidden;
}
#nav li a:hover {
	background-position: -196px 0;
}
#nav a.current {
	background-position: -392px 0;
}
#nav a.current:hover {
	background-position: -589px 0;
}
a#n1 { background-image: url(../i/n1.gif); }
a#n2 { background-image: url(../i/n2.gif); }
a#n3 { background-image: url(../i/n3.gif); }
a#n4 { background-image: url(../i/n4.gif); }
a#n5 { background-image: url(../i/n5.gif); }
a#n6 { background-image: url(../i/n6.gif); }
a#n7 { background-image: url(../i/n7.gif); }
a#n8 { background-image: url(../i/n8.gif); }
a#n9 { background-image: url(../i/n9.gif); }
a#n10 { background-image: url(../i/n10.gif); }
a#n11 { background-image: url(../i/n11.gif); }


/*-- [   IMAGES                    ]  -----------------------*/
#image {
   width: 505px;
   height: 265px;
   float: right;
   /*background: #D9D8B8;*/
   background: #5D4D3E;
   margin: 0;
   padding: 0;
   }
#image img {
   float: right;
   display: block;
   margin: 0;
   padding: 0;
   }
.quote {
   margin-left: 198px;
}

/*-- [   SIFR                     ]  -----------------------*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: 9px;
	font-size: 130%;
   margin: 0;
}

/*-- [   FORMS             ]  -----------------------*/

input, textarea, select {
	padding: 1px;
}
.button {
   width: auto;
   margin: 15px 0 0 0;
   }
input:focus, textarea:focus, select:focus {
	background: #E9E8D5;
}
.override {
   width: auto;
}
.clear {
   clear: both;
}

hr {
  border: 0;
  width: 80%;
  color: #A2A16A;
  background-color: #A2A16A;
}
