@charset "utf-8";
/* CSS Document */

html, body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image:url(../images/riverBW.jpg);
}

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#009900;
}

p img{
	float:left;
	margin-right:5px;
	padding:0px 5px 0px 5px;
	font-size:12px;
	color:009955;
}

#wrapper {
	width:760px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	background-color:white;
	border:8px solid #003300;
	position:relative;
}

#topbar {
	font-size:10px;
	padding: 15px 0px 15px 0px;
	background-color:white;
	height:75px;
	width:758px;
}

/* #galleryTopbar {
	font-size:10px;
	padding: 15px 0px 2px 0px;
	background-color:white;
	height:auto;
	width:758px;
} */

#topHolder {
	height:14px;
	margin-left:15px;
	width:350px;
	float:left;
}

#topbar a {
	background-position:0px 0px;
	background-repeat:no-repeat;
	color:#008888;
	display:block;
	float:left;
	padding: 2px 8px 2px 8px;
	border-right: 2px solid #006600;
}

#top_image {
	color:#008888;
	float:right;
	padding-right:15px;
	position: absolute;
	top: 1px;
	right: 1px;
}

#nav_bar{
	padding-bottom:5px;
	padding-left:10px;
	background-color:white;
	height:42px;
	width:748px;
	position:relative;
}

#nav_bar a {
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	font-size:12px;
	background-image:url(../images/up.gif);
	background-repeat:no-repeat;
	/*padding-left:15px;*/
	padding-top:8px;
	height:24px;
	width:105px;
	float:left;
}

#nav_bar a:hover {
	color:#003300;
}

#nav_bar a:active {
	color:#003300;
	background-image:url(../images/pressed.gif);
}

#nav_bar a:visited {
	
}

#top_box{
	padding:0px 20px 5px 20px;
	background-color:white;
	height:96px;
	width:718px;
}

.picFrame {
	width:700px;
	margin-left:20px;
	margin-right:-10px;
	margin-top:10px;
	margin-bottom:10px;
	position:relative;
}

.img-shadow {
  	float:left;
  	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  	background: url(../images/shadow.gif) no-repeat bottom right;
  	margin: 10px 0 0 10px !important;
  	margin: 10px 0 0 5px;
  }

.img-shadow img {
  	display: block;
  	position: relative;
  	background-color: #fff;
  	border: 1px solid #a9a9a9;
  	margin: -6px 6px 6px -6px;
  	padding: 4px;
  } 

.outerBox {
	background-color:white;
	width:760px;
	height:298px;
/*	border-color:#3300CC;
	border-width:2px;
	border-style:solid; */
	position:relative;
	float:left;
}

.blend1 {
	width:370px;
	height:278px;
	position:absolute; 
	top: 8px; bottom: 8px; left: 5px; right: 381;
	border-color:#008888;
	border-width:2px;
	border-style:solid;
}

.blend2 {
	width:370px;
	height:278px;
	position:absolute;
	top: 8px; bottom: 8px; left: 381; right: 5px;
	border-color:#008888;
	border-width:2px;
	border-style:solid;
} 

.blend1 img {
opacity: 0;
-moz-opacity: 0;
-khtml-opacity:0;
filter: alpha(opacity=0); 
position:absolute;
}

.blend2 img {
opacity: 0;
-moz-opacity: 0;
-khtml-opacity:0;
filter: alpha(opacity=0); 
position:absolute;
}


.left {
	margin-top: 20px;
	width:380px;
	float:left;
}

#leftText {
	margin-left: 20px;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	margin-bottom: 20px;
}

#wrap {
	height: 79px;
	width: 380px;
}

#box1 {
	height: 69px;
	width: 110px;
	margin: 5px;
	background-image:url(../images/img1s.jpg);
	background-repeat:no-repeat;
	background-position:5px 5px; 
	float: left;
}

#box2 {
	height: 69px;
	width: 110px;
	margin: 5px; 
	background-image:url(../images/img2s.jpg);
	background-repeat:no-repeat;
	background-position:5px 5px; 
	float: left;
}

#box3 {
	height: 69px;
	width: 110px;
	margin: 5px;
	background-image:url(../images/img3s.jpg);
	background-repeat:no-repeat;
	background-position:5px 5px; 
	float: left;
}

#boxA {
	height: 32px;
	width: 210px;
	margin-top: 23px;
	margin-left: 10px;
	background-color: #00FF00; 
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	float: left;
}

#boxB {
	heigh: 32px;
	width: 160px;
	margin-top: 7px;
	margin-left: 36px;
}


.left2 {
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	width:360px;
	float:left;
}

.right2 {
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
	width:360px;
	float:left;
}

#right {
	padding-right:10px;
	padding-left:10px;
	width:360px;
	float:left;
}

#right p {
	padding-top:5px;
	padding-left:5px;
	padding-bottom:15px;
	font-size:12px;
	color:#009900;
}

#histFooter {
	clear:both;
	padding-top:50px;
	padding-left:15px;
	padding-right:15px;
	height:52px;
	text-align:center;
	font-size:10px;
}

#footer {
	clear:both;
	padding-top:50px;
	height:52px;
	background-color:#66FF66;
	background-image:url(../images/line_back.gif);
	background-position:211px 0px;
	background-repeat:repeat-y;
	text-align:center;
	font-size:10px;
	border-right:14px solid #989898;
}


/* Contact us page */

.form_box {
	margin-left:20px;
}

/* Diary Page */

.text_title {
	padding-left:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:35px;
	font-weight:600;
	color:#000000;
}

.text_head {
	padding-top:20px;
	padding-left:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:400;
	color:#000000;
}

.text_subhead {
	padding-top:10px;
	padding-left:50px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:800;
	color:#009900;
}

.text_indent {
	margin-top: -5px;
	padding-left:30px;
	font-size:12px;
	color:#009900;
}

.text_indent1 {
	padding-top: 10px;
	padding-left:70px;
	font-size:12px;
	color:#009900;
}

.text_indent2 {
	padding-top: 10px;
	padding-left:80px;
	font-size:12px;
	color:#009900;
}

.text_indent3 {
	padding-top: 10px;
	padding-left:90px;
	font-size:12px;
	color:#009900;
}

.text_indent4 {
	padding-top: 10px;
	padding-left:100px;
	font-size:12px;
	color:#009900;
}

.text_spacer {
	padding-top: 1px;
}

.diary_block {
	padding-top:5px;
	padding-left:20px;
	width:720px;
}

.diary_event {
	margin-top:15px;
	padding-left:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:400;
	color:#000000;
}

.diary_text {
	padding-top:0px;
	padding-left:15px;
}

.diary_text2 {
	padding-top:-25px;
	padding-left:30px;
}

.floatright { 
	float: right; 
	width: 320px;
	margin: 10px 15px 10px 40px;
	padding: 2px;
}

.floatleft { 
	float: left; 
	width: 320px;
	margin: 10px 40px 10px 15px;
	padding: 2px;
}

.reivText {
	margin: 10px 20px 10px 20px;
}


/* Gallery code common styling */

a {color:#000;}
a:hover {text-decoration:none;}
a:visited {color:#111;}



/* slides styling */

.photo {width:720px; height:600px; background:url(../images/treesBWa.jpg) no-repeat center center; text-align:left; position:relative;
		margin: -15px 18px 18px 18px;}

.photo dl {font-size:0.9em; position:absolute; width:400px; top:100px; left:100px;}
.photo dl dt {font-family:"times new roman", serif;font-size:1.8em; margin-bottom:2em;}
.photo dl dd {font-family:verdana, arial, sans-serif;  padding:0; margin:0; line-height:1.7em; margin-bottom:2em; font-size:11px;}
.photo dl dd:first-letter {font-weight:bold;}
.photo ul.topic {padding:0; margin:0; list-style:none; width:720px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:block; width:240px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:239px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#006600; background:#aaa;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul 
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd url(../images/close.gif) no-repeat right top; width:479px; padding:70px 100px; border:20px solid #aaa;}

.photo ul.topic li a:hover ul li, 
.photo ul.topic li:hover ul li 
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic li a:hover ul li a, 
.photo ul.topic li:hover ul li a 
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photo ul.topic li a:hover ul li a img, 
.photo ul.topic li:hover ul li a img 
{display:block; width:100px; height:75px; border:5px solid #eee;}

.photo ul.topic li a:hover ul li a img.large, 
.photo ul.topic li:hover ul li a img.large 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}

.photo ul.topic li a:hover ul li a:hover img.large, 
.photo ul.topic li:hover ul li a:hover img.large 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}

.photo ul.topic li:hover ul li a:focus, 
.photo ul.topic li:hover ul li a:active,
.photo ul.topic li a:hover ul li a:active 
{position:static; outline:0;}

.photo ul.topic li:hover ul li a:focus img, 
.photo ul.topic li:hover ul li a:active img, 
.photo ul.topic li a:hover ul li a:active img 
{position:absolute; left:200px; top:170px; width:200px; height:150px; padding:0; background:#000; border:0; z-index:5;}

.photo ul.topic li:hover ul li a:focus img.large, 
.photo ul.topic li:hover ul li a:active img.large, 
.photo ul.topic li a:hover ul li a:active img.large 
{position:absolute; left:15px; top:24px; width:640px; height:480px; padding:0; background:#000; border:4px solid #fff; z-index:10;}