/* 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; }
#pageheader { background-color: red; background-image: url(/images/headers/File,27058,en.jpg); background-repeat: no-repeat; }

/* 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 */




img {
  padding: 0; margin: 0;
}
#wrapper {
  padding: 0; margin: 0; font: 80%/1.5em Arial, Helvetica, sans-serif;
}
#wapperEngineering, .engineeringContentFull, .engineeringContentRight { padding: 0; margin: 0; }

.engineeringContentFull { float: left; width: 698px; background: url(/images/backgrounds/File,27777,en.jpg) top left no-repeat; padding: 236px 0 0 0; }
.engineeringContentRight { float: left; width: 222px; background-color: black; }

.content { clear: both; padding: 0.5em 2em 0em 2em; }

/* common, misc styles */
.clear { clear: both; }



#navlist, .contact, .newsandevents, .contactus { list-style:none; padding-left: 0px; margin-left: 0px; border-bottom: none; padding: 0; margin: 0;}
#navlist li, .contact li, .newsandevents li, .contactus li { margin: 0; padding: 0.2em 0.10em 0.20em 33px; font-size: 110%; line-height: 1.8em; border-bottom: 1px solid white; background: #91B500 url(/images/backgrounds/File,27093,en.gif) 0 3px no-repeat; }
#navlist li a, .contact li a, .newsandevents li a, .contactus li a { text-decoration: none;  font-weight: bold; color: black;}
#navlist li a:hover, .contact li a:hover, .newsandevents li a:hover, .contactus li a:hover { color: #666666;}
/* now we override specific styles */
.contact { margin-top: 8px; font-weight: bold; color: black; }
.contact li { background: white url(/images/backgrounds/File,27098,en.gif) 0 3px no-repeat; border-bottom: none; }
.newsandevents li, .contactus li { background: #BCDC72 url(/images/backgrounds/File,27096,en.gif) 0 3px no-repeat; border-bottom: none; }
#navlist { padding-bottom: 8px; background-color:#91B500; }


#address { font: 85%/1.5em Arial, Helvetica, sans-serif; color: white; padding: 0.8em 1.2em 1em 3.1em; }

#news { font: 85%/1.5em Arial, Helvetica, sans-serif; color: white; padding: 0.8em 1.2em 1em 3.1em; }
#news a { color: white; font-weight: bold; } 
#news a { color: #eee; } 



/* IMAGE GRID for the Engineering homepage */

#imagegrid { width: 628px; background-color: white; padding-left: 12px; }
#imagegrid div {float:left; margin: 0px 14px 0px 0px; background-color: white; padding: 0px 10px 0px 10px; }
#imagegrid div #button a { display:block; width:172px; height: 70px; } 
#imagegrid div #spacer { display:block; width:172px; height: 20px; padding-bottom: 15px;} 
#imagegrid div #spacer a { display:block; width:172px; height: 20px; padding-bottom: 15px;} 

#button_areospace2 { background: url(/engineering/images/backgrounds/File,35307,en.png) 0 0 no-repeat; }

#button_areospace #button a { background: url(/images/backgrounds/File,27071,en.png) 0 0 no-repeat; }
#button_areospace #button a:hover { background-position: -172px 0;}
#button_areospace #spacer a { background: url(/images/backgrounds/Aerospace_Button.png) 0 0 no-repeat; }

#button_chemical #button a { background: url(/images/backgrounds/File,27072,en.png) 0 0 no-repeat; }
#button_chemical #button a:hover { background-position: -172px 0;}

#button_civil #button a { background: url(/images/backgrounds/File,27073,en.png) 0 0 no-repeat; }
#button_civil #button a:hover { background-position: -172px 0;}

#button_computational #button a { background: url(/images/backgrounds/File,27074,en.png) 0 0 no-repeat; }
#button_computational #button a:hover { background-position: -172px 0;}

#button_electrical a { background: url(/images/backgrounds/File,27075,en.png) 0 0 no-repeat; }
#button_electrical a:hover { background-position: -172px 0;}

#button_engineering a { background: url(/images/backgrounds/File,27076,en.png) 0 0 no-repeat; }
#button_engineering a:hover { background-position: -172px 0;}

#button_environmental a { background: url(/images/backgrounds/File,27077,en.png) 0 0 no-repeat; }
#button_environmental a:hover { background-position: -172px 0;}

#button_materials a { background: url(/images/backgrounds/File,27079,en.png) 0 0 no-repeat; }
#button_materials a:hover { background-position: -172px 0;}

#button_mechanical a { background: url(/images/backgrounds/File,27775,en.png) 0 0 no-repeat; }
#button_mechanical a:hover { background-position: -172px 0;}

#button_medical a { background: url(/images/backgrounds/File,27080,en.png) 0 0 no-repeat; }
#button_medical a:hover { background-position: -172px 0;}

#button_nanotechnology a { background: url(/images/backgrounds/File,27081,en.png) 0 0 no-repeat; }
#button_nanotechnology a:hover { background-position: -172px 0;}

#button_product a { background: url(/images/backgrounds/File,27084,en.png) 0 0 no-repeat; }
#button_product a:hover { background-position: -172px 0;}

#button_telecommunications a { background: url(/engineering/images/backgrounds/File,33404,en.png) 0 0 no-repeat; }
#button_telecommunications a:hover { background-position: -172px 0;}



#button_icct a { background: url(/images/backgrounds/File,29885,en.png) 0 0 no-repeat; }
#button_iccta:hover { background-position: -172px 0;}

#button_bloodhound a { background: url(/images/backgrounds/File,29886,en.png) 0 0 no-repeat; }
#button_bloodhound a:hover { background-position: -172px 0;}




#button_new a { background: url(/images/backgrounds/File,27082,en.png) 0 0 no-repeat; }
#button_new a:hover { background-position: -172px 0;}

#button_spare a { background: url(/images/backgrounds/File,27085,en.png) 0 0 no-repeat; }
#button_spare a:hover { background-position: -172px 0;}