/**
 * The Navigation
 */

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

ul.tabsNavigator {

}

ul.tabsNavigator li { 
      position:relative; float:left;            
}

ul.tabsNavigator a { 
      display:block; 
}

ul.tabsNavigator :hover > a {

}

ul.tabsNavigator > li:hover > ul {

}
/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.12.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote{margin:0;padding:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}


body{
margin:0;
padding:0;
background: #FFFFFF url("../../images/background.jpg") repeat-x;  
font-family: Verdana, Arial, Helvetica, sans-serif; 
}
 
div.clear {
clear:both;
font-size:1px;
height:1px;
line-height:1px;
}

.clearFloat {
width:98%;
}
* html .clearFloat {
height:1%;
width:auto;
}
.clearFloat {
display:table;
}

#maincontainer{
width: 961px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
height: 219px; /*Height of top section*/
background: transparent url("../../images/top.gif") no-repeat top left; 
padding-left: 534px;
}

#topend {
float: right;
width: 3px;     
height: 187px;
background: transparent url("../../images/top_fos_end.gif") no-repeat top left;  
}

#topsection h1, #topsection h2{
margin: 0;
display: inline;
font-size: 2em;
color: #808080;
font-weight: normal;
}

#topsection a {
  margin-left: 5px;
}

#topsection h2 {
font-style: italic;
font-weight: bold;
}

#topsection .innertube {
padding-top: 32px;    
background: transparent url("../../images/background_top.gif") repeat-x top left; 
height: 187px;
margin-right: 40px;
}

#topsection img {
margin: 0;
margin-bottom: 6px;
padding: 0; 
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 186px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 186px; /*Width of left column*/
height: 50px;
margin-left: -961px; /*Set left margin to -(MainContainerWidth)*/
background: transparent url("../../images/left.gif") no-repeat top left; 
}

#navigation, #navigatorsubNavi {
border-left: 1px solid #808080;
height: 33px;
}

#navigatormainNavi li a, #navigatorsubNavi li a {
border: 1px solid #808080;
border-left: 0px;
width: 128px;
display: block;
height: 27px;
font-style: bold;
font-size: 1.05em;
padding-top: 4px;
text-align: center;
text-decoration: none;
color: #808080;
background: #B5B6AB url("../../images/navi.gif") repeat-x;
letter-spacing: 0.01em;
}

#navigatormainNavi li.active a, #navigatormainNavi li a:hover, #navigatorsubNavi li.active a, #navigatorsubNavi li a:hover {
font-style: italic;
color: #D3D4C7;
background: #B2B3A8 url("../../images/navi_over.gif") repeat-x;
}

#navigatorsubNavi {
height: 25px;
}

#navigatorsubNavi  li a {  
height: 15px;  
width: auto;   
_width: 145px;
font-size: 0.8em;
padding: 4px 6px 4px 6px;
}

#navigationFossil {
display: block;
float: right;
margin-left: 10px;
width: 150px;
border-left: 1px solid #808080;
padding-left: 10px;
}

#navigationFossil li {
padding: 3px 0;
border-bottom: 1px solid #808080;
}

#navigationFossil a {
text-decoration: none;
}

#fossilList {
display: block;
float: left;
width: 500px;
}

#content, #navigationSub {
margin: 0px 40px 0px 41px;
border: 1px solid #808080;
border-top: 0px;
padding: 10px;
background-color: #E7E8E0;
}

#navigationSub {
border-bottom: 0px;
padding-bottom: 10px;
}

#content {
line-height: 1.2em;
}

#content h1 {
font-size: 1.5em;
font-weight: bold;
color: #808080;
line-height: 1.2em;
}

.center {
text-align: center;
margin-bottom: 0px;
}

#footer{
clear: left;
width: 100%;
text-align: center;
padding: 4px 0;
margin-left: 93px;
}

#footer p {
margin: 0;
font-size: 0.8em;
}

#content h2 {
font-size: 1.2em;
font-weight: bold;
font-style: italic;
margin-bottom: 3px;
line-height: 1.0em;
}

#content h3 {
display: none;
}

strong {
font-weight: bold;
}

em {
font-style: italic;
}

#content a {
color: #808179;
}

#content a:hover {
color: #b2b3a8;
}

.mainPage ul {
list-style: square outside;
margin-left: 16px;
}

/* Begin Images */
#content img {
	padding: 0;
	max-width: 100%;
border:1px solid #808179;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */