/*##################################
  # Designed by Mary Fisher Design #
  #                                #
  # www.maryfisherdesign.com       #
  # (c) Copyright                  #
  ##################################*/



/* LAYOUT */

body 
{
	line-height: 1.3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #002E22;
	background-color: #96A06F;
}


#wrap {
	width: 828px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-image: url(/images/content-bg.png);
	background-repeat: repeat-y;
	padding: 0px;
}
#header {
	background-image: url(/images/header.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 45px;
	margin-top: 0px;
}
#animation {
	height: 365px;
	width: 597px;
}
#logo {
	height: 173px;
	width: 304px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 555;
}


#nav {
	line-height: 1;
	width: 166px;
	margin-top: 0px;
	margin-left: 35px;
	height: 326px;
	padding-top: 130px;
	display: inline;
	float: left;
}


#content {
	width: 597px;
	margin-left: 210px;
}

#main {
	width: 570px;
	padding-top: 20px;
	padding-left: 10px;
}


body#pageone #main {
	width: 330px;
	padding-top: 20px;
	padding-left: 10px;
}


#main p {
	margin-top: 10px;
}
#main a {
	text-decoration: underline;
	color: #B6161F;
}
#main a:hover {
	text-decoration: none;
}

#sidebar {
	width: 228px;
	position: absolute;
	left: 560px;
	top: 339px;
	height: 309px;
}
#sidebar img {
	margin-bottom: 10px;

}
#sponsors  {
	margin-top: 10px;
	margin-bottom: 10px;
}

#bottom {
	background-image: url(/images/content-bottom.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 29px;
}


#footer {
	text-align: center;
	margin-bottom: 10px;
	font-size: 90%;
	padding: 10px;
	clear: both;
}
#footer p {
	font-size: 90%;
}
#footer a {
	color: #002E22;
	text-decoration: underline;
}
#footer a:hover {
	text-decoration: none;
}

#nav a {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-image: url(/images/nav.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}



#nav li {
	position: relative;
	list-style-type: none;
}
* html #nav li * { position: relative; }
#nav li, #nav ul { margin: 0; padding: 0; margin-bottom: -1px;}
	
	
	/*--- Default ---*/
	#nav #butt1 a { background-position: 0 0; height: 37px; }
	#nav #butt2 a { background-position: 0 -37px; height: 30px; }
	#nav #butt3 a { background-position: 0 -67px; height: 29px; }
	#nav #butt4 a { background-position: 0 -97px; height: 49px; }
	#nav #butt5 a { background-position: 0 -147px; height: 30px; }
	#nav #butt6 a { background-position: 0 -178px; height: 30px; }
	#nav #butt7 a { background-position: 0 -208px; height: 50px; }
	#nav #butt8 a { background-position: 0 -259px; height: 30px; }
	#nav #butt9 a { background-position: 0 -292px; height: 60px; }

	/*--- Hovering ---*/
	#nav #butt1 a:hover { background-position: -168px 0; height: 37px; }
	#nav #butt2 a:hover { background-position: -168px -37px; height: 30px; }
	#nav #butt3 a:hover { background-position: -168px -67px; height: 29px; }
	#nav #butt4 a:hover { background-position: -168px -97px; height: 49px; }
	#nav #butt5 a:hover { background-position: -168px -147px; height: 30px; }
	#nav #butt6 a:hover { background-position: -168px -178px; height: 30px; }
	#nav #butt7 a:hover { background-position: -168px -208px; height: 50px; }
	#nav #butt8 a:hover { background-position: -168px -259px; height: 30px; }
	#nav #butt9 a:hover { background-position: -168px -292px; height: 60px; }

	/*--- Active state with body tag / doesn't work with dropmenu ---*/	
	body#pageone #nav #butt1 a { background-position: -168px 0; height: 37px; }
	body#pagetwo #nav #butt2 a { background-position: -168px -37px; height: 30px; }
	body#pagethree #nav #butt3 a { background-position: -168px -67px; height: 29px; }
	body#pagefour #nav #butt4 a { background-position: -168px -97px; height: 51px; }
	body#pagefive #nav #butt5 a { background-position: -168px -147px; height: 30px; }
	body#pagesix #nav #butt6 a { background-position: -168px -178px; height: 30px; }
	body#pageseven #nav #butt7 a { background-position: -168px -208px; height: 50px; }
	body#pageeight #nav #butt8 a { background-position: -168px -259px; height: 30px; }
	body#pagenine #nav #butt9 a { background-position: -168px -292px; height: 60px; }
	
	/*--- Active state ---
	#nav li.active a { background-position: 0 -110px; }*/


	/*--- Dropdowns ---*/
	#nav li:hover ul, #nav li.over ul { left: 0; }
	#nav li li { float: none; position: static; width: 100%; }
	
	#nav li li a, #nav li li a:hover, #nav li li a:active {
		background: none;
		height: auto;
		padding: 1px 12% 2px;
		text-indent: 0;
		width: 76%!important;/*this plus padding max 100% - needs important when there are dropmenu and active state */
	}
	
	#nav li li a:hover { background: #eee; }
	
	#nav li ul {
		background: #fff;
		border-bottom: 1px solid #ce0000;
		left: -1999px;
		line-height: 1.5;
		padding: 5px 0;
		position: absolute;
		top: 50px;
		width: 200px;
		z-index: 9999;
	}
	
	li#nav-states ul { line-height: 1.2; width: 400px; }
	li#nav-states .col { font-size: 0.9em; float: left; width: 33%; }
	li#nav-states .col ul { border: 0; position: static; width: 100%; }
.goldcolor {
	color: #B29760;
}


/* HEADERS */

h1 {
	font-size: 120%;
	margin-bottom: 10px;
}

h2 {
	font-size: 100%;
	font-style: italic;
	margin-bottom: 10px;
}
#sidebar #box h2 {
	font-style: normal;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #012A1D;
}


h3 {
	font-size: 100%;
	color: #000000;
	text-align: right;
	font-style: italic;
	font-weight: normal;
	margin-right: 10px;
	margin-top: 10px;
}
h4  {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #012A1D;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

h5 {
	font-size: 90%;	
}

h6 {
	font-size: 100%;
	margin-bottom: 10px;
}
#main ul {
	margin-bottom: 10px;
	margin-top: 0px;
}
#main li {
	margin-left: 15px;
	list-style-type: disc;
}
#box {
	background-color: #D0CAAA;
	background-image: url(/images/brownbox-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
	text-align: center;
	font-size: 120%;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
}
#boxbottom {
	background-image: url(/images/brownbox-bottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 13px;
}
.picright {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}

#pictures {
	width: 230px;
	float: right;
	margin-left: 15px;
}
#pictures img {
	margin-bottom: 10px;
	width: 228px;
    height: auto;
}
#main ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
hr {
	height: 1px;
	color: #012A1D;
	background-color: #012A1D;
}
#gallery img {
	padding: 3px;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #CCCCCC;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}
#pagefive #pictures {
	text-align: right;
}
.blogsummary img {
	padding: 2px;
	float: left;
	height: auto;
	width: 100px;
	margin-right: 10px;
	margin-bottom: 5px;
	border: 1px solid #999999;
}
.blogsummary {
	border-bottom-width: 1px;
	border-bottom-color: #333333;
	width: 420px;
	border-bottom-style: dotted;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#pageeight #pictures h2 {
	margin-bottom: 0px;
}
#pageeight .blogpic {
	padding: 5px;
	float: left;
	height: auto;
	width: 300px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #999999;
}
#pageeight #comments {
	background-color: #efece1;
	padding: 10px;
	margin-top: 10px;
}
#pageeight .comment-content {
	background-color: #FFFFFF;
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #EFECE1;
}
#pageeight    .odd   {
	background-color: #F7F5EE;
}
#pageeight .comment-content dt {
	font-style: italic;
}
#pageeight #comment-form {
	padding: 10px;
	margin-top: 10px;
	border: 1px dotted #666666;
}
#pageeight #comment_form input {
	background-color: #e6e2d2;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 5px;
	width: 300px;
}
#pageeight #comment_form textarea {
	background-color: #e6e2d2;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 5px;
	width: 300px;
}
#pageeight #pictures {
	margin-top: 50px;
	width: 130px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #666666;
	padding-left: 10px;
}
#pageeight .date {
	font-style: italic;
	color: #666666;
}
#pageeight #pictures a {
	color: #990000;
}
#pageeight #pictures a:hover {
	text-decoration: none;
}