/* 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: url(../../../images/backgrounds/bg_footer.jpg); */ }
#pageheader { background-color: #009A49; 
  background-image: none; 
  background-repeat: no-repeat; height: 35px; 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;  }
h2.image { margin-left: -30px; }

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

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


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

.clear { clear: both; visibility: hidden; height: 1px; overflow: hidden; }
.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;
  background: transparent url(/images/HumanAndHealth/File,43569,en.gif) top left no-repeat; 
  overflow: auto; height: 1%;
  padding: 120px 24px 24px 24px;  
}


/*
---------------------------------------------------------
MENU ITEM STYLES
---------------------------------------------------------
*/

#options, #options li {padding: 0; margin: 0; list-style: none; }
#options { width: 700px; margin: 0 auto; overflow: auto; padding-top: 18px; padding-bottom: 2px; }
#options li { float: left; width: 305px; background: #009a49; padding-top: 226px; }
#options li a { display: block; height: 64px; width: 305px;background: black 0px 0px no-repeat; color: white;}
#options li a:hover {background-position: 0px -64px;}

#options li.option-health-science { margin-right: 86px; background-image: url(/images/HumanAndHealth/File,43574,en.jpg);}
#options li.option-health-science a { background-image: url(/images/HumanAndHealth/File,43572,en.gif); }

#options li.option-human-science { background-image: url(/images/HumanAndHealth/File,43575,en.jpg); }
#options li.option-human-science a { background-image: url(/images/HumanAndHealth/File,43573,en.gif); }
/*
---------------------------------------------------------
IMAGE GRID
---------------------------------------------------------
*/

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

#title {
  position: absolute;
  top: 16px;
  left: 16px;
}