/*	Color palette:
	Olive #808000
	Olive 90% #8d8d1a
	Olive 67% #aaaa54
	--Olive 50% #c0c080--
	Olive 33% #d5d5ab
	Brown #a52a2a
	SaddleBrown #8b4513 (Reddish Brown NAV BAR (main) HOVER TEXT color)
    Lighter Green VISITED NAV LINK: #49602b;
    DARKER GREEN Regular Nav LINK: #294427; (also for h5)
	Pantone 1525 C #ba5700
	former Sidebar Orange #d2691e
	former Sidebar Orange 95% #d47129
	DarkGoldenRod #b8860b
	GoldenRod #daa520
	DarkKhaki #bdb76b
	Beige #f6f6e0
        Greenish tinge beige #e4e4d9
	Darker Grey #444
	Dark Grey #555
    former sidebar Orange/ now H1 h2 #d47129
	New Sidebar & Nav Bar Backgrounds: #97562b;
    Lighter Green VISITED NAV LINK: #49602b;
    
*/

/*	Common elements */
body	{
		color: #444;
		font-size: 12px;
        line-height: 125%;
		font-family: Verdana, sans-serif;
		text-align: center;	
		min-width: 800px;
		background: #e4e4d9;
		}

a		{
		color: #808000;
		text-decoration: none;
		}

a:link	{
		color: #808000;
		}

a:visited	{
		color: #808000;
		}

a:hover {
		color: #a52a2a;
		}

a:active {
		color: #daa520;
		border-bottom: 0;
		}

h1, h2, h3, h4 {
		font-family: "Trebuchet", Helvetica, sans-serif;
		}

h1		{
		color: #d47129;
		font-size: 18px;
		text-transform: uppercase;
		margin-bottom: 0;
		}

h2		{
		color: #d47129;
		font-size: 16px;
		text-transform: uppercase;		
		}

h3		{
		color: #daa520;
		font-size: 14px;
		text-transform: uppercase;
		margin-top: 15px;
		margin-bottom: 5px;
		}

h4		{
		color: #555;
		font-style: italic;
		font-weight: normal;
		font-size: 13px;
		margin-top: 0;
		}

h5            {
                color: #294427;
                font-style: italic;
		font-weight: normal;
		font-size: 12px;
		margin-top: 0;
		}


img		{
		margin: 0;
		padding: 0;
		border: 0;
		}
		
/* Page structure */
#wrapper {
		text-align: left;
		margin: 0 auto;
		width: 800px;
		}
#container {
		line-height: 115%;
		text-align: left;
		margin: 0;
		}

#banner {
		width: 798px;
		height: 75px;
		margin-bottom: 10px;
		}

#subcontainer {
		width: 796px;
		background: #97562b; /*putting this here to make the sidebar grow more elegantly */
		}

*html #subcontainer {
		width: 796px;
		background: url(../images/sub/subcontainer_bkgrd.gif) repeat-y right;

		}

.page_indicator {
		position:absolute;
		padding: 0;
                margin-top: -60px;
                margin-left: 140px;
		z-index:1;
		}

#sidebar {
		color: #fff;
		font-size: 10px;
		text-align: center;
		width: 200px;
		float: left;
		margin: 0;
		padding: 0;
		background: #97562b;
		}

#sidebar div {
		font-family: "Helvetica Neue", Helvetica, sans-serif;
		margin: 0 10px;
		padding: 10px;
		}

#rightContent {
                line-height: 140%;		
                width: 566px;
		float: left;
		padding: 15px;
		background: #fff;
		}

#sidebar p, #rightContent p {
		margin-top: 0;
		margin-bottom: 10px;
		}
#inset {
		float: right;
		width: 220px;
		height: 65px;
		margin: 5px -15px 5px 10px;
		padding: 10px 0 10px 30px; 
		border-top: 4px solid #b8860b;
		border-bottom: 4px solid #b8860b;
		background: #f6f6e0;
		}
*html #inset {
              padding: 20px 20px 2px 25px;
                 }

#placard {
		font-size: 9px;
		text-align: center;
		border-top: 1px solid #dd8f56;
		border-bottom: 1px solid #dd8f56;
		}

#clearance {
        height: 0;
        clear: both;
        }

/* Table layout */
.table	{
		font-size: 10px;
		font-family: Verdana, serif;
		margin-left: -25px;
		}
.table div {
		list-style-type: none;
		width: 551px;
		margin-left: 31px;
		padding: 0;
		}
.table li {
		text-align: center;
		display: block;
		width: 102px;
		float: left;
		padding: 0 18px 12px 25px;
		}

.table img {
		border: 2px solid #fff;
		}
.table img:hover {
		border: 2px solid #a52a2a;
		}
.table img:active {
		border: 2px solid #daa520;
		}

/* Navigation bar */
#nav	{
		font-weight: bold;
		font-size: 11px;
		font-family: Verdana, serif;
		margin-left: -2px;
		padding-top: 5px;
		list-style-type: none;
        		}
#nav li {
		text-align: center;
		display: block;
		width: 114px;
		float: left;
		background: #97562b;
        border-bottom: 2px solid #aaaa54;
		}

#nav a {
		text-align: center;
		padding: 4px;
		display: block;
		}

#nav a:link {
	        display: block;
		position: relative;		
                color: #294427;
		}
#nav a:visited {
		color: #49602b;
		}
#nav a:hover {
		color: #8b4513;
		background: #c0c080;
		}
#nav a:active {
		color: #294427;/*#fff;*/
		background: #97562b;/*#808000;*/
		}
#nav ul li a.selected {
		color: #6b1821; 
		background: #b8860b;
		}


/*NEW FOOTER STUFF FROM TOM / WITH DELICIOUS LINK */

#footer   {
                color: #294427;
		font-size: 11px;
		font-family: "Trebuchet", sans-serif;
		clear: both;
                margin: 10px auto;
		list-style: none;
		}

#footer li {
		padding: 5px;
		display: inline;
                background: url(../images/sub/pipe.gif) no-repeat right;
				}
/*TOM PUT THESE IN TO SPACE BETTER WITH THE FLOATING ELEMENTS*/
#footer li.first {
		padding-left: 0;
		}
#footer li.last {
		background: none;
		}
#footer li.right {
		float: right;
		margin-top: -5px; 
                padding-right: 0;
		background: none;
		}
#footer a, #footer a:link, #footer a:visited {
		color: #356650;
		}
#footer a:hover {
		color: #ba5700;
		border-bottom: 1px dotted #ba5700; 
		}

#footer a:active {
		color: #808000;
                border-bottom: 1px dotted #808000;
		}



/* Formatting classes */
.dropcap {
		color: #a52a2a;
		font-family: Georgia, Times, serif;
		font-size: 34px;
		padding: 8px 2px 4px 0;
		margin: 0 2px 0 0;
		float: left;
		}

*html .dropcap {
               padding: 8px 2px 6px 0;
                }

.demure {
		font-size: 10px;
		font-family: "Helvetica Neue", Helvetica, sans-serif;
		text-transform: uppercase;
		}
.strong {
		color: #8b4513;
		font-weight: bold;
		font-size: 12px;
		font-family: Arial, sans-serif;
		text-transform: uppercase;
		}
.highlight {
		font-weight: bold;
		font-size: 10px;
		font-family: "Arial Narrow", Arial, sans-serif;
		text-transform: uppercase;
		margin-bottom: 0;
		}
.floatLeft {
		position: relative;
		clear: left;
		float: left;
		margin: 0;
		padding: 0;
		}
.floatRight {
		position: relative;
		clear: right;
		float: right;
		margin: 0;
		}
.marker {
		text-align: right;
		font-style: italic;
		padding-right: 10px;
		color: #356650;
		}