/* CSS Document */

body
{
	text-align: center;
	background: #005350;
	color: #444;
	font-size: 0.8em;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	margin:5px;
	padding:5px;
}

#container
{
	float:left;
	text-align: left;
	margin-left: 2em;
	width:65%;
	background: #fff;
	height:100%;
}

#bigcontainer
{
	width:100em;
	float:left;
}
#webstats{
visibility:hidden;
}

h1 {
	background: #2DA3A3;
	color:#FFF;
	font-size:1em;
	text-align:left; 
	margin-left:5em;
	width:700px;
	padding:5px;
	margin-top:1px;
	margin-bottom:1px;
	}
h2 {
	
	border: inherit;
	font-size:1.5em; 
}
 
 /*navigation*/
#nav
{
	margin-left: 100px;
	padding: 10px 0;
}

#nav ul
{
	display: inline;
	padding: 0;
	
}

#nav li
{
	display: inline;
	padding: 0 10px 5px 0;
}

	
menu a:link
{
	color:#175b7d;
	text-decoration: none;
}

a:visited
{
	color:#600;
}

a:hover, a:active
{
	color:#000;
	text-decoration: underline;
}

/*This controls the postions of the text information in columns*/
#content
{
	float: left;
	width: 100%;
	margin-left:45px;
	padding: 0px 0;
}

#leftColumn{
float:left;
width:38%;
padding:20px;
}

#rightColumn{
float:left;
width:38%;
padding:20px;
}

#wholeColumn{
float:left;
width:72%;
padding:20px;
}

#pageDivider{
float:left;
background-image: url(/images/dividerCSS.gif);
width:0.2em;
height:20em;
}

#footer 
{
	border: inherit; 
	clear: both;
	/*background: #660000;*/
	color: #000;
	padding: 5px 5px 5px 5px;
	text-align: right;
	font-size: 80%;
	float:left;
	}
#header{
	background-image: url(/images/banner5.gif);
	width:710px;
	height:149px;
	margin-left:5em;
	margin-bottom:2em;
}
	
#sideimage{
	float:left;
	width:130px;
	height:444px;
	filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;
	background-image:url(/images/buddah.jpg);
	margin-left:-40px;
}

#menu a {
  position: absolute;
  height: 60px;
  width: 75px;
  top: 174px;
  }
a#home { left: 195px; }
a#history { left: 275px; }
a#opening { left: 355px; }
a#projects { left: 435px; }
a#news { left: 515px; }
a#literature { left: 595px; }
a#photos { left: 675px; }
a#findus { left: 755px; }

#footerTXT {
	position:absolute;
	left:645px;
	top:750px;
	width:237px;
	height:20px;
	color:black;
}

#sidebar {
		position:absolute;
		top:263px;
		left:640px;
		width: 200px;
		background: #eeeeee;
		padding: 10px;
		}

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

.tel, .fn {
		margin-bottom: 0;
		}

.org {
		font-weight: bold;
		}

p.saveCard {
		margin-top: 1em;
		}

/* --- forms --- */

.row {
		clear: both;
		padding-top: 5px;
		}

form {
		margin-bottom: 1em;
		}
		
fieldset {
		margin-bottom: 10px;
		padding: 10px;
		border: 1px dotted #666666;
		width:400px;
		}		

legend {
		padding: 0 10px;
		background: #ffffff;
		text-transform: uppercase;
		color: #666666;
		font-size: 1.0em;
		}

.formLabel {
		font-size: 1.2em;
		line-height: 1.6em;
		text-align: right;
		margin-right: 10px;
		width: 100px;
		float: left;
		}

.formControl {
		float: left;
		}
		
input, textarea {
		border: 1px solid #666666;
		padding: 2px;
		font: 1em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		}	
		
input {
		font-size: 1.2em;
		width: 250px;
		}			

textarea {
		width: 412px;
		}
		
.submitButton {
		background: #eeeeee;
		font: bold 1.0em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		padding: 4px 6px;
		width: auto;
		}
		
#frontpagebox{
	border: 1px solid #666666;
	width:20em;
	height:20em;
	padding:1em;
}	

#button {
	position: absolute;
	top: 188px;
	left:126px;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	font-weight:bold;
	color: #333;
	display: inline;
	padding: 10px 10px 10px 0px;
	width:900px;
	}
html>body #button {
	position: absolute;
	top: 188px;
	left:100px;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	font-weight:bold;
	color: #333;
	display: inline;
	padding: 10px 10px 10px 0px;
	width:900px;
	}
	
#button ul {
		list-style: none;
		padding: 0;
		border: none;
		display: inline;
		margin-left:0;
		}
		
	#button li {
		display: inline;
		margin-left: -4px;		
		}
#button li a {
		display: inline;
		padding: 10px 10px 10px 10px;
		/*border-left: 10px solid #339900;
		border-right: 10px solid #339900;*/
		background-color: #005350;
		color: #fff;
		text-decoration: none;
		}

	html>body #button li a {
		width:auto;
		display: inline;
		}

	#button li a:hover {
		/*border-left: 10px solid #005350;
		border-right: 10px solid #005350;*/
		background-color: #339900;
		color: #fff;
		}
#photopage{
	width:40em;
	float:left;
	margin-bottom:1em;
	border-bottom-style: groove
}

#newsphotopage{
	float:left;
}