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



/* Now start main styles */
img { padding: 0; margin: 0; }
#wrapper { padding: 0; margin: 0; font: 80%/1.5em Arial, Helvetica, sans-serif;  }
#wapperEngineeringSub { padding: 0; margin: 0; }


/* Stlyes for the Sub-site "header", the "title", and the link back to the engineering homepage */
#engineeringSubHeader { height: 102px; background: black url(../images/backgrounds/bg_sub_header.gif) top left no-repeat; }

#title { position: absolute; left: 218px; top: 144px; }

#homepage { position: absolute; right: 12px; top: 184px; }
#homepage a { color: #999; text-decoration: none; font-weight: bold; }
#homepage a:hover { text-decoration: underline; }



/* Navigation list styles (i.e. main menu) */
ul#navlist { font: 85%/2em Arial, Helvetica, sans-serif; list-style: none; background-color: #9DA5A7; padding: 0 0 0 0; margin: 0 0 0 208px;   width: 712px; height: 2.4em; }
#navlist li { float: left; list-style: none; line-height: 1.5em; margin: 4px 1px 4px 0em; padding-left: 6px;  padding-right: 6px; border-right: 1px solid #666; }
#navlist li:last-child { border-right: none; }
#navlist li a { height: 2em; text-decoration: none; color: #2B2A26; }
#navlist li a:hover { color: white; }


/* Main content styling */
/* #content { clear: both; color: #333; padding: 0em 1em 1em 1em;} */
#content { clear: both; color: #333; padding: 0em 1em 1em 220px;}

/* This is the image for the Engineering Sub-page (e.g. Mechanical, Civil etc.) */
#subicon { position: absolute; background: #eee url(../images/b_sub_icon.png) top left no-repeat; width: 208px; height: 304px; top: 118px; left: 0px; }

/* This image shifts the main content paragraph to wrap around the above sub-page image */
/* #subcontentshift { width:208px; height:140px; } */
#subcontentshift { width:208px; height:140px; display: none; }

/* Main content styling */
#content { clear: both; color: #333; padding: 0em 1em 1em 17em;}



/* This is the row of images below the navlist menu */
.imagebar { clear: both; margin-left: 208px;background: #eee url(../images/backgrounds/bg_navlist.jpg) top left no-repeat; height: 40px; }

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

/* Styles for the degree courses table */
.degreecourses { width:100%; background-color: #D7DADB; }
.degreecourses thead td { background-color: #ccc; border: 1px solid white; border-bottom: 2px solid white; padding: 0.2em 1em 0.2em 1em; font-weight: bold; }
.degreecourses tbody td { border: 1px solid white; padding: 0.2em 1em 0.2em 1em; }
.degreecourses tbody td { text-align: left; }
.degreecourses tbody td img { margin-left: 42px; }