@charset "utf-8";
/*

ponoiriver.com 
Version 2.0
Revision 1.0
12th November 2007

*/

/* Import Typography */
@import "typography_global.css";
@import "publicMenu.css";

html, body {
	height: 100%;
	margin: 0;
	}

body {
	background-color: #171e28;
	background-image: url(../images/public_wrapper/fadedBackground.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	z-index: 1;
	}


/***  global page layout  ***/
#backgroundFade {
	position: absolute;
	width: 980px;
	min-height: 100%;
	left: 50%;
	margin-left: -490px;
	padding: 0;
	text-align: center;
	background-image: url(../images/public_wrapper/wrapperBackground.gif);
	background-position: top left;
	background-repeat: repeat-y;
	filter: alpha(opacity=10);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
	-moz-opacity: 0.10; 
	opacity:0.1;
	z-index: 2;
	}
	
#wrapper {
	position: relative;
	width: 914px;
	min-height: 100%;
	margin: 0 auto;
	padding: 0 5px;
	background-color: #ffffff;
	background-image: url(../images/public_wrapper/wrapperBackground2.gif);
	background-position: top center;
	background-repeat: repeat-y;
	text-align: center;
	z-index: 3;
	}
	
#pageHeader {
	position: relative;
	width: 914px;
	height: 75px;
	background-image: url(../images/public_wrapper/pageHeader.gif);
	background-position: top left;
	background-repeat: no-repeat;
	border: 0;
	margin: 0;
	padding: 0;
	z-index: 3
	}
	
#pagePhoto {
	position: relative;
	width: 914px;
	height: 330px;
	border: 0;
	margin-bottom: 2px;
	padding: 0;
	overflow: hidden;
	z-index: 3
	}
	
#mainNavigation {
	position: relative;
	width: 912px;
	height: 27px;
	background-image: url(../images/public_wrapper/nav_off.gif);
	background-position: top left;
	background-repeat: repeat-x;
	border: 1px solid #e0e0e0;
	margin-bottom: 2px;
	padding: 0;
	z-index: 4;
	}
	
#pageContent {
	position: relative;
	width: 521px;
	height: auto;
	background-image: url(../images/public_wrapper/contentBackground.gif);
	background-position: top;
	background-repeat: repeat-x;
	border: 1px solid #e0e0e0;
	margin: 0;
	padding: 20px 25px;
	text-align: left;
	vertical-align: top;
	float: left;
	z-index: 3
	}
	
.extrasColumn {
	position: relative;
	width: 337px;
	height: auto;
	border: 1px solid #e0e0e0;
	margin-bottom: 2px;
	padding: 0;
	text-align: left;
	float: right;
	clear: right;
	z-index: 3
	}
	
.extrasColumnNarrow {
	position: relative;
	width: 166px;
	height: auto;
	border: 1px solid #e0e0e0;
	margin-bottom: 2px;
	padding: 0;
	text-align: left;
	font-size: 10px;
	float: right;
	clear: none;
	z-index: 3;
	overflow: hidden;
	}
	
#pageFooter {
	position: relative;
	width: 914px;
	height: 50px;
	border: 0;
	margin: 0;
	padding-top: 20px;
	vertical-align: bottom;
	clear: both;
	z-index: 3
	}
	
#copyrightNote { 
	position: relative;
	width: 980px;
	height: 20px;
	border: 0;
	padding-right: 20px;
	text-align: right;
	float: left;
	clear: both;
	}
	

/***  header sections  ***/
#siteTitle {
	width: 188px;
	height: 41px;
	padding-left: 25px;
	padding-top: 18px;
	border: 0;
	float: left;
	}
	
#logoDiv {
	width: 61px;
	height: 61px;
	border: 0;
	padding-right: 20px;
	padding-top: 6px;
	margin: 0;
	float: right;
	}
	
#DTSlogans {
	width: 402px;
	height: 71px;
	border: 0;
	padding: 0;
	margin-top: 60px;
	margin-right: 80px;
	text-align: right;
	float: right;
	}

	
/***  content sections  ***/

#pageItemContainer {
	width: 890px;
	height: auto;
	border: 0;
	background-image: url(../images/public_wrapper/pageContentDivider.gif);
	background-position: top;
	background-repeat: repeat-y;
	padding: 0;
	margin: 20px 0;
	text-align: center;
	float: left;
	}
	
#pageItemContainer_textOnly {
	width: 890px;
	height: auto;
	border: 0;
	padding: 20px 0;
	margin: 0;
	text-align: center;
	float: left;
	}
	
#pageItem_textOnly {
	width: 890px;
	border: 0;
	padding: 0;
	margin: 0;
	text-align: left;
	}
		
#pageItem_content {
	width: 500px;
	border-right: 0;
	margin: 0;
	vertical-align: top;
	text-align: left;
	float: left;
	}
	
#pageItem_photo {
	width: 317px;
	height: auto;
	padding: 0;
	margin-left: 0;
	text-align: left;
	float: left;
	}
	
#pageItem_photoOnly {
	width: 890px;
	height: auto;
	padding: 0;
	margin: 0;
	text-align: right;
	float: right;
	}
		
#pageItem_content p {
	margin-top: 0;
	margin-bottom: 10px;
	}
	
#googleMap { /* Div for google maps - 2007-08-03 ADK*/
	border: 1px solid #ddd;
	}
	
#footerLeft {
	width: 300px;
	height: auto;
	text-align: left;
	float: left;
	}
	
#footerRight {
	width: 450px;
	height: auto;
	text-align: right;
	padding-right: 5px;
	float: right;
	}

#pageThumbnailContainer {
	width: auto;
	height: auto;
	margin: 0;
	padding: 2px;
	float: left;
	}
		
#pageThumbnail {
	width: 107px;
	height: 107px;
	padding: 2px;
	background-image: url(../images/public_wrapper/thmbnailHolder.gif);
	background-position: top left;
	background-repeat: no-repeat;
	overflow: hidden;
	float: left;
	}
		
/***  table elements  ***/

table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ddd;
	}

th, td {
	padding: 0.7em;
	border-collapse: collapse;
	border: 1px solid #ddd;
	font-weight: normal;
	line-height: 1.6em;
	}

th {
	background-color: #f7f7f7;
	}
	
		
/***  plainTable elements  ***/

.fiftyPercentTable {
	width: 50%;
	border-collapse: collapse;
	border: 1px solid #ddd;
	}

.fiftyPercentTable th, .fiftyPercentTable td {
	padding: 0.3em;
	border-collapse: collapse;
	border: 1px solid #ddd;
	font-weight: normal;
	line-height: 1.6em;
	}
	
			
/***  plainTable elements  ***/

.plainTable {
	width: 100%;
	border: 0;
	}

.plainTable th, .plainTable td {
	padding: 0.7em;
	border: 0;
	}
			
/***  photoEditTable elements  ***/

.photoEditTable {
	width: 100%;
	border: 0;
	}

.photoEditTable th, .photoEditTable td {
	padding: 0.7em;
	border: 0;
	font-size: 10px;
	}
			
/***  ponoiMovies table elements  ***/

.ponoiMovies {
	width: 100%;
	border: 0;
	}

.ponoiMovies th, .ponoiMovies td {
	padding: 0.3em;
	border: 0;
	font-size: 11px;
	}
	
/***  photo display window  ***/

#displayPhotoWrapper {
	position: relative;
	width: 680px;
	height: auto;
	margin: 0 auto;
	margin-top: 20px;
	text-align: center;
	border: 0;
	}
	
.displayPhotoTable {
	width: auto;
	border: 0;
	padding: 0;
	margin: 20px;
	}

.displayPhotoTable tr, .displayPhotoTable td {
	border: 0;
	padding: 0;
	margin: 0;
	}
	
.displayPhotoCaption {
	margin-left: 8px;
	}
	
/***  misc classes  ***/
.extrasContentImage {
	width: auto;
	height: auto;
	border: 0;
	margin: 0;
	padding: 0;
	float: left;
	}
	
.extrasContentText {
	width: auto;
	height: auto;
	border: 0;
	margin: 0;
	padding: 5px;
	vertical-align: top;
	float: left;
	/* border: 1px dashed #0000ff;*/
	}
	
	/***  administration sections  ***/

#admin_pageItemContainer {
	width: 500px;
	height: auto;
	text-align: center;
	margin-bottom: 30px;
	}
	
#admin_pagePhotoContainer {
	width: 307px;
	height: auto;
	text-align: center;
	margin-bottom: 30px;
	}

fieldset {
	width: 100%;
	border: 1px solid #aaa;
	padding: 10px;
	margin: 20px 0;
	}
	
	
fieldset.Photo {
	width: 100%;
	border: 1px solid #aaa;
	padding: 10px;
	margin: 20px 0;
	overflow:hidden;
	}
	
legend {
	font-weight: bold;
	font-size: 12px;
	color: #666;
	padding: 5px;
	margin-bottom: 10px;
	}


/***  form elements  ***/	

.formFields { 
	border: 1px solid #ddd;
	background-color: #fff;
	}

.formButtons { 
	border: 1px solid #aaa;
	background-color: #eee;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	padding: 2px;
	margin: 5px 0;
	}
	
.formButtons:hover { 
	border: 1px solid #666;
	background-color: #7fb9df;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	padding: 2px;
	margin: 5px 0;
	}
	
/***  toolbar buttons  ***/
#DTToolbar {
	width: 495px;
	height: auto;
	padding: 4px;
	border: 1px solid #ddd;
	background-color: #eee;
	margin-bottom: 20px;
	float: left;
	clear:both;
	}
	
#DTToolbarPhoto {
	width: 302px;
	height: auto;
	padding: 4px;
	border: 1px solid #ddd;
	background-color: #eee;
	margin-bottom: 20px;
	float: left;
	clear:both;
	}	
	
.DTToolbar_text {
	display: block;
	width: auto;
	padding: 2px 8px;
	float: left;
	}
	
.DTToolbar_buttons {
	display: block;
	width: auto;
	padding: 2px 8px;
	margin-right: 5px;
	border: 1px solid #aaa;
	color: #666;
	background: #fefefe;
	float: left;
	}
	
.DTToolbar_buttons:hover {
	display: block;
	width: auto;
	padding: 2px 8px;
	margin-right: 5px;
	border: 1px solid #aaa;
	background-color: #7fb9df;
	color: #fff;
	float: left;
	text-decoration: none;
	}
	
.DTToolbar_buttonsSelected {
	display: block;
	width: auto;
	padding: 2px 8px;
	margin-right: 5px;
	border: 1px solid #aaa;
	background: #7fb9df;
	font-weight: bold;
	color: #fff;
	float: left;
	}	

.newsMessage {	
	font-size: 11px;
	font-weight: normal;
	line-height: 1.4em;
	color: #90c2e3;
	}