/* CSS Document */
	
body {	
	background-color: #ffffff;
	font-family: Georgia, Trebuchet, Helvetica, Arial, sans-serif;	
	font-size: 100%;	
	line-height: 140%;	
	color: #666666;
	margin: 4% 0 0 0;
	}

	
h1{ font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight:100;
	color:#706F6F;
	margin:0;
	}
h2 {font-size: 130%;
	color:#706F6F;
	border-bottom: 1px solid #DCDCDC;
	padding-bottom:1%;
	}
h3 {		
	font-size: 115%;  	
	color:#999999
	}
h4 {
	color:#000000;
	}
	
hr{	margin:0%;
	color:#999999;}
	
table {
	color:#FFFFFF;
	margin:5% 0 0 0;
	}
	
caption{
	background:url(navFade.gif) repeat-x;
	color:#666;
	padding: 0% 0;
	height:25px;
}

td, th {	
	line-height: 2em;
	color:#333333;
	text-align:left;
	font-size: 90%;	
	line-height: 100%;
	padding: 1%;
	}
td img{
	float: right;
}

.highlightRow{
	background:#eee;}
	
textarea {	
	font-size: 1em;
	}
ul {			
	list-style-type: square;	
	list-style-position: outside;
	}
	
.plainList{
	text-align:left;
	list-style:none;
	}
	
.smallText{
	text-align:right;
	font-size:80%;
	}
	
blockquote{
	text-align:left;
	font-size:80%;
	font-style:italic;
	}	
	
a:link{	
	color: #880;	
	text-decoration: underline;
}

a:visited {	
	color: #880;	
	text-decoration: underline;
}

a:hover {	
color:#F7911E;
	text-decoration: underline
	}
	
.audioLink {
	background:#fff url(audioIcon.gif)  left 0px no-repeat;
	padding:0 0 10px 25px;
	height:35px;
	font-size:80%;
	}
	
.wrapper{
	width:950px;
	margin: 0 auto;
	padding:0;
	}
.smallLeftContainer{
	width:40%;
	float:left;
	}
.largeLeftContainer{
	width:60%;
	float:left;
	}
.smallRightContainer{
	width:40%;
	float:right;
	}
.largeRightContainer{
	width:60%;
	float:right;
	}
.colA{
	width:50%;
	float:left;
	}
.colB{
	width:50%;
	float:right;
	}
.smallRight{
	width:250px;
	margin:0px 0px 0px 10px;
	float:right;
}
.smallLeft{
	width:250px;
	margin:0px 10px 0px 0px;
	float:left;
}
.topNav{
	text-align: right;
	width:100%; /* = 100% - (horizontal padding * nav items) */
	margin:0px 0 20px 0px;
}


.center{text-align: center;}

.topNav li {
	margin:0;
	display: inline;
	padding:1%  1%;
	border-right: 1px dotted #F7911E;
	list-style-image:  url(listIconGrey.gif);
	/*background: url(navFade.gif) repeat-x 2px left;*/
	height:18px;
  }

/* images*/

.mainLogo{
	width:75%; /*width = wrapper minus horizontal padding*/
	height: 65px; /*height = height minus vertical padding*/
	margin:0;
	padding:42px 0 0 25%;
	float:left;
	background:#ffffff  url(mainLogo.jpg) top left no-repeat;}

.tirweddLogo{
	width:75%; /*width = wrapper minus horizontal padding*/
	height: 67px; /*height = height minus vertical padding*/
	margin:0;
	padding:42px 0 0 25%;
	float:left;
	background:#fff  url(tirweddLogo.jpg) top left no-repeat;}

.llewellynLogo{
	width:75%; /*width = wrapper minus horizontal padding*/
	height: 67px; /*height = height minus vertical padding*/
	margin:0;
	padding:42px 0 0 25%;
	float:left;
	background:#fff  url(llewellynGulchLogo.jpg) top left no-repeat;}

.unburyLogo{
	width:75%; /*width = wrapper minus horizontal padding*/
	height: 67px; /*height = height minus vertical padding*/
	margin:0;
	padding:42px 0 0 25%;
	float:left;
	background:#fff  url(unburyLogo.jpg) top left no-repeat;}

.archivalLogo{
	width:75%; /*width = wrapper minus horizontal padding*/
	height: 67px; /*height = height minus vertical padding*/
	margin:0;
	padding:42px 0 0 25%;
	float:left;
	background:#fff  url(archivalLogo.jpg) top left no-repeat;}

.shinuiLogo{
	width:75%; /*width = wrapper minus horizontal padding*/
	height: 67px; /*height = height minus vertical padding*/
	margin:0;
	padding:42px 0 0 25%;
	float:left;
	background:#fff  url(shinuiLogo.jpg) top left no-repeat;}

.ideasLogo{
	width:75%; /*width = wrapper minus horizontal padding*/
	height: 67px; /*height = height minus vertical padding*/
	margin:0;
	padding:42px 0 0 25%;
	float:left;
	background:#fff  url(ideasLogo.jpg) top left no-repeat;}
	
.lighthouseLogo{
	width:75%; /*width = wrapper minus horizontal padding*/
	height: 67px; /*height = height minus vertical padding*/
	margin:0;
	padding:42px 0 0 25%;
	float:left;
	background:#fff  url(lighthouseLogo.jpg) top left no-repeat;}

.stationNav {
	background:#ffffff  url(listIconsTrain.gif) left 6px no-repeat;	
	}

.stationNav li{
	list-style: none outside ;
	margin:0px 0 5px 25px;
	height:35px;
	vertical-align:top;
	
}

.stationImg{
	width:410px;
	border: 1px solid #000;
}

.thumb{margin-right:5px; border:0px;}