/* 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-image: url(../images/backgrounds/title_engineering.gif); 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_full_width.gif) top left no-repeat; }

/*#title { position: absolute; left: 218px; top: 144px; }*/
#title
{
  position: absolute;
  left: 10px;
  top: 177px;
  font-size: 22pt;
  color: #ffffff;
  font-weight: bold;
  line-height: 100%;
}

#title a:link
{
  text-decoration: none;
  color: #ffffff;
}

#title a:hover
{
  text-decoration: none;
  color: #ffffff;
}

#title a:visited
{
  text-decoration: none;
  color: #ffffff;
}

#title a:active
{
  text-decoration: none;
  color: #ffffff;
}

#homepage { position: absolute; right: 12px; top: 184px; }
#homepage a { color: #F17F0F; 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: #F17F0F; padding: 0 0 0 0; margin: 0 0 0 0px;   width: 920px; 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: 0px solid #666; }
#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;}


/* This is the image for the Engineering Sub-page (e.g. Mechanical, Civil etc.) */
#subicon { position: absolute; background: #eee url(../images/b_sub_icon.jpg) 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; }

/* This is the row of images below the navlist menu */
.imagebar { clear: both; margin-left: 0px;background: #eee url(../images/backgrounds/bg_navlist.jpg) top left repeat-x; 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-right: 1px solid black; border-bottom: 2px solid white; padding: 0.2em 1em 0.2em 1em; font-weight: bold; }
.degreecourses tbody td { border-right: 1px solid black; border-bottom: 1px solid black; padding: 0.2em 1em 0.2em 1em; }
.degreecourses tbody td { text-align: center; }
.degreecourses tbody td:first-child { text-align: left; }
.degreecourses tbody td:last-child, .degreecourses thead td:last-child, .degreecourses tbody tr:last-child td:last-child { border-right: none; }
.degreecourses tbody tr:last-child td { border-right: 1px solid black; border-bottom: none;  }

#image_column
{
  margin-left: 6px;
  margin-top: 140px;
  margin-right: 10px;
  width: 188px;
  float: left;
}

#main_content
{
/*  float: right;*/
  margin-top: 7px;
  margin-right: 8px;
}

#main_content h1
{
  color: #405B7F;
}

#main_content h2
{
  color: #405B7F;
}