/***** Darwin Exhibition  2009 *****/



body {
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	background-color: #ffffff;
	background-image: url(../gfx/template/background.jpg);
	background-position: center top;
	background-repeat: repeat-x; 
}

.clearall { clear: both; height: 0; width: 0; border: none 0; }


strong { font-weight: bold; }
em { font-style: italic; }


#wrap { width: 900px; margin: 0 auto 0 auto; padding: 0; }




/***** HEADER *****/

#header {  font-size: 0.9em; clear: both; margin: 0; padding: 0; width: 100%; }

/*** NAVIGATIION ***/

#navigation { font-size: 1.0em; line-height: 1.3em; width: 100%; height: 32px; margin: 1.0em 0em 0em 0em; color: #666666; }

#navigation ul, #footer ul { margin: 0; padding: 0; }
#navigation ul li, #footer ul li { list-style-type: none; display: inline; border-right: 1px solid #cccccc; padding: 0em 1.0em 0em 0em; margin: 0em 1.0em 0em 0em; white-space: nowrap; }

#navigation ul li a, #footer ul li a { color: #ee2e30; text-decoration: none; }
#navigation ul li a:hover, #footer ul li a:hover { color: #000000; text-decoration: underline; }
#navigation ul li.last , #footer ul li.last { border: none; }
#navigation ul li.first , #footer ul li.first { border: none; color: #cccccc; font-weight: bold; }






/*** RIGHT COLUMN ***/

#right { float: left; width: 300px; padding: 5.5em 0em 0em 2.0em; }

#right p.nav {  display: block; clear: both; margin: 0 !important; padding: 0 !important; }
#right p.nav a { font-size: 0.9em; color: #333333; text-decoration: none; }
#right p.nav a:hover { color: #000000; text-decoration: underline; }



.galleria { list-style: none; overflow: hidden; padding: 0; }

.galleria li { display: block; width: 80px; height: 80px; overflow: hidden; float: left; margin: 0 10px 10px 0; }

.galleria li a { display: none}
.galleria li div { position: absolute; display: none; top:0; left: 180px; }
.galleria li div img { cursor: pointer}
.galleria li.active div img,.galleria li.active div { display: block; }
.galleria li img.thumb { display:block; }
.galleria li .caption { display: block; padding-top: 0.5em; }
* html .galleria li div span { width: 400px; } /* MSIE bug */	


.caption { display: none; font-style: normal; color: #333333; margin: 2.0em 0em 0em 0em; }


.gallery_demo { margin-top: 2.0em !important; }
.gallery_demo li { width: 75px; height: 60px; margin: 0em 0.25em 0.25em 0em; }




#main_image { margin: 0 auto 10px auto;}
#main_image img { border: none 0; }


div.captions { margin: 0em 0em 5.0em 0em; padding: 0; font-size: 1.0em; line-height: 1.5em;  }
div.captions p { display: none; }

div.captions p span.smalltag { font-weight: bold; margin: 1.0em 0em 0em 0em; display: block;  }




/*** CONTENT ***/

#content { float: left; width: 550px; float: left; margin: 0; padding: 0; color: #000000; }

#content h1 { font-size: 2.2em; line-height: 1.0em; font-weight: normal; margin: 1.0em 0em 1.0em 0em; font-family: Georgia, "Times New Roman", Times, serif;  }

#content p { font-size: 1.0em; line-height: 1.5em; margin: 0em 0em 1.0em 0em; }

.smalltag { color: #666666; font-style: italic; }










/*** FOOTER ***/


#footer {
	padding: 2.0em 0em 0em 0em;
	margin: 0
	color: #333333;
	overflow: hidden;
}

#footer ul { /** styles defined alongside #navigation ul styles **/ }

#footer p { color: #666666; font-size: 0.9em; margin: 3.0em 0em 12.0em 0em; }
#footer p a { color: #666666; text-decoration: underline; }
#footer p a:hover { color: #333333; text-decoration: none; }


#footer #weboffice { font-size: 0.9em; width: 8.0em; float: right; text-align: center; margin: 3.0em 0em 0em 0em; color: #cccccc; }
#footer #weboffice a { letter-spacing: 0.1em; font-weight: bold; color: #cccccc; text-decoration: none; }
#footer #weboffice a:hover {  color: #666666; }