@charset "utf-8";
html {
    /*overflow-y: hidden;*/
}

html body {
    height: 100%;
    overflow: auto;
}

body  {
	height:100%; 
	/*overflow-y:auto;*/
	/*font: 75% Arial, Helvetica, sans-serif;*/
	/*font: 75% Georgia, "Times New Roman", Times, serif;*/
	text-align: center; /* centers container in IE 5* browsers. */
	/*color: #444444;*/
	/*font-color:#996633;*/
	line-height: 1.4;
	margin: 0; 
	padding: 0;
	/*background-color: #AC7F3B;*/
	background-color: #F3DC99;
	/*background-color: #F6FAF8;*/
	/*background-image: url(../images/site_images/bg_image.jpg);
	background-repeat: repeat-y;
	background-position:center;*/
}

.fasMain #container { 
	width: 100%;
	background-image:url(../images/bg-frensham-sunset.jpg);
	background-repeat:no-repeat;
	margin: 0 auto;  /*the auto margins (in conjunction with a width) center the page if needed */
	text-align: left; 
}  

/* ### Header ### */
.fasMain #header {
	padding: 0 0 0 0; 
} 

.fasMain #header h1 {
	margin: 0; 
	padding: 10px 10px; 
}

/* ### Sidebars ###  */
.fasMain #sidebar1 {
	float: left; 
	width: 140px; 
	padding: 20px 0 0 10px; 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin-bottom: 5px;
	color: #330000;
}
	
.fasMain #sidebar1 p{
	margin: 0;
	text-align:center;
}


.fasMain #sidebar1 h3, .fasMain #sidebar1 p {
	margin-left: 10px; 
	margin-right: 10px;
}

.fasMain #sidebar2 {
	float: right; 
	width: 175px; 
	padding: 10px 0 0 0; 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin-bottom: 5px;
	color: #330000;
}
	
.fasMain #sidebar2 p{
	margin: 0;
	text-align:center;
}

.fasMain #sidebar2 p, .fasMain #sidebar2 h3 {
	margin-left: 10px; 
	margin-right: 10px;
}

/* ### Main Area ### */
.fasMain #mainContent {
	/*background-color: #F6FBF8;*/
	background-image:url(../images/tile-parchment.jpg);
	/*background-color: #Ffffcc;*/
	margin: 20px 50px 20px 180px;  
	padding: .1em 2em 2em 2em; 
  	font-weight: normal;
	/*color:#005500;*/
	/*color:#996600;*/
	color:#330000;
} 

.fasMain #mainContent h1 {
  	font-weight: bold;
  	/*color:#005500;*/
  	color:#330000;
} 

.fasMain #mainContent th, td {
	border: 1px solid black;
 	border-color: "#3d6d3d";
 }

.fasMain #mainContent table {
	border-collapse:collapse;
}

.fasMain #mainContent th, td {
 	border-color: "#3d6d3d";
 }

/* FAS Body Column Wrapper */
.fasMain .wrapBody {
	display: table;
	width: 100%;
	margin-bottom: 1em;
}

.fasMain .wrapBodyRow {
	display: table-row; /* Gecko */
}

.fasMain .wrapBodyCol-left, .fasMain .wrapBodyCol-right {
	display: table-cell;
	width:48%;
}

.fasMain .wrapBodyCol-left {
	padding-right:20px;
}

.fasMain .wrapBodyCol-right {
	padding-left:20px;
}


/* FAS Two Column Wrapper - Used In Species */
.fasMain .wrapMain {
	display: table;
	width: 100%;
	margin-bottom: 1em;
}

.fasMain .wrapRow {
	display: table-row; /* Gecko */
}

.fasMain .wrapCol-left, .fasMain .wrapCol-right {
	display: table-cell;
	vertical-align: middle;
}

.fasMain .wrapCol-left {
	width: 29%;
}

.fasMain .wrapCol-right {
	width: 70%;
}

.fasMain .wrapCol-left p {
	margin: 0.25em;
	font-weight: normal;
	/*color: #893;*/
	color: #330000;
	text-align: right;
}

.fasMain .wrapCol-left h2 {
	font-size: 2em;
	line-height: 1.0;
	margin: 0.25em;
	font-weight: normal;
	/*color: #893;*/
	color: #330000;
	text-align: right;
	border: solid #d3dd97;
	border-width: 1px 0;
}

/* ### Body Column Heading ### */
#main_Header {
	border-bottom: solid thin #666;
	border-top: solid #666 thin;
	background-color: #EEE;
	padding: 2px 2px 2px 5px;
	background-image: url(../images/sub-heading.gif);
	color: #FFC;
	font-weight:bold;
	font-size: 16px;
	width: 100%;
}


#main_Header a, #main_Header a:link, #main_Header a:visited, #main_Header a:active {
    text-decoration: none;
	color: #FFC;
}

#main_Header a:hover {
	text-decoration: underline; 
	color: red;
}


/* ### Footer ### */
.fasMain #footer { 
	padding: 0 10px; 
	background-image: url(../images/sub-heading.gif);
	font-size: x-small;
	font-family: Arial, Helvetica, sans-serif;
} 

.fasMain #footer p {
	margin: 0; 
	padding: 10px 0; 
	font-size: x-small;
	color: #FFC;
}

/* ### YHP LINK ### */
#yhplink {
	float: right;
	margin-left: 8px;
	font-size: x-small;
	padding: 10px 0; 
	color: #FFC;
	font-family: Arial, Helvetica, sans-serif;
}

#yhplink a, #yhplink a:link, #yhplink a:visited, #yhplink a:active {
    text-decoration: none;
	color: #FFC;
}

#yhplink a:hover {
	text-decoration: underline; 
	color: red;
}

/* GALLERY - Main gallery wrapper div - all gallery content is in here */
#wrapper {
	margin-left: 3%;
	margin-right: 1%;
	text-align: center;
}

/* GALLERY - Individual thumbnail images */
div.thumb {
	float: left;
	height: 125px;
	padding: 10px 10px 0 10px;
	margin-bottom: 40px;
	width: 200px;
	text-align: center;
}

div.thumb a img {
	border: none;
	margin: 0;
}

/* ### Div Length Style ### */
.fasLength {
	height: 400px;
	/*overflow: scroll;*/
	overflow-y:scroll;
}

/* ### Div Length Style 200 ### */
.fasLengthFieldset {
	height: 200px;
	padding: 0 10px 10px 10px;
	/*overflow: scroll;*/
	overflow-y:scroll;
}

/* ### Table Style ### */
.fasTable {
	border-collapse:collapse;
}

.fasTable, .fasTable th, .fasTable td {
	border: 0px;
	padding: 10px 10px 10px 10px;
}

/* ### Table Style ### */
.fasTableList {
	border-collapse:collapse;
}

.fasTableList, .fasTableList th, .fasTableList td {
	border: 0px;
}

/* ### Miscellaneous ### */
.fltrt { 
	float: right;
	margin-left: 8px;
}

.fltlft { 
	float: left;
	margin-right: 8px;
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}



/* Experimental */
.images {background:#c00; width:20px; padding:1px;} /* not part of the menu */
 
#outer {border-top:6px solid #040; padding-top:1px; margin:50px 0 150px 0;} /* margin for this demo only */
 
#point {display:table; padding:0; margin:0 auto; list-style:none; background:#040 url(assets/images/right2.gif) no-repeat right bottom; white-space:nowrap;}
#point li {display:table-cell; margin:0; padding:0;}
#point li.first {background: url(assets/images/left2.gif) no-repeat left bottom;}
#point li a {float:left; font-family:arial; font-size:11px; letter-spacing:1px; padding:5px 15px; text-decoration:none; color:#fff; font-weight:bold;}
#point li a:hover, #point li a.current {background: url(assets/images/down_arrow.gif) no-repeat center top; color:#ff0;}