/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

.ul-inline {
background-color: #caf2a1;
border-bottom: 2px solid #999999 ;
list-style-type: none ;
margin: 0px 0px 20px 0px ;
padding:2px 5px 7px 5px ;
}

.ul-inline li a {
	display: inline;
	text-decoration: none;
	color: #777;
	background: transparent;
	padding: 20px;
	border-bottom: 0;
	font-size: 1.5em;
}
 

 
.ul-inline li {
display: inline ;
padding: 0px 20px 0px 20px ;
	font-size: x-large;
}

body {
	text-align:center;
	width: 100%;
	background-color: #ffc;
}

#container {
  margin: 0 auto;
	
	padding: 0;
	border: 4px solid #6F6146;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #443f2e;
	text-align: left;
}

h1 {
	margin: 0;
	padding: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: x-large;
	}


p, ol, ul {
	line-height: 1.5em;
}

a {
	color: #000000;
}

a:hover {
	text-decoration: none;
}


.image{
	float: left;
	margin: 5px 15px ;
	border: 2px solid #6F6146;

} 
.imageRight{
	float: right;
	margin: 5px 15px ;
	border: 2px solid #6F6146;
	
} 

dt{
	font-size: medium;
	line-height: 1.2em;
	padding-left: 1em;
	padding-top: .25em;
	padding-right: 1em;
}

dd{
	font-size: medium;
	line-height: 1.2em;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: .5em;
}

/*byline is the right menu in the features section.*/



.byline {
	float: right;
	width: 160px;
	padding: 10px 5px 10px 10px;
}

.byline h3 {
	margin: 5px 0 10px 0;
	color: #786E50;

}

.byline ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.byline li{
	font-size: medium;
	line-height: 1.5em;
	border-bottom: thin solid #8d3b00;
	border-top: thin solid #8d3b00;
	font-weight: bold;
}

.byline a {
	color: #645B43;
	text-decoration: none;
}

.left ul {list-style-type: none; padding-left: 0;
margin-left: 0;
}


.left li {
  font-size: medium;
  margin-left: 0px;

    float: left;
	text-shadow: #000000 0px 0px 0;
	list-style-type: none;

}




.bullet ul{
	list-style-position: inside;
}

.bullet li{
	margin-left: 30px;
	
	list-style-type: disc;
	line-height: 1.2em;
	font-size: medium;
	clear: both;
}

.timedSlideshow
{
	float: left;	
}
/* Header */

#header {
	
	width: 100%;
	height: 276px;
	margin: 0 auto;
	/*background: url(../images/escudillaFallFeathered.jpg) no-repeat center  ;*/
	border: 4px 0px solid #6F6146;
	position:relative;
	z-index: 0;
}

#header h1 {
	float: left;
	padding: 5px;
	color: #fff;
	background-color: #6F6146;
	bottom:0;position:absolute;
	margin-bottom: 0px;
	font: italic bold x-large "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

#header h2 {
	top:0;position:absolute;
	right: 0;	
	margin: 0px;
	font-size: large;
	color: #534935;
	text-transform: none;
	width:  350px;
	
}

#header a {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	color: #ACA283;
}



/* tabbed navigation the art and science of css */

#nav {
  list-style-type: none;
  float:  right;
  height: 30px;
  right: 0;
  top:285px;
  position:absolute;
  z-index: 3;
 
} 

#nav li {
  margin: 0;
  padding: 0;
  float: left;
  margin: 0 1px 0 0;
  display: inline;
  background: #6F6146 url(../images/tab_left.gif) no-repeat;
}

#nav a {
  float: left;
  color: #FFF;
  font-size: small;
  text-decoration: none;
  line-height: 2.5em;
   background: url(../images/tab_right.gif) no-repeat top right;
	padding: 0 15px;
}

#nav a:hover {
  color: #F90;
}

#body_hom #nav_hom,#body_map #nav_map,#body_jou #nav_jou,
    #body_his #nav_his,#body_ref #nav_ref,#body_con #nav_con {
  background: #BEB06F url(../images/tab_left_active.gif) no-repeat;
}

#body_hom #nav_hom a,#body_map #nav_map a,#body_jou #nav_jou a,#body_his #nav_his a,#body_ref #nav_ref a,#body_con #nav_con a {
  background: url(../images/tab_right_active.gif) no-repeat top right;
  color: #1A1303;
}

/* Content */

#content {

	margin: 0;
	background-color: #ffc;	
	border-bottom: 4px solid #6F6146;
	border-top: 4px solid #6F6146;

}

#colOne {
	float: left;
	width: 150px;
	padding: 20px;
}

#colOne h3 {
	margin: 5px 0 10px 0;
	color: #786E50;
}

#colOne ul {
	margin: 0;
	padding: 0;
	list-style: none;
	
}

#colOne li{
	font-size: medium;
	line-height: 1.5em;
	border-bottom: thin solid #8d3b00;

}

#colOne a {
	color: #645B43;
	text-decoration: none;
}
#colTwo {
	margin-left: 200px;

}



/* feature from the art and science of css creates tabbed menu-horizontal */
.feature {
	  background: #96BF55 url(../images/bottom_left.gif) no-repeat bottom left; 
	  margin-top: 15px;
	  padding-bottom: 10px;
	overflow: auto;
}
    
	.feature h13 {
	  background: url(../images/top_left.gif) no-repeat;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

	.feature h1{
	padding-left: 1em;
	font: bold x-large "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #333333;
	text-align: center;
}	

	.feature h2{
	padding-left: 1em;
	font: normal 3em "Lucida Grande", Lucida, Verdana, sans-serif;	
	font-size: x-large;
}

	
	.feature h3{
	padding-left: 1em;
	font: normal 3em "Lucida Grande", Lucida, Verdana, sans-serif;	
	font-size: large;
}

.feature h4{
	padding-left: 20px;
	padding-top: 10px;
	font-size: large;
}

.largeBold{
	font-size: large; font-weight: bold;
}	
	
.feature a{
  font-variant: normal;
  text-decoration:underline;
  color: #336666;

  }

.feature dt {
	font-size: medium;
}

.feature li{
	font-size: medium;
	
}
	
.feature p{ 
	line-height: 1.2em;
	padding-left: 1em;
	padding-right: 1em;
	font-size: medium;
	
}

.feature blockquote{ 
	line-height: 1.2em;
	padding-left: 1em;
	padding-right: 1em;
	font-size: medium;
}
	
	.feature h14 {
	  background: url(../images/bottom_right.gif) no-repeat bottom right;

	}
	
.figure img{
	border: 2px solid #666;
	
}

div.figure {
	float: left;
	width: 222px;
	text-align: center;
	
}

.figure p{
	color: #333;
	background-color: #e4e4e4;
	border:  1px dashed #666;
	padding:  2px;
	font: italic  bold smaller verdana, arial, helvetica, sans-serif;
	margin-left: 10px;
	width: 200px;
}


.figure2 img{
	border: 2px solid #666;
	
}

div.figure2 {

	text-align: center;
	
}

.figure2 p{
	color: #333;
	background-color: #e4e4e4;
	border:  1px dashed #666;
	padding:  2px;
	font: italic  bold smaller verdana, arial, helvetica, sans-serif;
	margin-left: 10px;
	
}
/* Footer */

#footer {
	width: 100%;
	margin: 0 auto;
	background: #000000;
}

#footer p {
	margin: 0;
	padding: 0 0 4px 0;
	text-transform: lowercase;
	text-align: center;
	font-size: 9px;
	color: #3C3728;
}

#footer a {
	color: #786E50;
}