body, html {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body {
	background-color: #376B3A;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

#bgWrapper {
	background-image: url(../images/background.jpg);
	background-repeat: repeat-y;
	min-height: 100%;
	width: 962px; /*width of titleGraphic, since it's larger than #main*/
	margin-left: auto;
	margin-right: auto;
}

a:link {
	color: #376B3A;
	text-decoration: none;
}

a:hover, a:visited:hover  {
	text-decoration: underline;
}

a:visited {
	color: #89B949;
	text-decoration: none;
}

a img {
	border: none;
}

h1 {
	margin: 0px;
	font-weight: bold;
	margin-bottom: .5ex;
}

h2 {
	font-size: 16px;
	color: #376B3A;
	text-align: center;
}

h3 {
	color: #376B3A;
}

#header {
	padding-top: 40px;
}

#main {
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 30px;
}

#navBar {
	float: left;
	width: 150px; /*width of column - 5 for each side*/
	display: inline;  /*fix for IE double-margin float bug*/
	margin-left: 32px; /*width of left stripe + 5*/
}

#navBar h1 {
	background-color: #89B949;
	color: #E5F88F;
	text-align: center;
	font-size: 22px;
	height: 27px;
}

#navBar .linkBlock {
	margin-bottom: .5em;
	margin-left: 8px;
}

#content {
	margin-left: 232px; /*start of column (227) + 5*/
	padding-top: 40px;
	width: 472px; /* width of column (482) - 5 for each side */
	font-size: 14px;
}

#content h1 {
	background-color: #376B3A;
	color: #E5F88F;
	/*height: 29px;*/ /*img height - padding*/
	text-align: center;
	font-size: 24px;
	padding-bottom: 4px;
}

#content p {
	margin: 0px 8px 1em 8px;
}

#content .margined {
	margin: 0px 8px 4px 8px;
}

#content .margined h1 {
	/*Undo side margins for h1's*/
	margin-left: -8px;
       	margin-right: -8px;
}

.clear {
	clear: both;
}

h1 img.left {
	float: left;
	vertical-align: top;
}

h1 img.right {
	float: right;
	vertical-align: top;
}

.gallery .thumbs {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4px;
}