body {
	margin:2px 0px; padding:0px;
	text-align:center;
	background: #BBC4AC ;
	line-height: 1.4em;
 } 
	
#Content { 
	width:900px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	font-family: "Century schoolbook", "Times New Roman", Times, Serif;
	padding:0px;	
	background-color: #EEF0EA;
	border: 1px solid #333333;
	}


P       {font-size: 0.85em;
         font-family:"Century schoolbook", "Times New Roman", Times, Serif;
         font-style: normal;
         font-weight: normal;
         color: #333333;
}

/* Important to hide characters from visual browsers */
/* whilst retaining them for speaking browsers       */

.hide	{
	display: none;
}

.barbox {
	text-align: left;
	margin-left: 3px; padding: 5px;
	margin-right: 3px;
	border: 1px solid #88976D;
}

.hovaring
        {
	font-size: 1.5em;
      font-family: Veranda, "Times New Roman", Times, Serif;
      font-style: normal;
      font-weight: bold;
      color: #333333;
      background-color: #EEF0EA;
}

.inset
        {margin-left:13em;}

.center
	{text-align: center;}

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 2px solid #C0C0C0;

}

.photocenter {
	margin: auto;
	width:82%;
}
.photocenter img { 
	margin: 0 10px;
}


.photo {
	padding: 0 25px 25px 0;
	border: 0; margin: 0;
	float: left; width: auto;
	height: auto;
	color: #333333;
}

.photo a {
	padding: 0;
	margin: 0;
	text-decoration: none;
	border: 0;
	color: #3366CC; 
      font-weight: bold;
}
	 
.photo:hover img{ 
	border: 1px solid blue;

  }

.photo img {
	border: 1px solid #C0C0C0;
	padding: 2px;
	background-color: white;
}


.sidephoto {
	
	border: 0; margin: 0;
	width: auto;
	height: auto;
	text-align:center;
	color: #333333;
}

.sidephoto a {
	padding: 10px;
	margin: 0;
	text-decoration: none;
	border: 0;
}
	 
.sidephoto:hover img{ 
	border: 1px solid blue;

  }

.sidephoto img {
	border: 1px solid #C0C0C0;
	padding: 2px;
	background-color: white;
} 


.leftFloat {
	float: left;
	width:45%; height:auto;
	margin:0; padding: 3px;
	background:transparent;
	border: 1px solid #C0C0C0;
	}

.rightFloat {
	float: right;
	width:45%; height:auto;
	margin:0; padding: 3px;
	background:transparent;
	border: 1px solid #C0C0C0;
	}

.clear{
	clear: both;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
}

H1      {font-size: 1.6em;
         font-family: Veranda, "Times New Roman", Times, Serif;
         font-style: normal;
         font-weight: bold;
         color: #333333;
}

H2      {font-size: 1.3em;
         font-family: Veranda, "Times New Roman", Times, Serif;
         font-style: normal;
         font-weight: bold;
         color: #333333;     
}

H3      {font-size: 1em; 
         font-family: Veranda, "Times New Roman", Times, Serif;
         font-style: normal;
         font-weight: bold;
         color: #333333;
}

H4 	{font-size: 1em; 
	font-family: "Comic Sans MS", "Sans-Serif"; 
	font-style: normal; 
	font-weight: normal; 
	
	color: #333333; 
}

A  {  
      color: #3366CC; 
      font-weight: bold;
      text-decoration: underline
	
}

A:visited {
      color: #333333;
      font-weight: bold;
}

A:active { 
      color: #0000FF;
      font-weight: bold;
}

A:hover {
      text-decoration: none;
	color: #E2144A;	
      font-weight: bold;
}

#header{
	height: 140px; width: auto;
	text-align: center;
	background: #EEF0EA; 
	border-bottom: 2px #333333;
	margin-left: 0; padding: 0.5em;
}

#leftColumn{
	 background: #EEF0EA; 
	 padding: 1px;
	 width:230px;  height: auto; 
	 border-right: #333333 0px solid;
	 border-left: #333333 0px solid;
 }

#rightColumn{
	float: right;
	width: 640px; 
	margin: 0;
	padding: 5px;
	background-color: white;
	height: auto;
}

.mailbutton a {
	display: block; 
	width: 49px; height:31px;
	margin: 0;
	border: 2px solid #EAEAEA;
	background: url("email.gif") 0 0 no-repeat;
      color: #E9BE75;
}

.mailbutton a:hover {
      background-position: -45px 0; 
      background-color:#99CCFF;   
}

.mailbutton a:active {
      background-position: -50px 0;
}

#menu ul {
	margin-left:2px;
	padding: 0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type: none;
	width: 135px;
	font-size: 10pt;
	border-bottom: 1px solid #88976D;
}

#menu ul li{
	position: relative;
}

#menu li ul{
	position:absolute;
	top: 0; 
	left: 132px;
	width: 150px;
	background: #EEF0EA;
	display:none;
}

#menu ul li a {

	display: block;
	text-decoration: none;
	color: #333333;
	background: url("icon0.jpg") 0 0 no-repeat;
	text-align: right;
	font-size: 0.8em;
	background-color: #EEF0EA;
	border: 1px;
	border-color: #88976D;
	border-style: solid ;
	padding: 5px;
}

* html ul li {
float:left;
height:1%;
}
* html ul li a {
height:1%;
}

#menu A:hover{
	text-decoration: none;
	color: #E2144A;
	background: url("icon1.jpg") 0 0 no-repeat;
}

#menu a:active {
	background-position: -50px 0;
}

/* Fix IE. Hide from IE Mac \*/
	* html ul li { float: left; height: 1%; }
	* html ul li a { height: 1%; }
	/* End */

#menu li:hover ul { 
	display: block;  

}

#menu li:hover ul, li.over ul { 
	display: block; 
}

/*end menu */

.dfact {font-size: 0.6em;
         font-family: "Times New Roman", Times, Serif;
         font-style: normal;
         font-weight: normal;
         text-align: center;
         color: #333333;
         background-color: #EEF0EA;}

.factlh {font-size: 0.9em;
         font-family: "Times New Roman", Times, Serif;
         font-style: normal;
         font-weight: normal;
         text-align: left;
         color: #000066;
         background-color: #FFFFCC}

.factrh {font-size: 0.9em;
         font-family: "Times New Roman", Times, Serif;
         font-style: normal;
         font-weight: normal;
         color: #000066;
         background-color: #FFFFCC}


#pageFoot {
	clear: both;
	width: 879px;
	text-align: center;
	margin: 0;
	border-top: 1px solid #333333;
	background-color: #EEF0EA;
	font-size: 0.8em;
	font-family: "Times New Roman", Times, Serif;        
	font-style: italic;
	font-weight: normal;
	color: #333333;
	padding: 20px 10px;

/* 	padding-bottom: 1px;	for Gecko-based browsers */
/* 	margin-bottom: -1px;	for Gecko-based browsers */
}

.popped{
/*Add a height attribute and set to largest image's height to prevent overlaying*/ 
	position: relative; 
	 }

.popthumbnail img{
	
	border: 1px solid #C0C0C0; 
	margin: 0 5px 5px 0; }
 

.popthumbnail:hover img{ 
	border: 1px solid blue; }
 
.popthumbnail span{ /*CSS for enlarged image*/ 
	position: absolute; 
	background-color: #FFFFCC; 
	padding: 5px; 
	left: -80%; 
	border: 1px dashed #C0C0C0; 
	visibility: hidden; 	
	color: black; text-decoration: none; }
 
.popthumbnail span img{ /*CSS for enlarged image*/
	 border-width: 0; padding: 2px; }
 
.popthumbnail:hover span{ /*CSS for enlarged image*/ 
	visibility: visible; 
	text-align: center; 
	white-space: nowrap; 
	top: 35%; left: 23%; /*position where enlarged image should offset horizontally */ 
	z-index: 50; }
/*end poped */


.backgroundHelix{
	background-color: #EAEAEA ;
	background-image: url('helix.jpg');
	background-repeat:repeat;
	border: 1px;
	border-color: #C0C0C0;
	border-style: solid ;
	}
div.transbox
  {
  width:auto;
  height:auto;
  margin:30px 50px;
  background-color:#ffffff;
  border:1px solid black;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  }
div.transbox p
  {
  margin:30px 40px;
  font-size: 1em;
  font-weight:bold;
  color:#000000;
  }