@media screen
{
body{margin: 0px; font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #000000; background-color: #000000; background-image: url('images/bg_body.jpg'); background-position: center; background-attachment: fixed; background-repeat: no-repeat; }
#content_wrapper{width: 700px; margin: 20px auto 20px auto; text-align: left; border: 1px solid #333333; background: #ffffff url('images/bg_inner_eelskin.jpg') no-repeat;}
#logo{width: 373px; height: 61px; float: left; margin: 0px; padding: 0px;}
#content{clear: both; padding: 10px 30px 30px 30px; margin: 0px;}

/* Nav */
#navigation{clear: both; width: 516px; height: 35px; margin: 0px 0px 0px 0px; padding: 0px;}
#navigation ul{list-style-type: none; padding: 0px; margin: 0px;}
#navigation ul li{display: inline; float: left;}
#navigation ul li div a{display: block;}

#navigation_secondary{width: 247px; height: 61px; margin: 0px 0px -10px 0px; padding: 0px; float: right;}
#navigation_secondary ul{list-style-type: none; padding: 0px; margin: 0px;}
#navigation_secondary ul li{display: inline; float: left;}
#navigation_secondary ul li div a{display: block;}

#subnavigation{position: absolute; top: 97px; left: 0px;}
#subnavigation ul{list-style-type: none; padding: 0px; margin: 0px; float: left;}
#subnavigation ul li{display: inline; float: left;}
#subnavigation ul li div a{display: block;}

#subnavigation1{position: absolute; top: 97px; left: 0px; z-index: 50;}
#subnavigation2{position: absolute; top: 97px; left: 0px; z-index: 51;}
#subnavigation3{position: absolute; top: 97px; left: 0px; z-index: 52;}

#breadcrumb{clear: both; padding: 0px 15px 5px 25px; font-size: 10px;}
#breadcrumb a, #breadcrumb a:visited{color: #990033; text-decoration: underline;}
#breadcrumb a:hover, #breadcrumb a:visited:hover{color: #990033; text-decoration: none;}

/* Nav Buttons */
a:hover{visibility: visible;}
#button_you{width: 72px; height: 35px; background: url('/images/button_you_on.png') no-repeat; overflow:hidden;}
#button_you a:hover img{visibility: hidden;}
#button_people{width: 139px; height: 35px; background: url('/images/button_people_on.png') no-repeat; overflow:hidden;}
#button_people a:hover img{visibility: hidden;}
#button_culture{width: 153px; height: 35px; background: url('/images/button_culture_on.png') no-repeat; overflow:hidden;}
#button_culture a:hover img{visibility: hidden;}
#button_collaboration{width: 152px; height: 35px; background: url('/images/button_collaboration_on.png') no-repeat; overflow:hidden;}
#button_collaboration a:hover img{visibility: hidden;}
#button_about{width: 77px; height: 61px; background: url('/images/button_about_on.png') no-repeat; overflow:hidden;}
#button_about a:hover img{visibility: hidden;}
#button_contact{width: 85px; height: 61px; background: url('/images/button_contact_on.png') no-repeat; overflow:hidden;}
#button_contact a:hover img{visibility: hidden;}
#button_workshops{width: 85px; height: 61px; background: url('/images/button_workshops_on.png') no-repeat; overflow:hidden;}
#button_workshops a:hover img{visibility: hidden;}

#button_you span{text-indent: -100.0em; text-decoration: none;}
#button_people span{text-indent: -100.0em; text-decoration: none;}
#button_culture span{text-indent: -100.0em; text-decoration: none;}
#button_collaboration span{text-indent: -100.0em; text-decoration: none;}
#button_about span{text-indent: -100.0em; text-decoration: none;}
#button_contact span{text-indent: -100.0em; text-decoration: none;}
#button_workshops span{text-indent: -100.0em; text-decoration: none;}

/* Contact form */
#contact_form {margin-top: 25px;}
form{margin: 0px;}
fieldset{border: 0px; border-top: 1px solid #000000;}
legend{font-weight: bold; font-family: Arial, Verdana, sans-serif; color: #000000; margin: 0px;}
label{display: block; float: left; width: 120px;}
.required{color:#CC3300;}
#fields{margin: 15px 0px 15px 0px;}
textarea{width: 400px; height: 200px;}
.submit{margin-left: 120px;}
input{margin-bottom: 2px;}
select{margin-bottom: 2px;}

/* Rollover lists
div.rollover_list {position: relative;}
div.rollover_list p{margin: 0px; padding: 0px;}
div.rollover_list a div {display: none;}
div.rollover_list a:hover div {display: block; position: absolute; top: 0px; left: 220px; width: 420px; z-index: 100; color: #000000;}
div.rollover_list a div h4{font-size: 12px; font-weight: bold; color: #993333; margin: 0px 0px 0px 0px;}
div.rollover_list a, div.rollover_list a:visited{color: #993333; text-decoration: underline;}
div.rollover_list a:hover, div.rollover_list a:visited:hover{color: #993333; text-decoration: none;}

div.rollover_list2 {position: relative;}
div.rollover_list2 p{margin: 0px; padding: 0px;}
div.rollover_list2 a div {display: none;}
div.rollover_list2 a:hover div {display: block; position: absolute; top: 0px; left: 220px; width: 420px; z-index: 100; color: #000000;}
div.rollover_list2 a div h4{font-size: 12px; font-weight: bold; color: #993333; margin: 0px 0px 0px 0px;}
div.rollover_list2 a, div.rollover_list2 a:visited{color: #993333; text-decoration: underline;}
div.rollover_list2 a:hover, div.rollover_list2 a:visited:hover{color: #993333; text-decoration: none;}
 */
 
/* Footer */
#footer{clear: both; width: 700px; margin: 0px; background-color: #666666; text-align: center; color: #ffffff; font-family: Arial, Verdana, sans-serif; font-size: 10px; padding: 5px 0px 5px 0px; background-image: url('images/bg_footer.png');}
#footer a{color: #ffffff; text-decoration: underline;}
#footer a:hover{color: #ffffff; text-decoration: none;}
#footer a:visited{color: #ffffff; text-decoration: underline;}
#footer a:visited:hover{color: #ffffff; text-decoration: none;}

img{border: 0px;}
img.image_right{float: right; padding: 0px 50px 15px 15px;}
div.center{margin-left: auto; margin-right: auto; text-align: center;}

h1{clear: both; font-size: 18px; font-weight: bold; color: #333399; margin: 0px 0px 10px 0px; font-family: Arial, Verdana, sans-serif;}
h2{clear: both; font-size: 14px; font-weight: bold; color: #333399; margin: 30px 0px 0px 0px; font-family: Arial, Verdana, sans-serif;}
h3{clear: both; font-size: 12px; font-weight: bold; color: #333399; margin: 0px 0px 0px 0px; font-family: Arial, Verdana, sans-serif;}
h4{font-size: 12px; font-weight: bold; color: #993333; margin: 0px 0px 0px 0px;}

p{margin: 15px 0px 15px 0px;}
p.notop{margin: 5px 0px 15px 15px;}

table.layout{width: 400px; border-collapse: collapse; border: 0px; margin: 0px 0px 0px 25px;}
table.layout td{padding: 15px;}
td.pad_left{padding: 0px 0px 0px 25px;}

ul{margin-top: 0px; margin-bottom: 0px; list-style-position: outside; margin-left: 0px; padding: 0px 0px 0px 20px;}
ul li{margin-bottom: 10px;}
ul li.no_bullet{list-style: none;}

ul ul{margin-top: 10px; margin-bottom: 0px; list-style-position: outside; margin-left: 0px; padding: 0px 0px 0px 20px;}

ul.ellipsis{list-style: none; margin-top: 0px; margin-bottom: 0px; list-style-position: outside; margin-left: 0px; padding: 0px 0px 0px 20px;}

a, a:visited{color: #000066; text-decoration: underline;}
a:hover, a:visited:hover{color: #000066; text-decoration: none;}

a div.popup{display: none;}
a:hover div.popup{display: block; z-index: 10; position: relative; top: 15px; left: 100px; width: 200px;}

p.divided span{padding-left: 50px;}

table.biotable{text-align: center; width: 500px; margin: 0px auto 0px auto;}
table.biotable td{padding: 0px 25px 0px 25px; margin: 0px;}

table.vum_table{border-collapse: collapse;}
table.vum_table td.info{padding: 15px 25px 15px 25px; border: 1px dashed #e5e5e5; vertical-align: top; width: 140px;}
table.vum_table td.info2{padding: 15px 25px 15px 25px; border: 1px dashed #e5e5e5; vertical-align: top;}
}