/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
#tabcontainer {
	float:left;
	width:960px;
	
}

ul.idTabs {margin-left:-30px;}
/*
ul.idTabs li {
	list-style:none;
	float:left;
	width:auto;
	padding:5px 6.5px;
	text-decoration:none!important;
	margin:1px;
	margin-left:0;
}
.idTabs ul a {
	display:block;
}

ul.idTabs li a.selected {
	background:white;
}
.idTabs li a.selected {
	background:white;
}
ul.idTabs li a {
	background:white;
}
ul.idTabs li a:link {
	color:#333;
}
ul.idTabs li a:visited {
	color: #667;
}
*/
.tabnav li {list-style:none; float:left;}
.tabnav ul a.selected {background:white;}
.tabnav ul a {
	background:#B9CAA0;
	display:block;
	padding:5px 6.75px;
	text-decoration:none!important;
}
.tabnav ul a:hover {background:#738e4c;}

#slides{
	overflow:hidden;
	width:940px;
	margin-left:-5px;
	/* margin-left:40px; */
}

	#slides ul{
		width:3900px;
		padding:5px 0 0 5px;
	}

		#slides li{
			float:left;
			margin:0 32.5px;
			cursor:pointer;
			list-style:none;
			width:170px;
		}
#slides3{
	overflow:hidden;
	width:940px;
	margin-left:-5px;
	/* margin-left:40px; */
}

	#slides3 ul{
		width:3900px;
		padding:5px 0 0 5px;
	}

		#slides3 li{
			float:left;
			margin:0 32.5px;
			cursor:pointer;
			list-style:none;
			width:170px;
		}		
#slides2{
	overflow:hidden;
	width:950px;
	margin-left:-5px;
	/* margin-left:40px; */
}

	#slides2 ul{
		width:3900px;
		padding:5px 0 0 5px;
	}

		#slides2 li{
			float:left;
			margin:0 32.5px;
			cursor:pointer;
			list-style:none;
			width:170px;
		}
#slides1{
	overflow:hidden;
	width:950px;
	margin-left:40px;
}
		#slides1 ul{
		width:3900px;
		padding:5px 0 0 25px;
	}

		#slides1 li{
			float:left;
			margin:0 30px;
			cursor:pointer;
			list-style:none;
		}
		
#homecontent3 {
background-color:white;
clear:both;
height:160px;
left:10px;
overflow:hidden;
position:relative;
top:0;
width:940px;
}	
h4 {margin:-15px 0px 15px; padding:7px; padding-left:20px;width:290px; font-size:1em; font-weight:bold;}
.center {background-color:white; text-align:center; width:auto; margin-top:-3px;}
.tab {
	font-size:1em;
	font-weight:bold;
	/* background-color:#B9CAA0; */
	color:#3C312E;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:900;
	margin:0;
	padding:5px;
	text-decoration:none;
	text-align:center;
}
.title {background-color:#b9caa0; width:283px;}

.contenthead {font-family:arial, helvetica, sans-serif;font-weight:bold;font-size:1.3em;color:#0C386E;}
#attachment_2326 {padding-right:10px;}
.wp-caption-text {font-family:arial, helvetica, sans-serif;font-size:.8em;padding-top:5px;}

#container1 { padding:10px 10px 5px; width:960px; } /*padding:20px 10px */
#homecontent2 {width:940px; height:160px;}

#currentexhibitold { 
height:500px; 
width:570px; 
margin-top:10px; 
background-color:white;
float:left;
padding:20px;
}

#currentexhibit { height:500px; width:570px; padding:20px; }
#exhibitioncats { height:430px; width:290px; margin-top:10px; padding:15px 20px 15px 0px; margin-right:10px;}
#pastexhibit { margin-top:5px; height:500px; }

.imgleftcat { 
width:60px;
float:left;
margin:0px 20px 20px 15px;
}

.cibluetopex{
	font:18px Arial, Helvetica, sans-serif; 
	color:#7c9d4c;
	font-weight:bold;
}

#homecontent { top:0px; }

#homebottom { margin-right: 5px; margin-top:5px; padding-top:5px; }

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:0px;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 position:relative;
 float:left;
 display:block;
 margin:0;
 padding:0px;
 width:960px;
 font:Arial, Helvetica, sans-serif 12px;
}

ul.tabbernav li
{
 float:left;
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 position:relative;
 left:10px;
 height:25px;
 bottom:0px; <!-- -1px;-->
 display:inline-block;
 float:left;
 width:312px; <!--103px-->
 padding:0px; <!--3px 0px 1px 6px;-->
 margin-right:1px;
 padding-top: 10px;
 border-bottom: none;
 background:#b9caa0;
 text-decoration: none;
 text-align:center;
 font:16px Arial, Helvetica, sans-serif; 
color:#7c9d4c;
font-weight:bold;
}

ul.tabbernav li a:link {  color:#333;}
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background:#738e4c;
}
ul.tabbernav li.tabberactive a
{
 position:relative;
 bottom:-1px;
 height:26px;
 width:317px;
 text-align:center;
 background:#ffffff;
 background:#ffffff url('wp-content/themes/default/images/bottomborderwhite.jpg')bottom no-repeat;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
  background:#fff url('wp-content/themes/default/images/bottomborderwhite.jpg')bottom no-repeat;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 position:relative;
 float:left;
 height:658px;
 width:950px;
 padding:0px; <!--9px-->
 padding-right:8px;
 color:#333;
 overflow:hidden;
 text-decoration:none;
 background-color:#E6EBD2;
 }
.tabbertab ol {
  padding:0px;
  margin:0px;

}
.tabbertab ol li{
   list-style-type:decimal;
   list-position:outside;

}
 .tabberlive .tabbertab a{
 color:#0c386e;
 }
 .tabbertab .whitetext a{
	font-size:20px;
	color:#0c386e;
	text-decoration:none;
	text-align:left;
}
  .tabberlive .tabbertab a:hover{
 color:rgb(188,4,7);
 text-decoration:underline;
 }
 .tabberlive .tabbertabhome {
 padding:5px;
 border-top:0;
 border-right:1px solid rgb(162,158,152);

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
/* .tabberlive .tabbertab h3 {
 display:none;
} */

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}