/*
This file contains the styles that apply site-wide.

*/

body {
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .8em;
  color: rgb(0, 0, 0);
  background-color: rgb(255, 255, 255);
 }

a:link {
  color: rgb(0, 51, 153);
  }

a:visited {
  color: rgb(128, 153, 204);
  }
  
a:hover {
  }
  
a:active {
  color: rgb(153, 0, 0);
  }

#banner {
  height: 125px;
  }

#logo {
  position: absolute;
  top: 22px;
  left: 25px;
  border-style: none;
  z-index: 1; /* place logo above school/unit name */
  }

#wave-wash {
  position: absolute;
  top: 0;
  right: 0;
  }

#skip-to {
  display: none;
  }

#content {
  position: absolute;
  top: 13.5em;
  left: 203px;
  padding-left: 20px;
  width: 70%;
  line-height: 1.5em;
  color: rgb(70, 70, 70);
  }

h1, h2, h3 {
  font-family: 'trebuchet ms', verdana, arial, sans-serif;
  } 
 
h1 {
  font-size: 1.5em;
  line-height: 1.1em;
  text-transform: uppercase;
  letter-spacing: .2em;
  }

h2 {
  margin-top: 1.5em;
  margin-bottom: -.5em;
  font-size: 1.25em;
  line-height: 1.1em;
  }
  
h3 {
  font-size: 1em;
  line-height: 1.1em;
  margin-bottom: -1em;
  }

#smallprint {
  background: url(http://www.seas.aston.ac.uk/cssfiles/blue-dotted-horiz-line.gif) repeat-x left top;
  color: rgb(153, 153, 153);
  font: 80% verdana, arial, sans-serif;
  padding-top: .5em;
  padding-bottom: 1em;
  }
  
address {
  font-style: normal;
  }

address p, #smallprint p {
  margin-top: .75em;
  margin-bottom: .75em;
  }
  

#global-navigation {
  font-size: 90%;
  height: 2em;
  list-style-type: none;
  padding: 0 0 8px 0;
  margin: 0;
  width: 100%;
  border-top: 1px solid rgb(64, 102, 178);
  background: url(http://www.seas.aston.ac.uk/cssfiles/global-nav-grad-n-shadow.gif) repeat-x bottom left rgb(0, 51, 153);
  z-index: 20;
  }

#global-navigation li {
  display: inline;
  padding: 0;
  margin: 0;
  }

#global-navigation li a {
  float: left;
  display: block;
  width: 100px;
  height: 1em;
  line-height: 1em;
  text-align: center;
  padding: .5em 0;
  margin: 0;
  color: rgb(204, 204, 204);
  text-decoration: none;
  border-right: 1px solid rgb(0, 51, 102);
  background: url(http://www.seas.aston.ac.uk/cssfiles/global-nav-blue-gradient.gif) repeat-x bottom left rgb(0, 51, 153);
  }
  
#global-navigation li a:hover {
  background: rgb(51, 102, 153);
  color: rgb(255, 255, 255);
  }

#local-navigation {
  padding: 0px 18px 10px 18px;
  margin-top: -8px;
  width: 175px;
  }

#search {
  margin-bottom: 0;
  padding: 10px 5px;
  z-index: 3;
  width: 185px; /* For IE 5.x/Win */
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 175px; /* Correct value */
  }

/* Be nice to Opera after box model hack */
html>body #search {
  width: 175px;
  }

#words {
  width: 130px;
  height: 1.5em;
  }

#local-navigation #nav-menu {
  font-size: .75em;
  width: 185px;
  padding-bottom: 15px;
  background: url(http://www.seas.aston.ac.uk/cssfiles/menu-corner.gif) no-repeat bottom right;
  }

#local-navigation #nav-menu a {
  display: block;
  padding: 4px 5px 4px 0;
  text-decoration: none;
  }

#local-navigation #nav-menu a:hover {
  text-decoration: none;
  }

/* Border and spacing between menu items */
#local-navigation #nav-menu p {
  margin: 0;
  background: url(http://www.seas.aston.ac.uk/cssfiles/dotted-horiz-line.gif) repeat-x top left;
  }
  
/* Menu level 0 */
#local-navigation #nav-menu .down a, #local-navigation #nav-menu .horiz a, #local-navigation #nav-menu .dot a, #local-navigation #nav-menu .dotselected a, #local-navigation #nav-menu .downselected a {
  padding-left: 5px;
  width: 185px; /* For IE 5.x/Win */
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 175px; /* Correct value */
  }

/* Be nice to Opera after box model hack */
html>body .down a, html>body .horiz a, html>body .dot a, html>body .downselected a, html>body .dotselected a {
  width: 175px;
  }

/* Menu level 1 */
#local-navigation #nav-menu .down1 a, #local-navigation #nav-menu .horiz1 a, #local-navigation #nav-menu .dot1 a, #local-navigation #nav-menu .downselected1 a, #local-navigation #nav-menu .dotselected1 a {
  padding-left: 15px;
  width: 185px; /* For IE 5.x/Win */
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 165px; /* Correct value */
  }

/* Be nice to Opera after box model hack */
html>body .down1 a, html>body .horiz1 a, html>body .dot1 a, html>body .downselected1 a, html>body .dotselected1 a {
  width: 165px;
  }

/* Menu level 2 */
#local-navigation #nav-menu .down2 a, #local-navigation #nav-menu .horiz2 a, #local-navigation #nav-menu .dot2 a, #local-navigation #nav-menu .downselected2 a, #local-navigation #nav-menu .dotselected2 a {
  padding-left: 25px;
  width: 185px; /* For IE 5.x/Win */
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 155px; /* Correct value */
  }

/* Be nice to Opera after box model hack */
html>body .down2 a, html>body .horiz2 a, html>body .dot2 a, html>body .downselected2 a, html>body .dotselected2 a {
  width: 155px;
  }

/* Menu level 3 */
#local-navigation #nav-menu .down3 a, #local-navigation #nav-menu .horiz3 a, #local-navigation #nav-menu .dot3 a, #local-navigation #nav-menu .downselected3 a, #local-navigation #nav-menu .dotselected3 a {
  padding-left: 35px;
  width: 185px; /* For IE 5.x/Win */
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 145px; /* Correct value */
  }

/* Be nice to Opera after box model hack */
html>body .down3 a, html>body .horiz3 a, html>body .dot3 a, html>body .downselected3 a, html>body .dotselected3 a {
  width: 145px;
  }

/* Menu level 4 */
#local-navigation #nav-menu .down4 a, #local-navigation #nav-menu .horiz4 a, #local-navigation #nav-menu .dot4 a, #local-navigation #nav-menu .downselected4 a, #local-navigation #nav-menu .dotselected4 a {
  padding-left: 45px;
  width: 185px; /* For IE 5.x/Win */
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 135px; /* Correct value */
  }

/* Be nice to Opera after box model hack */
html>body .down4 a, html>body .horiz4 a, html>body .dot4 a, html>body .downselected4 a, html>body .dotselected4 a {
  width: 135px;
  }

/* Menu level 5 */
#local-navigation #nav-menu .down5 a, #local-navigation #nav-menu .horiz5 a, #local-navigation #nav-menu .dot5 a, #local-navigation #nav-menu .downselected5 a, #local-navigation #nav-menu .dotselected5 a {
  padding-left: 55px;
  width: 185px; /* For IE 5.x/Win */
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 125px; /* Correct value */
  }

/* Be nice to Opera after box model hack */
html>body .down5 a, html>body .horiz5 a, html>body .dot5 a, html>body .downselected5 a, html>body .dotselected5 a {
  width: 125px;
  }

/* Menu level 6 */
#local-navigation #nav-menu .down6 a, #local-navigation #nav-menu .horiz6 a, #local-navigation #nav-menu .dot6 a, #local-navigation #nav-menu .downselected6 a, #local-navigation #nav-menu .dotselected6 a {
  padding-left: 65px;
  width: 185px; /* For IE 5.x/Win */
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 115px; /* Correct value */
  }

/* Be nice to Opera after box model hack */
html>body .down6 a, html>body .horiz6 a, html>body .dot6 a, html>body .downselected6 a, html>body .dotselected6 a {
  width: 115px;
  }

/* Menu level 7 */
#local-navigation #nav-menu .down7 a, #local-navigation #nav-menu .horiz7 a, #local-navigation #nav-menu .dot7 a, #local-navigation #nav-menu .downselected7 a, #local-navigation #nav-menu .dotselected7 a {
  padding-left: 75px;
  width: 185px; /* For IE 5.x/Win */
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 105px; /* Correct value */
  }

/* Be nice to Opera after box model hack */
html>body .down7 a, html>body .horiz7 a, html>body .dot7 a, html>body .downselected7 a, html>body .dotselected7 a {
  width: 105px;
  }

/* Selected for all levels */  
#local-navigation #nav-menu .dotselected a,
#local-navigation #nav-menu .dotselected a:hover,

#local-navigation #nav-menu .downselected a,
#local-navigation #nav-menu .downselected a:hover,

#local-navigation #nav-menu .dotselected1 a,
#local-navigation #nav-menu .dotselected1 a:hover,

#local-navigation #nav-menu .downselected1 a,
#local-navigation #nav-menu .downselected1 a:hover,

#local-navigation #nav-menu .dotselected2 a,
#local-navigation #nav-menu .dotselected2 a:hover,

#local-navigation #nav-menu .downselected2 a,
#local-navigation #nav-menu .downselected2 a:hover,

#local-navigation #nav-menu .dotselected3 a,
#local-navigation #nav-menu .dotselected3 a:hover,

#local-navigation #nav-menu .downselected3 a,
#local-navigation #nav-menu .downselected3 a:hover, 

#local-navigation #nav-menu .dotselected4 a,
#local-navigation #nav-menu .dotselected4 a:hover,

#local-navigation #nav-menu .downselected4 a,
#local-navigation #nav-menu .downselected4 a:hover, 

#local-navigation #nav-menu .dotselected5 a,
#local-navigation #nav-menu .dotselected5 a:hover,

#local-navigation #nav-menu .downselected5 a,
#local-navigation #nav-menu .downselected5 a:hover,

#local-navigation #nav-menu .dotselected6 a,
#local-navigation #nav-menu .dotselected6 a:hover,

#local-navigation #nav-menu .downselected6 a,
#local-navigation #nav-menu .downselected6 a:hover,

#local-navigation #nav-menu .dotselected7 a,
#local-navigation #nav-menu .dotselected7 a:hover,

#local-navigation #nav-menu .downselected7 a,
#local-navigation #nav-menu .downselected7 a:hover {
  font-weight:     bold;
  text-decoration: none;
  }