/* 	CSS DOCUMENT | css/style.css | Satorbase: www.satorbase.org */  
/* 	All selectors preceded by html>body are hacks to set the width property correctly 
	The first element, not preceded by html>body, sizes an element in IE
	The second element, contained by html>body, sizes an element in standards-based browsers (Firefox, etc.) */

/* BODY */
	body {
		font-family: georgia, serif;
	   	font-size: 14px;            
		line-height: 16px;
		margin: 10px 20px 10px 20px;
		color: #222222;          
		background-image: url('../images/background.jpg');
		text-align: center; /* IE Margin Fix */
	}    

/* LAYOUT */    
	#page {
		width: 819px;
		margin: 0px auto 0px auto;   
		text-align: left;
	}     
	#page_top {
		height: 102px;
		background-image: url('../images/header.gif');
	}  
		html>body #page_top {
			height: 105px;
			background-image: url('../images/header.png');
		} 
	#page_middle {
		background-image: url('../images/page_middle.gif');
	    padding: 0px 14px 0px 6px;   
	}
		html>body #page_middle {
			background-image: url('../images/page_middle.png');
		    padding: 0px 14px 0px 6px;   
		}
	#page_bottom {
		height: 26px;
		background-image: url('../images/page_bottom.gif');
	}  
		html>body #page_bottom {
			height: 26px;
			background-image: url('../images/page_bottom.png');
		}  	  
	#header_left {
		color: #FFFFFF;   
		padding: 70px 0px 0px 20px; 
		float: left; 
     	width: 167px;
	}
		html>body #header_left {	
			width: 147px;  
			padding-top: 75px;  		
		} 
	#header_middle {
		color: #FFFFFF; 
		background-color: #009EC3;  
		float: left;         
		width: 257px; 
		height: 96px;
		padding: 3px 15px 0px 15px;
		margin: 6px 0px 0px 15px;	 
		border-left: 1px solid #BBBBBB;
	}    
	#header_middle:hover {
		background-color: #00B6E1;  
	} 
	#header_right {
		color: #FFFFFF; 
		background-color: #009EC3;  
		float: left; 
		width: 257px;	    
		height: 96px;
		padding: 3px 15px 0px 15px;
		margin: 6px 0px 0px 0px;	 
		border-left: 1px solid #BBBBBB;	    
		border-right: 1px solid #BBBBBB;	
	} 
		html>body #header_middle, html>body #header_right {	
			width: 225px;    		
		} 
	#header_right:hover {
		background-color: #00B6E1;  
	}   
	#header_logo {
		padding: 19px 0px 0px 18px; 
		float: left;
		width: 100px;	 
	} 
	#container {     
		/* this empty div contains the sidebar and column within page_middle */
	}
	#sidebar {
		float: left; 
		width: 175px;                   
		border-right: 1px solid #DDDDDD;	
	}         
	#column {       
		float: left;  
		width: 610px;
		padding: 10px 30px 10px 15px;  
		background-color: #FFFFFF; 
	}   
		html>body #column {
			width: 560px;
		}
	.menu {
		background-color: #F6F5F4;   
	}     
	#footer {
		font-family: helvetica, sans-serif;
		font-size: 11px;
		color: #666666;
		padding: 10px 15px 0px 15px;
		border-top: 1px solid #DDDDDD;
		margin: 0px 0px 0px 0px;
	} 
	.divider {     
		clear: both;
	}
    
/* HEADINGS */  
	h1, h2, h3, h4, h5, h6 {
		font-weight: lighter; 	
	}
	h1 {
		font-size: 32px; 
		color: #FFFFFF;       
		margin-bottom: 5px;
	}
	html>body h1 {	
			margin: 0px;
		}      
	h2 {
		font-size: 20px;
		color: #666666;
		margin: 6px 0px 2px 0px;
	}
	h3 {
		font-size: 16px;
		color: #444444;
		margin: 6px 0px 2px 0px;
	}  
	h4 {
		font-weight: bold;
		color: #444444;		
		margin: 5px 0px 3px 0px;
  	}

/* LINKS */
	a {
		color: #00809E; 
		text-decoration: none;
	} 
	a:hover {
		color: #333333;   
	} 
	a.search {
		text-decoration: none;
		color:#000044;
	}
	a.search:hover {
		color: #FF0000;
	}     

/* TABLES */
	.membres {       
		font-size: 12px;  
		border: 1px solid #BBBBBB;
		background-color: #FFFFF6;    
		padding: 2px;
		margin: 5px 0px;
	}   
	table.topoi {
		width: 590px;     
		font-size: 15px;  
		border: 1px solid #BBBBBB;
		background-color: #FFFFF9;    
		padding: 2px;
		margin: 5px 0px;
	}            
	.table_head {
		background-color: #00809E;
		padding: 5px;  
		width: 100%;
	} 
	table.results {
		width: 100%;     
		font-size: 13px;  
		border: 1px solid #BBBBBB;
		background-color: #FFFFF6;    
		padding: 2px;
		margin: 5px 0px;  
	}
	table.edit {
		width: 100%;     
  		border: 1px solid #BBBBBB;
		background-color: #FFFFF6;    
		padding: 2px;
	}   
	table.advSearch {
		width: 100%;     
  		border: 1px solid #DDDDDD;
		background-color: #FFFFFC;    
		padding: 2px;      
		margin-bottom: 5px;
	}   
	td.edit_left {
		text-align: right; 
		width: 20%;
		font-size: 13px;
		color: #FFFFFF;  
		padding: 6px 5px;
		vertical-align: top;
		background-color: #009EC3; 
	}
	td.edit_right {
		width: 80%;
		padding: 2px 5px 2px 5px;
		font-size: 13px;
		background-color: ;
		vertical-align: top;
  		border: 1px solid #BBBBBB;
	} 
	td.search_left {
		text-align: right; 
		width: 35%;
		font-size: 13px;
		color: #FFFFFF;  
		padding: 6px 5px;
		vertical-align: top;
		background-color: #009EC3; 
	}
	td.search_right {
		width: 65%;
		padding: 2px 5px 2px 5px;
		font-size: 13px;
		vertical-align: top;
	} 	
  
/* LISTS */
	.menu ul {
		margin: 0px;
		font-size: 14px;
		list-style-type: none;
		padding: 10px 15px;  
		border-bottom: 1px solid #DDDDDD;	
	}   
	.menu ul ul {
		margin: 5px 0px 5px 15px;
		padding: 0px;  
		border: none;    
		font-size: 12px;
	}    
	.menu ul#login {
		background-color: #00809E;  
		padding: 10px 15px;  
	} 
	.menu ul#login:hover {
		background-color: #009EC3;
	}                  
	.menu ul#login a, .menu ul#login a:visited {
		padding: 10px 2px;   
		color: #FFFFFF;
	}
	.menu ul#login a:hover, .menu ul#login a:active {
		color: #444444;
	}
	ul.start {
		border: 1px solid #DDDDDD;
		background-color: #FFFFF6;
		padding: 20px 20px 20px 30px;    
		color: #444444;
		line-height: 18px;
		font-size: 14px;
	}    
	ul.header_list, ul.header_list a, ul.header_list a:visited {
		list-style-type: none;   
		font-family: sans-serif;
		padding: 0px;
		margin: 0px;
		color: #FFFFFF; 
		font-size: 14px;
	}                                 
	ul.header_list a:hover, ul.header_list a:active {
		color: #444444;
	}    
	ol li {
		padding: 5px;
	} 

/* ELEMENTS */
	hr {
		border: none;
		border-bottom: 1px solid #C8CDD0;
	}     

/* TEXT */       
	p {
		margin: 10px 0px 10px 0px;
	}
	.category { color: #FF9900; } 
	.topos { color: #00CC00 } 
	.occurrence { color: #FF9900; }
	.result { color: #FF0000; background-color: lightblue; } 
	.justify { text-align: justify; }