/* -- Main Template Structure CSS ------------------------------------------ */

body { font-size: 100%; font-family: Helvetica, Arial, sans-serif;}

.wrapper { width: 930px; margin: 0px auto; position: relative; overflow: hidden; }

#header, #header-inner, #logo, #top, #menu, #content, #footer {  }

#header, #header-inner, #content, #footer { clear: both; }

#content { font-size: 90%; min-height: 600px; }

h1, h2, h3, h4 { color: #648326; margin-bottom: 0px; }

h1 { font-size: 150%; }
h2 { font-size: 125%;  margin-bottom:12px;}
h3 { font-size: 110%; }
h4 { font-size: 100%; }

p { margin-top: 0px; }

table td { vertical-align: top; }

.left { float: left }
.right { float: right }

.clear { clear: both; }

.content.pad_left { padding-left: 10px; }
.content.pad_right { padding-right: 10px; }



/* -- Main Template Style CSS ---------------------------------------------- */

#logo { float: left; }
#top { float: right; }

#top a { color: #5e4d42; text-decoration: none; font-size: 80%; }

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

ul.menu.inline { list-style: none; padding: 0px; }
ul.menu.inline li { float: left; padding: 0 10px; }


#menu { border-top: 4px solid #648326; border-bottom: 4px solid #648326; }


.topnav { background: #ffffff; }
.topnav a { text-transform: uppercase; }
.topnav ul li a { text-transform: none; }

.topnav .item1 a { color: #648326; }
.topnav .item2 a { color: #c94d00; }
.topnav .item3 a { color: #7a6691; }
.topnav .item4 a { color: #5381ac; }
.topnav .item5 a { color: #5e4d42; }

.topnav .item1.hover a { background: #D0DABE; }
.topnav .item2.hover a { background: #EFCAB2; }
.topnav .item3.hover a { background: #D7D1DE; }
.topnav .item4.hover a { background: #CBD9E6; }
.topnav .item5.hover a { background: #CFCAC6; }

.topnav .item1.hover a:hover { background: #648326; color: #ffffff; }
.topnav .item2.hover a:hover { background: #c94d00; color: #ffffff; }
.topnav .item3.hover a:hover { background: #7a6691; color: #ffffff; }
.topnav .item4.hover a:hover { background: #5381ac; color: #ffffff; }
.topnav .item5.hover a:hover { background: #5e4d42; color: #ffffff; }

.topnav .item1 ul li a { border-left: 4px #648326 solid; }
.topnav .item2 ul li a { border-left: 4px #c94d00 solid; }
.topnav .item3 ul li a { border-left: 4px #7a6691 solid; }
.topnav .item4 ul li a { border-left: 4px #5381ac solid; }
.topnav .item5 ul li a { border-left: 4px #5e4d42 solid; }

/* may not use this, just wanted to record the color some where */
.accent { color: #5e4d42; }

#footer .deco { margin: 16px 0; }
#footer .deco td { width: 20%; }
#footer .deco div { background: #b1c192; margin: 0 4px; height: 50px; }
#footer .deco div.first { margin: 0 4px 0 0; }
#footer .deco div.last { margin: 0 0 0 4px; }

#footer { text-align: center; }

#footer .inner { background: #648326; color: #eeeeee; overflow: hidden; padding: 4px; font-size: 75% }
#footer .inner a { color: #ffffff; text-decoration: none; }

#footer .menu { font-size: 75%; padding: 14px 0; margin: 0 0 20px 0; }