body {
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #fff;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
h1, h2, h3, h4, h5 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
#home {
	background-color: #c00;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#home a, #home a:link {
	margin: 0 auto;
	padding: 0;
	width: 784px;
	height: 100px;
	display: block;
	text-indent: -10000px;
	text-decoration: none;
	background-image: url(/graphics/logo.gif);
	background-position: center center;
	background-repeat: no-repeat;
}
#nav {
	background-color: #666;
	height: 30px;
	padding: 0;
	margin: 1px 0;
	text-align: center;
}
#nav ul {
	width: 784px;
	padding: 0 0 0 0px;
	margin: 0 auto;
}
#nav ul li {
	padding: 0;
	margin: 0;
	display: inline;
	list-style-type: none;
}
#nav ul li.first,
#nav ul li a.first,
#nav ul li a:link.first {
	border-left: 1px solid #fff;
}
#nav ul li a,
#nav ul li a:link,
#nav ul li a:visited {
	padding: 6px 0px 8px 0px;
	color: #fff;
	text-decoration: none;
	background: transparent;
	width: 194px;
	float: left;
	border-right: 1px solid #fff;
	font-weight: bold;
}
#nav ul li a:hover {
	color: #fff;
	background-color: #c00;
}
#nav ul li.active {
	color: #000;
	background-color: #ccc;
	padding: 6px 0px 8px 0px;
	text-decoration: none;
	width: 194px;
	float: left;
	border-right: 1px solid #fff;
	font-weight: bold;
}
#page {
	width: 784px;
	margin: 0 auto;
	padding: 10px 0;
	background-image: url(/graphics/pagebg.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
	background-color: #fff;
}

body#fullwidth #page {
	width: 784px;
	margin: 0 auto;
	padding: 10px 0;
	background-image: none;
	background-color: #fff;
	text-align: left;
}

#leftcol, #centercol, #rightcol, #video {
	float: left;
	text-align: left;
	background-color: transparent;
}
#leftcol, #rightcol {
	width: 150px;
	padding: 0 5px;
	font-size: 10px;
	color: #400000;
}
#centercol {
	width: 444px;
	padding: 0 10px;
}
#video {
	width: 594px;
	padding: 0 10px;
}

#centercol h4 {
	font-style: italic;	
	font-size: 14px;
	background-image: url(/graphics/h4grad.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	line-height: 20px;
}
/*#centercol p {
	padding: 0;
	margin: 0;
}*/
#footer {
	height: 90px;
	background-image: url(/graphics/footer.gif);
	background-repeat: repeat-x;
	background-color: #567657;
	padding: 25px 0 0 0;
	margin: 0;
	color: #fff;
	font-size: 10px;
	line-height: 14px;
}
#footer ul {
	width: 784px;
	padding: 0;
	margin: 0 auto;
}
#footer ul li {
	padding: 0 20px;
	margin: 0;
	display: inline;
	list-style-type: none;
	color: #fff;
	width: 220px;
	float: left;
	border-right: 1px solid #ccc;
	text-align: left;
}
.first {
	border-left: 1px solid #fff;
}
#footer ul li.last {
	border-right: none;
}
#footer ul li a,
#footer ul li a:link,
#footer ul li a:visited { 
	color: #fff;
}
#footer ul li a:hover {
	background-color: #fff;
	color: #336633;
}
#credit {
	width: 784px;
	margin: 0 auto;
	padding-top: 10px;
	color: #888;
	font-size: 9px;
}
#grass {
	height: 50px;
	margin: 0;
	background-color: #fff;
	background-image:url(/graphics/grass.jpg);
	background-repeat: repeat-x;
}
.prod_o {
	padding: 2px 2px 20px 2px;
}
.clr {
	clear: both;
}
input,
select,
textarea {
	font-size: 11px;
	margin: 1px;
	font-family: Arial, Helvetica, sans-serif;
}
td a {
	text-decoration: none;
}
span.new {
	color:#FF0000;
	font-weight: bold;
	}
.req {
	font-size: 9px;
	color: #c00;
	}
label {
	display: block;
	margin-top: 1em;
	font-weight: bold;
}

#rightcol ul {
	list-style: none;
}

#rightcol ul li {
	padding:2em 0;
	border-bottom: 1px solid #e6e6e6;
}

#rightcol a img {
	border: none;
}



/* admin */

#logout {
	text-align: right;
	width: 760px;
	color: #fff;
	margin: 0 auto;
	background-color: #fff;
	height: 1px;
	padding: 10px 40px;
}

#logout a {
	color: #fff;
	padding: 5px;
	background-color: #666;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
}

p.edit {
	background:  url('/img/edit.png') no-repeat center left;
	font-size: 16px;
	line-height: 32px;
}
p.edit a {
	margin-left: 36px;
}

.opaque {
	opacity: .5;
}

p.edit a{
	padding-left: 40px;
	background:  url('/img/edit.png') no-repeat center left;
	min-height: 32px;
	display: block;	
}

#admin {
	min-height: 32px;
}

#admin a.add, #admin a.edit, #admin a.delete {
	padding-left: 40px;	
	padding-top: 10px;
	padding-bottom: 10px;
}

#admin a.add {
	background:  url('/img/new_doc.png') no-repeat center left;
}

#admin a.edit {
	background:  url('/img/edit.png') no-repeat center left;
}

#admin a.delete {
	background:  url('/img/minus.png') no-repeat center left;
}

.areyouhuman {
	display: none;
}

/* Success, notice and error boxes
-------------------------------------------------------------- */

.error, 
.message    { padding: .8em; margin-bottom: 1em;  }

.error, .error_message     { color: #CC0000;}
form .form_error {border: 1px solid #CC0000; }
.message, .success    { background: #ffff99; color: #000; border: 3px solid #ffff00; }
.error a    { color: #8a1f11; }
.message a  { color: #264409; }


/* displaying videos */
ul.gallery {
	list-style: none;
}

ul.gallery li {
	margin: 0.2em;
	padding: 0.25em;
	width: 120px;
	display: block;
	display: inline-block;
	vertical-align: top;
}

ul.gallery a img {
	border: none;
}


/* Display YouTube videos */

#myFlashContent {
	background:  url('/img/loading.gif') no-repeat  center center;
	background-image: none;  /* use javascript to cancel this and display the loading image */
	width: 425px;
	height: 344px;	
	display: block;
}

/* to cover the loading image */
p.alternate {
	display: block; 
	width: 425px;
	height: 344px;
	background-color: #fff;
}

/* another loading message, because the background to #myFlashContent will only work until flash kicks in, and then there's a delay until the movie loads */
p.fadeout {
	background-color: yellow;
	width: 425px;
}

/* contact
================================== */

p#contact {
	line-height: 32px;
}

p#contact a {
	background: url('/images/contact.png') top left;
	color: #fff;
	display: block;
	width: 108px;
	height: 32px;
	padding-left: 10px;
	text-decoration: none;
}

p#contact a:hover {
	background: url('/images/contact.png') 0 32px;
	color: #FFFF00;
}