/* exceptions for print version */
@media print
{
	@page {
		size: landscape !important;
	}
	html body {
		background-color: #ffffff !important;
	}
	header button,
	nav,
	div.navdropdown,
	.noprint	/* catchall to style any other items which are not for printing */
	{
		display: none !important;
	}
	div.wrapper {
		width: auto !important;
	}
	div.content {
		width: auto !important;
		float: none !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	div.vertscroll
	{
		height: auto !important;
		resize: none !important;
		overflow-y: visible !important;
	}
}

html body
{
	line-height: 1.55em;
	font-family: "Lucida Grande", verdana, lucida, helvetica, sans-serif;
	color: #661A00;
	background-color: #ffffcc;
	margin: 0;
}

html>body
{
	font-size: small;
}

h1
{
	font-size: 2em;
	font-weight: bold;
}

h2
{
	font-size: 1.3em;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 5px;
	font-weight: bold;
}


h3
{
	font-size: 1em;
	padding-top: 0;
}

p
{
	margin-left: 10px;
}
.blood {
	color: #ff4000;
}
.highlight {
	background-color: yellow;
}
.clearboth {
	clear: both;
}

div.wrapper
{
	width: 1000px;
	margin:0 auto;
}

div.content
{
	height: 100%;
	width: 760px;
	float: right;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

div.vertscroll
{
	height: 300px;
	resize: vertical;
	overflow-y: scroll;
	margin: 10px 0px 0px 0px;	/* top right bottom left */
	border: 1px solid;
	border-color: #661A00;
	box-shadow: 3px 3px 3px #661A00;
}

div.xsmallalignright
{
	text-align: right;
	font-size: x-small;
	margin-top: 5px;
	line-height: 120%;
}

div.content p,
div.vertscroll p,
div.vertscroll h2,
div.vertscroll h3,
div.vertscroll div,
{
	margin-left: 10px;
}

div.relationshipform
{
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}


header
{
	position: relative;
	text-align: center;
	clear: both;
	padding-bottom: 0px;
}

header button
{
	position: absolute;
	top:-10px;
	right: 10px;
}

footer
{
	text-align: center;
	clear: both;
	padding-bottom: 10px;
	font-size: x-small;
	line-height: 100%;
}

footer div
{
	margin-top: 5px;
}

nav
{
	width: 180px;
	float: left;
	background-color: #661A00;
	color: #ffffcc;
	padding: 10px;
}

.navindent
{
	padding-left: 10px;
}

:link,
:visited,
:link:focus,
:visited:focus,
:link:active,
:visited:active
{
	text-decoration: none;
	color: #661A00;
	background-color: transparent;
	border-bottom: 1px dotted;
	border-color: #661A00;
}

:link:hover,
:visited:hover
{
	border-bottom: 1px solid;
}

.nav :link,
.nav :visited,
.nav :link:focus,
.nav :visited:focus,
.nav :link:active,
.nav :visited:active
{
	color: #ffffcc;
}

div.activenav
{
	color: #ffa500;
}
span.navnew
{
	color: yellow;
	font-weight: bold;
	font-style: italic;
}

div.navdropdown
{
	float: left;
	padding: 0px;
}
.navdropdown
{
	color: #ffffcc;
	text-align: left;
	line-height: 150%;
}
.navdropdown :link,
.navdropdown :visited
{
	color: #ffffcc;
	display:block;
	border: none;
}
.navdropdown :link:focus,
.navdropdown :visited:focus,
.navdropdown :link:active,
.navdropdown :visited:active
{
	color: #661A00;
	border: none;
}
.navdropdown ul
{
	background-color: #661A00;
	padding: 0px;
	margin: 0;
	list-style: none;
	z-index:100;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
}
.navdropdown span
{
	margin-left: 4px;
	margin-right: 4px;
}
.navdropdown a
{
	margin-left: 2px;
	margin-right: 2px;
}
.navdropdown li
{
	float: left;
	position: relative;
	background-color: #661A00;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
}
.navdropdown li ul	/* submenu */
{
	display: none;
	position: absolute;
	padding: 2px;
/*	top: 1em;
	left: 0;	*/
	border-right: solid 1px #ffffcc;
	border-bottom: solid 1px #ffffcc;
	border-radius: 0 5px 5px 5px;
	-webkit-border-radius: 0 5px 5px 5px;
	-moz-border-radius: 0 5px 5px 5px;
}
.navdropdown li li	/* submenu items */
{
	width: 100%;
}
.navdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}
.navdropdown li:hover ul { /* lists nested under hovered list items */
	display: block;
}
.navdropdown li ul li :hover { /* list items when hovered */
	background-color: #ffffcc;
	color: #661A00;
}

div.center
{
	text-align: center;
}

hr
{
	color: #661A00;
	background-color: #661A00;
	border:	none;
	height: 2px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
}

table
{
	border: none;
	margin-left: 5px;
}
table td {
	vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;
}

input, textarea
{
	font-family: inherit;
	font-size: inherit;
}

#contactform input,
#contactform textarea {
	width: 400px;
}

#contactform textarea {
	height: 200px;
}

div#changepwform {
	width: 400px;
}

#changepwform table {
	width: 100%;
}
#changepwform ul {
	list-style-type:square;
	margin-left: -15px;
	line-height: 120%;
}

.formbutton {
	max-width: 150px;
	padding: 3px 5px;	/* top+bottom then left+right */
	-webkit-border-radius: 4px;
        border-radius: 4px;
	border: solid 1px #661A00;
	background: #F3F3C3;
	color: #661A00;
	text-decoration: none;
	cursor: pointer;
	display: inline;
	text-align: center;
	line-height: 1;
}
.formbuttonsmall {
	margin-top: 5px;
	max-width: 150px;
	padding: 2px 2px;	/* top+bottom then left+right */
	-webkit-border-radius: 4px;
        border-radius: 4px;
	border: solid 1px #661A00;
	background: #F3F3C3;
	color: #661A00;
	text-decoration: none;
	cursor: pointer;
	display: inline;
	text-align: center;
	line-height: 1;
}

.formbutton:hover {
	text-decoration: none;
	color: #4D1300;
	border: solid 1px #4D1300;
	background: #E6E6B8;
	box-shadow: 2px 2px 2px #4D1300;
}