body {
	margin: auto;
	color: #00502f;
	font-size: 1em;
	font-family: "Bookman Old Style","Times New Roman", Times, serif;
	text-align: center;
	background-color: #ffffff;
}
   
html, body {height: 100.1%}
img {
	border:none;
	display: block;
}
table {
padding:5px;
  border:none;
	border-collapse:collapse;
background-color:#e0e1ca;
   color:#151202;
  text-align:center;
  margin:auto;
  font-size:75%;
  }
  #outer {
	/*width:767px;*/
	width:88%;
	margin: 20px auto auto auto;
	min-width: 760px;
}

#wrap {
  color:black;
  text-align:center;
   font-family: "Bookman Old Style","Times New Roman", Times, serif;
   margin:auto;
  border : 4px solid  #00502f;
 width:998px;
 background-color:#d4ceb8;

}
#home-back {
	background: transparent url(images/home-back.jpg) no-repeat scroll left top;
	 height:670px;

}
#home-content {
	float:right;
	width:480px;
	margin-right:5px;
	margin-top:10px;
	text-align:left;

}
#site-content {
width:80%;
margin:auto;
}

li {
	text-align:left;
	     font-family: Frutiger,Tahoma, Helvetica, sans-serif;
	list-style : circle outside none;
	/*background-color:#e0e1ca;*/
	background-color:#d4ceb8;
	color:#00502F;
	font-size:85%;
	margin-bottom:10px;
	font-weight: 500;
}

ol li {
	list-style-type : decimal;
}

td {
 /*background-color:#e0e1ca;*/
 background-color:white;
   color:#151202;
  vertical-align:top;
  padding:0px;
  border-collapse : collapse;
  text-align:center;
}
tr{
	border-collapse : collapse;
	 text-align:center;
}

div {
   text-align:center;
   margin:0px;
  
   padding:0px;
  }

a,  a:link,a:visited{
  color:#00502f;
  text-decoration: underline;
 background-color:transparent;
  font-weight:bold;
 } 

a:hover { text-decoration: none; }
a:active {
  color: black;
background-color:#d4ceb8;
}


h1,h2,h3,h4,h5,h6 {
   color:#00502f;
background-color:transparent;
padding-top:2px;
padding-bottom:2px;
border-bottom: 2px dashed #00502f;
 border-top: 2px dashed #00502f; 
 text-align:left;

}

.title { color:#00502f;
background-color:transparent;
padding-top:2px;
padding-bottom:2px;
border-bottom: 2px dashed #00502f;
 border-top: 2px dashed #00502f; 
 text-align:left;
float:left;
width:300px;
 margin-top:20px;
 font-size:140%;

 }

p {
  color:#00502f;

background-color:transparent;
text-align : left;
margin: 0px 10px 10px 10px;
line-height:140%;

font-size:85%;
font-weight: bolder;
}
.float-left {
	float:left;
}

.float-right {
	float:right;
}


#menu {
	 background-color:#d4ceb8;
	text-align:right;

	color:#00502f;
	text-decoration:none;
	border-top: 8px solid #00502f;
	border-bottom:  8px solid #00502f;
	padding-top:8px;
	padding-bottom: 8px;
	font-size:100%;	
	font-weight:bold;
	
}

#menu a, #menu a:link, #menu a:visited {
	background-color:#d4ceb8;
	text-align:right;
	color:#00502f;
	text-decoration:none;
	font-size:100%;
font-weight:bold;
padding: 8px 2px 8px 2px;
margin: 0px 2px 0px 2px;
letter-spacing: -.03em;
}

#menu a:hover {
	background-color:#d4ceb8;
	text-align:center;
	color: white;
	
}

/*menu active page buttons*/
body.hm #menu #hm, body.hm #menu #hm a,
body.rs #menu #rs, body.rs #menu #rs a {
color:#fff;
background-color:#00502f;
}
body.ev #menu #ev, body.ev #menu #ev a,
body.su #menu #su, body.su #menu #su a
{
color:#fff;
background-color:#00502f;
}
body.ne #menu #ne, body.ne #menu #ne a,
body.ct #menu #ct, body.ct #menu #ct a
{
color:#fff;
background-color:#00502f;
}
body.sm #menu #sm, body.sm #menu #sm a
{
color:#fff;
background-color:#00502f;
}
#menu2 {
	/*background-color: #00502f;*/
	text-align: right;
	color: #d4ceb8;
	text-decoration: none;
	font-size: 80%;
	font-weight: bold;
	width: 998px;
	background: transparent url(images/bottom-bar.gif) no-repeat scroll center;
	height:123px;

}

#menu2 a, #menu2 a:link, #menu2 a:visited {
	background-color:#00502f;
	text-align:right;
	color:#d4ceb8;
	text-decoration:none;
	font-size:100%;
font-weight:bold;
padding: 0px 2px 0px 2px;
margin: 0px 2px 0px 2px;
letter-spacing: -.03em;
}

#menu2 a:hover {
	background-color:#00502f;
	text-align:center;
	color: white;
	
}
/*menu active page buttons*/
body.hm #menu2 #hm2, body.hm #menu2 #hm2 a,
body.rs #menu2 #rs2, body.rs #menu2 #rs2 a {
color:#fff;

}
body.ev #menu2 #ev2, body.ev #menu2 #ev2 a,
body.su #menu #su, body.su #menu #su a
{
color:#fff;

}
body.abo #menu #abo, body.abo #menu #abo a,
body.ct #menu #ct, body.ct #menu #ct a
{
color:#fff;

}
body.sm #menu #sm, body.sm #menu #sm a
{
color:#fff;

}
.larger {
	font-size:120%;
	font-weight:normal;
	color:#4b4939;
	background-color:white;
}

.hide {
 display : none;
}

.left {
	text-align:left;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}


#left-col{
float:left;
	width:244px;
	/*height:427px;*/
	height:408px;
	margin:0px;
	padding:0px;
	text-align:center;
	/*background-color:;*/
	color:black;
	background : white url(images/new-curve2.jpg) no-repeat scroll left;
}

#right-col {
	margin-left:260px;
   background-color:white;
   margin-bottom:0px;
   height:327px;
   color:#151202;
}
#left-col-site{
float:left;
	width:238px;
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:#e0e1ca;
	color:black;

}

#right-col-site {
	margin-left:244px;
background-color:white;
   margin-bottom:0px;
   color:#151202;
}
.no-bottom-margin {
	margin-bottom:0px;
}
.no-top-margin {
	margin-top:0px;
}
.smaller {
	font-size:x-small;
}
.small {
	font-size: small;
	font-weight:bold;
}
#credits, #credits a, #credits a:link, #credits a:visited {
	font-size:small;
	color: black;
	background-color : #979c51;
	font-weight:bold;
}
#credits a:hover {
	color:#a9b08c;
	background-color : #979c51;
}
#giraffe, #giraffe a, #giraffe a:link, #giraffe a:visited {
	font-size:x-small;
	color: ThreedDarkShadow;
	background-color:white;
}
#giraffe a:hover {
	color:#a9b08c;
	background-color:white;
}

.red {
	color:red;
}


#banner {
	/*border-top: 4px solid black; 
	border-left: 4px solid black;
	border-right: 4px solid black;	*/
	height:157px;
	width:100%;
	margin:auto;
	background-color:white;
}


#Layer1 {
	position:relative;
	width:436px;
	height:500px;
	z-index:1;
	left: 0px;
	overflow:auto;
	top: 10px;
}
