@charset "UTF-8";
/* CSS Document */


html{
padding:0;
margin:0;
height:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

body{
padding:0;
margin:0 auto;
height:100%;
width:1100px;
}


#wrap{
width:984px;
margin:0 auto;
padding:0 50px;
float:left;
background-image:url(../images/bg_shad.jpg);
background-repeat:repeat-y;
}

.componentheading{
display:none;
}

#centre{
width:984px;
margin:0;
padding:0;
height:100%;
float:left;
background-color:#FFF;
}

#header{
}

h1{
font-family:"Times New Roman", Times, serif;
color:#f8a347;
font-size:20px;
font-weight:normal;
line-height:normal;
margin:30px 0 20px 0;
text-align:center;
width:468px;
text-transform:uppercase;
}

#content h2{
font-family:"Times New Roman", Times, serif;
color:#666;
font-size:16px;
font-weight:bold;
line-height:normal;
text-transform:uppercase;
margin:30px 0 15px 0;
padding:0;
}


#header h2{
background-image:url(../images/logo.gif);
background-repeat:no-repeat;
height:122px;
width:984px;
display:block;
padding:0;
margin:0;
text-indent:-9999px;
}

#imagearea{
background-image:url(../images/about1.jpg);
background-repeat:no-repeat;
height:283px;
}


#nav, #nav ul {
width:984px;
height:55px;
padding:0;
margin:20px 0 0 0;
_margin:10px 0 0 0;

}

#nav li, #nav a {
padding:0;
margin:0;
float:left;
height:40px;
display:block;
list-style:none;
background-position:0 -40px;
}
#workbio .item8 a, #workenviro .item8 a, #workmap .item8 a, #workinf .item8 a, #workbiofoul .item8 a, #marinepests .item6 a, #biodiversity .item6 a, #coastalmarine .item6 a, #underwaterfilming .item6 a, #bethic .item6 a, #enviroimpact .item6 a, #marinefield .item6 a, #nav a:hover, #current a,
#directors .item7 a, #generalm .item7 a, #finadmin .item7 a, #seniorenv .item7 a, #enviroscientists .item7 a, #allstaff .item7 a, #assessmapping .item9 a, #bell .item9 a, #lauderdale .item9 a, #improtector .item9 a  {
background-position:0 0;
}

#current a {
color:#000;
}

.item1 a{
width:146px;
background-image:url(../images/about_btn.gif);
background-repeat:no-repeat;
text-indent:-9999px;
height:40px;
}

.item6 a{
width:167px;
background-image:url(../images/cap_btn.gif);
background-repeat:no-repeat;
text-indent:-9999px;
height:40px;
}

.item7 a{
width:127px;
background-image:url(../images/people_btn.gif);
background-repeat:no-repeat;
text-indent:-9999px;
height:40px;
}

.item8 a{
width:142px;
background-image:url(../images/history_btn.gif);
background-repeat:no-repeat;
text-indent:-9999px;
height:40px;
}

.item9 a{
width:144px;
background-image:url(../images/projects_btn.gif);
background-repeat:no-repeat;
text-indent:-9999px;
height:40px;
}

.item10 a{
width:114px;
background-image:url(../images/links_btn.gif);
background-repeat:no-repeat;
text-indent:-9999px;
height:40px;
}

.item12 a{
width:144px;
background-image:url(../images/contact_btn.gif);
background-repeat:no-repeat;
text-indent:-9999px;
height:40px;
}


#middle{
float:left;
padding:0;
background-image:url(../images/coral_bg.jpg);
background-repeat:no-repeat;
background-color:#FFF;
}


#side{
float:left;
width:247px;
padding:0;
margin:0 10px 0 0;
display:block;
height:600px
}

#content{
float:left;
width:468px;
padding:0 0 100px 0;
margin:0;
background-color:#fff;
}

#content p{
font-size:12px;
color:#333;
text-align:justify;
margin:0 0 20px 0;
padding:0;

}

#middle #content .smallcaption{
font-size:10px;
font-style:italic;

}

#contact #content p, #contact #content h2{
text-align:center;

}

#content h3{
font-size:14px;
color:#333;
font-weight:bold;

}


#capabilities .moduletable ul, #marinefield .moduletable ul, #marinepests .moduletable ul, #biodiversity .moduletable ul, #coastalmarine .moduletable ul, #underwaterfilming .moduletable ul, #benthic .moduletable ul, #enviroimpact .moduletable ul, #history .moduletable ul, #workbio .moduletable ul, #workenviro .moduletable ul, 
#workmap .moduletable ul,
#workinf .moduletable ul,
#workbiofoul .moduletable ul,
#clients .moduletable ul
{
background-image:url(../images/nav1.jpg);
background-repeat:no-repeat;
padding:35px 55px 0 45px;
margin:0;
list-style:none;
height:372px;

}


#projects .moduletable ul, #assessmapping .moduletable ul, #bell .moduletable ul, #lauderdale .moduletable ul, #improtector .moduletable ul  {
background-image:url(../images/nav1.jpg);
background-repeat:no-repeat;
padding:35px 55px 0 45px;
margin:0;
list-style:none;
height:372px;

}


#people .moduletable ul, #directors .moduletable ul, #generalm .moduletable ul, #finadmin .moduletable ul, #seniorenv .moduletable ul, #enviroscientists .moduletable ul, #allstaff .moduletable ul, #marinescientists .moduletable ul {
background-image:url(../images/nav2.jpg);
background-repeat:no-repeat;
padding:35px 55px 0 45px;
margin:0;
list-style:none;
height:372px;

}.moduletable ul li {
padding:0;
line-height:14px;
margin: 0 0 13px 0;


}

.moduletable ul li a {
font-size:11px;
line-height:12px;
color:#666;
font-weight:bold;

}


.moduletable ul li a:hover {
color:#000;

}

#aboutus h1{
padding:0;
margin:0 0 20px 0;
width:468px;
height:68px;
background-image:url(../images/about_title.gif);
background-repeat:no-repeat;
text-indent:-9999px;

}

#capabilities h1{
padding:0;
margin:0 0 20px 0;
width:468px;
height:68px;
background-image:url(../images/capabilities_title.gif);
background-repeat:no-repeat;
text-indent:-9999px;

}

#people h1{
padding:0;
margin:0 0 20px 0;
width:468px;
height:68px;
background-image:url(../images/people_title.gif);
background-repeat:no-repeat;
text-indent:-9999px;

}

#history h1{
padding:0;
margin:0 0 20px 0;
width:468px;
height:68px;
background-image:url(../images/history_title.gif);
background-repeat:no-repeat;
text-indent:-9999px;

}

#projects h1{
padding:0;
margin:0 0 20px 0;
width:468px;
height:68px;
background-image:url(../images/featured_title.gif);
background-repeat:no-repeat;
text-indent:-9999px;

}

#links h1{
padding:0;
margin:0 0 20px 0;
width:468px;
height:68px;
background-image:url(../images/links_title.gif);
background-repeat:no-repeat;
text-indent:-9999px;

}

#contact h1{
padding:0;
margin:0 0 20px 0;
width:468px;
height:68px;
background-image:url(../images/contact_title.gif);
background-repeat:no-repeat;
text-indent:-9999px;

}

#secondside{
float:left;
margin: 78px 0 0 29px;
width:230px;
_width:222px;
height:200px;
background-color:#FFF;

}

A, img {
outline:none;
border-style: none;
border:0;
margin:0;
padding:0;
}
.creature{
background-image:url(../images/creature.jpg);
background-repeat:no-repeat;
width:210px;
height:117px;
padding:60px 0 0 0;
text-align:center;
background-color:#FFF;
}

#pdfside{
margin:0;
padding:0;

}
.pdfs {
margin:20px 0 0 10px;
background-image:url(../images/pdf.gif);
background-repeat:no-repeat;
background-position:60px 0;
padding:95px 20px 0 20px;
text-align:center;
}

.pdfs a {
color:#f8a347;
padding:0;
margin:0;
width:170px;
font-size:10px;
font-weight:bold;
}

.contentpaneopen img{
margin: 0 5px 0 0;
}

.contentpaneopen a img{
margin: 0 3px 0 0;
}


#footer{
margin:0 auto;
padding: 10px 0;
text-align:center;
background-color:#fff;
width:984px;
}

#footer a{
color:#666;
font-size:10px;
}