/* the following styles overwrite and compliment those in 
the files: CSS/File,14456,en.css and CSS/File,14383,en.css and*/

#container { background-image: none; border-left: none; border-right: none; }
#pageheader { background-color: transparent; 
  background-image: url(/images/headers/File,32814,en.png); 
  background-repeat: no-repeat; height: 160px; z-index: 500; }


/* IE 6 hacks */
* html #menu { width: 675px; margin-left: 245px; } /* resize/reposition the menu for IE6 to stop it breaking the #container width.  Possible box-model issue with main uni stylesheets */



/* 
---------------------------------------------------------
GENERIC HTML ELEMENT STYLES
---------------------------------------------------------
*/

h1 { font-size: 1.5em; margin: 0; padding: 6px 0px 8px 0px; }
h2 { font-size: 1.3em; margin: 0; padding: 6px 0px 6px 0px;  }

a { color: #003E7E; }
a:visited { color: #668099; }
a:hover { color: #668099; }

p { padding: 0 0 6px 0; margin: 0; }


/*
---------------------------------------------------------
COMMON CLASSES
---------------------------------------------------------
*/

.clear { clear: both; }
.introduction { font-weight: bold; padding-bottom: 8px; border-bottom: 1px solid #ddd; margin-bottom: 6px; }
.hidden { visibility: hidden; }


/*
---------------------------------------------------------
PAGE STRUCTURE CLASSES
---------------------------------------------------------
*/

#wrapper { padding: 0; margin: 0; font: 80%/1.5em Arial, Helvetica, sans-serif; }
#wrapperNanoHealth { clear: both; padding-left: 15px; padding-right: 15px; }

.contentLeft { width: 146px; float: left; }
.contentRight { float: right; width: 182px; padding: 32px 0 0 0;  }
.contentHomeLeft { margin-right: 212px; }
.contentHomeRight { float: right; width: 212px;}
.contentMiddle {  margin-left: 146px; padding: 0px 12px 0px 12px; 
margin-right: 0px; }
.contentFull { width: 100%; }


.contentRight { }
.contentRight h3 { padding: 0 0 0 0px; margin: 0 0 4px 0; }
#latest-news { padding: 6px 12px 24px 12px; }
#latest-news ul,  #latest-news ul li { padding: 0; margin: 0; list-style: none; }
#latest-news ul li { padding-bottom: 6px; list-style: square; margin-left: 16px; }










#content { float: left; width: 730px; min-height: 350px; 
  margin-left: 12px;
  margin-bottom: 12px; }

#breadcrumbs {
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: right;
  padding-bottom: 6px;
  font-size: 0.8em;
  background: transparent;
}
#breadcrumbs ul, #breadcrumbs ul li {
  list-style: none; padding: 0; margin: 0; 
}
  
/*
---------------------------------------------------------
MENU ITEM STYLES
---------------------------------------------------------
*/

#navlist, #navlist li, #navlist li a { list-style: none; padding: 0; margin: 0; }
#homenav #navlist { float: left; width: 146px;  }
#navlist li { }

#navlist li a { display: block; font-size: 1.2em; line-height: 31px; height: 31px; width: 146px; text-decoration: none; background: #eee top left no-repeat; }
#navlist li a:hover, #navlist li.selected a, #navlist li a:active { background-position: 0px -31px; }

#navlist li.btnHome a { background-image: url(/engineering/images/File,36017,en.gif); }
#navlist li.btnAboutUs a { background-image: url(/engineering/images/File,36019,en.gif); }
#navlist li.btnNanohealth a { background-image: url(/engineering/images/File,36020,en.gif); }
#navlist li.btnRegisterYourInterest a { background-image: url(/engineering/images/File,36021,en.gif); }
#navlist li.btnCollaborativeResearch a { background-image: url(/engineering/images/File,36022,en.gif); }
#navlist li.btnFacilities a { background-image: url(/engineering/images/File,36023,en.gif); }
#navlist li.btnRandD a { background-image: url(/engineering/images/File,36024,en.gif); }
#navlist li.btnCNHExpertise a { background-image: url(/engineering/images/File,36026,en.gif); }
#navlist li.btnLinks a { background-image: url(/engineering/images/File,36028,en.gif); }
#navlist li.btnContact a { background-image: url(/engineering/images/File,36030,en.gif); }


.caption { clear: both; padding-top: 6px; }
.caption p { font-size: 0.85em; font-style: italic; text-align: center; padding: 4px 4px 16px 4px; }

/*
---------------------------------------------------------
OTHER STYLES
---------------------------------------------------------
*/

#buttonbar { clear: left; width: 674px; overflow: auto; border-top: 1px solid black; border-bottom: 2px solid white; padding-top: 1px; background-color: #eee; }
#buttonbar .btn { float: left; width: 222px; height: 134px; margin-right: 1px; border: 1px solid white }
#buttonbar .last { margin-right: 0px; }
#buttonbar .btn a { display: block; width: 222px; height: 134px; background: #eee top left no-repeat; }
#buttonbar .btn a:hover { background-position: 0px -134px; }

#buttonbar .btnRandD a { background-image: url(/images/links/File,32837,en.jpg); }
#buttonbar .btnProjects a { background-image: url(/images/links/File,32836,en.jpg); }
#buttonbar .btnFacilities a { background-image: url(/images/links/File,32831,en.jpg); }



.navcontent { float: left; background-color: #eee; width: 528px; height: 350px; margin-bottom: 1px; }
.navcontent .nc { position: absolute; 
  background: black; 
  color: white;
  z-index: -100; 
  width: 492px; height: 314px; padding: 18px; font-size: 0.85em; overflow: hidden; }
.navcontent .nc h2 { padding: 0; visibility: hidden; height: 70px; }  
.navcontent .nc p { padding-top: 6px; padding-left: 12px; margin-right: 33%; }  
.navcontent .nc p.introduction { padding-bottom: 0px; }
.navcontent .nc p.readmore { float: right; margin-left: 33%; 
  background: transparent url(../../../images/backgrounds/readmore.gif) bottom left no-repeat; 
  padding-left: 12px; padding-bottom: 1px;}
.navcontent .nc a { color: white; text-decoration: none; }
.navcontent .nc a:hover { color: #ddd; text-decoration: none; }
  
  
.navcontent #navcontent1 { z-index: 100; background-image: url(/engineering/images/File,36061,en.jpg); }
.navcontent #navcontent2 { background-image: url(/engineering/images/File,36068,en.jpg);  }
.navcontent #navcontent3 { background-image: url(/engineering/images/File,36064,en.jpg);  }
.navcontent #navcontent4 { background-image: url(/engineering/images/File,36067,en.jpg);  }
.navcontent #navcontent5 { background-image: url(/engineering/images/File,36070,en.jpg);  }
.navcontent #navcontent6 { background-image: url(/engineering/images/File,36063,en.jpg);  }
.navcontent #navcontent7 { background-image: url(/engineering/images/File,36065,en.jpg);  }
.navcontent #navcontent8 { background-image: url(/engineering/images/File,36066,en.jpg);  }
.navcontent #navcontent9 { background-image: url(/engineering/images/File,40284,en.jpg);  }
.navcontent #navcontent10 { background-image: url(/engineering/images/File,36071,en.jpg);  }


#news { margin-top: 4px; border: 1px solid black; height: 293px; }
#news h2 { background: #7F79AA url(/images/links/File,32828,en.gif) top left no-repeat; height: 30px; padding: 0; margin: 0 0 6px 0; }
#news ul { padding: 0; margin: 0 0 12px 0px; list-style: none; }
#news li { padding: 0 0 0 12px; margin: 0px; list-style: none; }


.contentMiddle h2 { background: #372B6D none top right no-repeat; font-size: 1.0em; color: white; padding: 0 0 0 4px; line-height: 26px; margin-bottom: 8px; }
.contentMiddle p { margin-right: 16px; }
.contentRight { background: transparent url(/images/backgrounds/File,32811,en.gif) top right no-repeat;  }
.contentRight img {
  width: 182px;
  height: 109px; margin-bottom: 4px;
  background-color: #eee;
}


#introduction hr { display: none; }

.content { clear: none; margin-right: 240px; }
#news_sidebar {clear: none;  width: 230px; float: right; }
#news_sidebar ul { margin: 0; padding: 0; padding-left: 16px; margin-right: 24px; }
#news_sidebar li { margin: 0; padding: 0; padding-bottom: 4px; font-size: 0.85em; }
#news_sidebar h3 { margin-top: 24px; }

.content hr {display: none}
.content h2 { font-size: 1.4em;}

/*
.content a, #news_sidebar a {color: #009900; }
.content a:hover, #news_sidebar a:hover { color: #33cc33; }
*/