/**
	Color Scheme:
	Primary:  #20697E
	Contrast: #841F0F;
	Shadow: #84610F;

*/
body {
	background: url('../images/gray_riv.gif');
}

.shadow {
	background-color: #84610F;	
}	

.contrast {
	background-color: #841F0F;
}
	

span.error {
	color:#841F0F; 
}

.ui-state-error .error {
	color: #222222;
}	

div#page {
	background: white url('../images/gray_riv.png');
	position: relative;
	width: 90%;
	max-width: 70em;
	min-width: 57em;
	margin: 2em auto 2em auto;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	border-left: 2px solid #eeeeee;
	border-top: 2px solid #eeeeee;
}

div#header {
	width: 100%;	
	border-bottom: 1px solid navy;
}

div#header a {
	color: white;	
}

div#branding {
	width: 100%;
	float: left;	
}

div#branding img {
	float: right;	
	margin: .5em .5em .5em .5em;
	
}

div.shadow {
	background-color: #206a7e;
}

div#branding h1 {
	margin: 0 0 0 .25em;
	font-size: 36pt;
	font-family: Stencil,Cambria, Arial, Helvetica, sans-serif;
	color: #E63317;
	white-space: nowrap;	
	line-height: 100px;
	text-align: left;	
}

div#pagecontent {
	clear: both;
	position: relative;
}

div#requestContent {
	margin: 0 .5em .5em 10.2em;
	padding: 0 .5em 0 .7em; 
	min-height: 25em;
	border-left: 1px solid navy;	
}

div#cms-content {
	padding-top: 1em;
}

div#footer {
	margin: 2em 1em 1em 1em;	
	clear: both;
	text-align: center;	
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

br.clear {
	clear: both;
	height: 1%;
}

label {
	display: block;	
}

form > div {
	margin: .5em .5em .5em .5em;	
}	

input[type='text'], input[type='textarea'] {
	display: block;
}

input[type='checkbox'], input[type='radio'] {
	float: none;
	display: inline;
}
	
div.checkbox label, div.radio label{
	float: none;
	display: inline;	
}

form {
	margin: 0 auto;
}

form > div {
		
}

form > div {
	text-align: left;
	float: left;		
	padding: .7em .5em .7em .5em;
}

form > fieldset div {
	text-align: left;
	float: left;	
	padding: .3em .5em .3em .5em;
} 	

form div.newrow {
	clear: both;
}

	
fieldset.radio > div {
	min-width: 100px;
	display: inline-block;
}

/* Clear the '*' after every label! :) */
div.radio fieldset label:after {
	content: "";
}

/* CMS View related layout styles  */
	/** Gallery Page Formatting */
	div#gallery_item_wrapper {	
		text-align: center;
	 	width: 100%;
	 	height: auto;
	 	margin: .5em auto .5em auto;
	 	padding: 0 0 0 0;
	 	position: relative;
	}
	
	div#gallery_item_wrapper h2 {
		color: black;
	}
	
	
	div#full_gallery_wrapper {
		white-space: nowrap;
	}
	
	div#gallery_tour_wrapper {
		margin: 0 auto;
		width: 600px;
	}
	
	div#gallery_tour_wrapper a {
		padding: .5em .5em .5em .5em;
		font-size: 14pt;
		text-decoration: none;
	}
		
	div#gallery_tour_wrapper div.gallery_image {
		text-align: center;
		padding: 0 0 0 0;
		margin: 0 auto;
	 	width: 100%;
	 	height: 352px;
	}

	div#gallery_tour_wrapper div#parent-category-nav {
		float: none;
		margin: 0 auto;	
		text-align: center;
		display: inline;
	}
	
	div#gallery_nav_wrapper {
		width: 100%;
		text-align: center;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	
	div#gallery_nav_wrapper > div {
		width: 33%;
		float: left;
		text-align: center;
		height: 3em;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}

	div#gallery_tour_wrapper div.gallery_nav {
	 	font-size: 10pt;
	 	margin: 0 0 0 0;
	 	padding: 0 0 0 0;
	}


	.gallery_image img {
		border-top: 3px solid silver;
		border-left: 3px solid silver;
		border-bottom: 3px solid #333333;
		border-right: 3px solid #333333;
	}

	div#gallery_description, div#gallery_commontext {
		margin: 0 auto;
		padding: 0 0 1em 0;
		width: 75%;
		text-align: justify;
	}
	
	div#gallery_title {
		padding: 0 0 0 0;
		font-weight: lighter;
		margin: 0 0 0 0;
		text-align: center;
	}
		
	div#gallery_item_info {
		white-space: normal;		
		margin: 0 auto 0 auto;
		width: 80%;
		padding: 0 0 0 0;
		font-size: 10pt;
	}
	
	div#gallery_item_info > div {
		width: 100%;
	}
	
	div#gallery_previews {
		margin: 0 auto;
		display: block;
	}
	
	div#gallery_preview_wrapper {
		text-align: center; 		
		margin: 0 0 0 0;
		white-space: nowrap;
		padding: 0 0 0 0;
		width: 640px;
		height: 180px;
		overflow-x: scroll;
		overflow-y: hidden;
	}
	
	div#gallery_previews ul{
		list-style-type:  none;
		height: 150px;
		width: auto;
	}
	
	div#gallery_previews li {
		display: inline-block;
		position: relative;
		width: 140px;
		height: 140px;
		margin: .5em .3em 0 .3em;
		padding: 0 0 0 0;
	}

	span.vertical-wrap {
		display: table-cell;
		width: 140px;
		height: 128px;
		vertical-align: middle;	
		text-align: center;
	}

	#gallery_previews li a span {
		display: inline-block;
	    height: 100%;
	    width: 1px;
	}

	
	
	#gallery_previews li a {
	}

	span.loading, div.loading {
		background: white  url(../images/large_spinner.gif) no-repeat center center;
		content: "Loading...";
	}
	

	div#categoryDescription {
		width: 85%;
		margin: -.5em auto 2em auto;
	}

	ul#galleryList, ol#galleryList,  #galleryList li, ul#categoryList, #categoryList li, #pageList li, ul#pageList {
		list-style-type: none;
	}	
	
	ul#galleryList li, ul#categoryList li, ul#pagelist li {
		margin: .5em .5em 1em .5em;
		padding: .5em .5em 1em .5em;
		width: 45%; 
		float: left;
	}
	
	#galleryList a.galleryBrowseTitle, #categoryList a.categoryBrowseTitle, #pageList a.pageBrowseTitle {
		display: block;
		margin: .5em .5em .5em .5em;
		padding-bottom: .5em;
		text-decoration: none;
		white-space: nowrap;		
	}
	
	#galleryList div.description, #categoryList, div.description, #pageList div.description {
		width: 100%;
		min-height: 80px;
	}
		
	#galleryList img, #categoryList img, #pageList img {
		
	}
	

	div.gallery-description-wrapper {
		float: left;
		max-width: 80%;	
	}
	
	div.page-description-wrapper {
		float: left;
		max-width: 40%;
	}
	
	#pageList li {
		width: 49%;
		float: left;
		margin-bottom: 1em;
	}
	
	div.alert-block span.ui-icon {
		display: block;
		float: left;
		margin-right: 1em;
	}
	
	span.picture-frame {
		padding: .5em .5em .5em .5em;
		display: block;
		float: left;
		text-align: center;
	}
	
	a.thumb-link {
		height: 150px;
		width:  150px;
		display: block;
		float: left;
	}
	
	div#page_navigation {
		text-align: center;
		margin: 1em auto;
		width: 75%;
		min-height: 3em;
		font-size: 10pt;
	}
	
	#page_navigation > div {
		display: block;
		float: left;
		width: 30%;
		font-size: 10pt;
		font-weight: normal;
	}
	
	#page_navigation > div a, #page_navigation div.parent-category-nav a {
		margin: .5em .5em .5em .5em;
		padding: .2em .5em .2em .5em;
		text-decoration: none;
	}

	span.ui-icon {
		display: inline-block;
	}
		
	div.parent-category-nav a {
		font-size: 11pt;
		font-weight: normal;
		margin: .5em .5em .5em .5em;
		padding: .2em .5em .2em .5em;
		text-decoration: none; 
	}	
	
	hr {
		width: 85%;
	}
	
	div#nav {
		position: absolute;
		top: 0;
		left: 0;
		width: 10.2em;
	}
	
	div#subheader {
		margin-top: 1em;
	}
	
	div#nav h1 {
		margin: 0 0 .5em 0;
		text-align: left;
		padding: 0;
		font-size: 16pt;
		line-height: 20pt;
		font-weight: normal;
		color: white;
		text-align: center;
		letter-spacing: normal;
	}
	
	div#loginblock {
		position: absolute;
		top: -1.5em;
		left: -2px;
		min-width: 12em;
		width: auto;
		height: 1.25em;
		margin: 0 0 0 0;
		padding: .5em .5em .5em .5em;
		background: white url('../images/gray_riv.png');
		border-left: 2px solid #eeeeee;
		border-top: 2px solid #eeeeee;
		font-size: 12pt;
	}
		
	ul#navMenu {
		width: 90%;
		margin: 0 auto;
		font-size: 12pt;
		font-family: "Times New Roman", Times, serif;
	}

	ul#navMenu > li {
		width: 100%;
		display: block;
		margin-left: 0;	
		line-height: 32px;
	}	
	
	ul#navMenu li.home {
		padding-left: 32px;
		background: url("../images/gohome_s.gif") no-repeat left;
	}
	
	ul#navMenu li {
		padding-left: 16px;	
		background: url("../images/ball2tn.gif") no-repeat left;
	}
		
	div#menu-donate p  {
		color: red;
		font-weight: bold;
		font-variant: small-caps;
		white-space: normal;
		width: 9em;
		min-width: 9em;
		margin: 0 auto;
		padding-bottom: 1em;
		font-size: 12pt;
	}
		
	div#menu-donate {
		padding-top: 1em;
	}

	div#menu-donate fieldset {
		margin: 0 0 0 0; 
		padding: 0 0 0 0;
		border: none;	
	}

	div.callout {
		float: right;
		padding: .75em .75em .75em;
		background-color: #E5C884;	
		font-style: italic;
		max-width: 20em;
	}
	
	/* Override typo.css */
	div#content div.callout p {
		min-width: 10em; /* reset */
		width: 15em;
	}
	
	div#formactions {
		clear: both;
		width: 65%;
		display: block;
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	
	input.ui-widget {
		padding: .5em .5em .5em .5em;
	}
	
	fieldset span.error {
		display: block;
	}
	
	form#changePasswordForm > div {
		display: block;
		float: none;
	}
	
	a:hover {
		color: #841F0F;
	}
	
	div#captcha-block {
		margin-left: -1.5em;
		margin-right: -1.5em;
	}
	
	fieldset#captchafields {
		float: none;
		margin: 0 auto;
		padding: 0;
	}
	
	fieldset#captchafields > div {
		min-width: 600px;
		max-width: 700px;
		float: none;
		margin: 0 auto;
		padding: 0;
	}