@charset "utf-8";
/*NATIVE*/

body { font-size: .95em; font-family: "Verdana", Arial, Helvetica, sans-serif ; background-image: url('../images/background.jpg');  background-repeat: no-repeat; background-position: bottom; background-color: #adddff; padding: 0; margin: 0; background-attachment: fixed }
h1 { }
h2 { margin: 0 0 15px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #CCCCCC }
ul { border:0; list-style: circle }
li { list-style: circle; margin: 10px }
blockquote { background-color: #EBEBEB; padding: 20px; border: 1px dotted #CCCCCC; background: #EBEBEB url("../images/left-quote.gif") 10px 10px no-repeat; }
blockquote div { padding: 0 32px;  background: transparent url("../images/right-quote.gif") right bottom no-repeat; }
p { width: 540px }
/*LAYOUT*/

#container { padding: 30px 0 0 0; margin: 0 auto 0 auto; position: relative; width: 850px; min-height: 900px; background-color: #FFFFFF }
#content { padding: 0; margin: 50px 0 50px 40px; width: 585px; float: left; display: inline; overflow: auto }
#logo { margin: 10px 0 0px 180px; padding: 0; width: auto; height: 100px; text-indent: -1000px; background: url(../images/logo.png) no-repeat;  }

#nav { padding: 0; margin: 85px 10px 20px 20px; width: 190px; float: left; font-size: .7em  }
#nav ol { color: white; margin: 0; padding: 0 0 0 0; background-color: #379BFF; }
#nav ol:first-child { border-top: 1px dotted white }
#nav ol li { list-style: none ; border-bottom: 1px dotted white; margin: 0; }
#nav ol li a { text-decoration: none; color: #fff; display: block; padding: 6px 12px 6px 12px; }
#nav ol li a:hover,
#nav ol li a.current { background: white; color: #F1211F }
.clear { clear: both }

#content img { margin: 0px 1px 5px 1px; border: 1px solid black} 
#content ul {list-style: none; margin: 5px 10px; }

.research { border: 2px dotted #5B8800; background-color: #D7FF82	}
.advert { border: 2px dotted black; background-color: #CCCCCC } 

.activity h3 { border-bottom: 1px dotted #004B96 } 
.research h3 { border-bottom: 1px dotted green } 
.advert h4 { border-bottom: 1px dotted black }

.activity { border: 2px dotted #FFCC00; background-color: #FFFF97; }
.activity, .research, .advert { padding: 5px 20px 15px 20px; margin: 30px 0 20px 0; }
.activity ul li { list-style: disc; margin: 5px 0 0 10px }
.activity table { margin: 0 0 0 10px; border: 1px dotted #FFFF18; font-size: .75em; border-collapse:collapse; background-color: #FFFFD5; width: 490px }
.activity table th, .activity table td { padding: 5px 5px 15px 5px; border-bottom: 1px dotted #FFFF18; border-right: 1px dotted #FFFF18 } 
.activity table th { padding-bottom: 8px; }
.activity table tr { text-align:center }


#content.activities div.activity { margin-top: 0 }

p.footer { font-size: .7em }
.blue { color: #0033FF }


p.author { font-size: 0.8em; font-style: oblique}
.caption { font-size: 0.6em; padding: 0; margin: -10px 0 0 10px; width: 300px; color: #666666 } 

ul. gallery {  padding: 0; display: block; margin: 0}
.gallery li { list-style: none; display: inline; margin: 0; padding: 10px}


#content img.center { display: block; margin: 0 auto; padding: 0 }
/*PAGINATION*/


/*SLIDESHOW*/

ul.slideshow { list-style:none; width:400px; height:301px; overflow:hidden; display: block; position:relative; left: 40px; margin:10px auto; padding:0; }
ul.slideshow li { position:absolute; left:0; right:0; }
#content ul.slideshow img { padding: 0; margin: 0; border: none}
#slideshow-caption { width:451px; height:50px; position:absolute; bottom:0; left:1px; color:#fff; background:#000; z-index:500; }
#slideshow-caption.caption { margin-bottom: 0; }
#slideshow-caption .slideshow-caption-container { padding:5px 10px; }
#slideshow-caption h3 { margin:0; padding:0; font-size:14px; }
#slideshow-caption p { margin:5px 0 0 0; padding:0; }