/* 
    Document   : index
    Created on : 18-Dec-2009, 10:00:00
    Author     : Daniel Murphy
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

.backgroundcolour {
  background: #000000;
}

.foregroundcolour {
  background: #ffffff;
}

body {
  text-align: center;
  padding: 0px;
  margin: 0px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 1em;
/*
  background-image: url(../img/bg.jpg);
  background-repeat: no-repeat;
  background-position: top center;
*/
}

#background_image {
  width: 100%;
  position: absolute;
  top: 29px;
  left: 0;
  z-index: 10;
}

.maintext {
  font-size: 0.9em;
}

.subtext {
  font-size: 0.7em;
}

.italictext {
  font-style: italic;
}


#title {
  display: block;
  position: absolute;
  left: 100px;
  top: 0px;
  font-size: 1.2em;
}


/**********************************************
page container
***********************************************/
#container {
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  top: 40px;
  width: 1000px;
  height: 500px;
  z-index: 30;
}

#container_plate {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1000px;
  height: 500px;
  -khtml-opacity:.75; 
  -moz-opacity:.75; 
  -ms-filter:”alpha(opacity=75)”; 
  filter:alpha(opacity=75); opacity:.75;
}


/**********************************************
Container content for 
***********************************************/
#container_content {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 500px;
}


/**********************************************
container for menu and title
***********************************************/
/* background colour for menu banner and a non-current menu option */
.nav_background a, div.nav_background {
/*  background-color: #30bbee; */
  background-color: 000000;
}

#nav {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 40;
  text-align: center;
  width: 100%;
}

#links {
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

#nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  font-size: 0.95em;
  width: 100%;
}

#nav li {
  display: inline;
}

#nav li a:link, #nav li a:visited {
  outline: none;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  padding-left: 0.65em;
  padding-right: 0.65em;
  text-decoration: none;
  color: #FFFFFF; 
}

#nav_home a:hover {
  background-color: #901581;
}

#nav_environment a:hover {
  background-color: #15aa81;
}

#nav_pics a:hover {
  background-color: #00178c;
}

#nav_art a:hover {
  background-color: #dd1581;
}

#nav_science a:hover {
  background-color: #1030ee;
}

#nav_software a:hover {
  background-color: #ff9015;
}

#nav_contact a:hover {
  background-color: #158190;
}


/**********************************************
page content
***********************************************/
#pagecontent {
  position: absolute;
  top: 20px;
  left: 0px;
  width: 100%;
}


/**********************************************
link list
***********************************************/
.linklist ul {
  position: absolute;
  top: 30px;
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 750px;
}

.linklist li {
  padding-top: 0.4em;
  padding-bottom: 0.4em;
}

#linklist1 ul {
  left: 50px;
  height: 100%;
}

.linklist a:hover {
  color: #ffffff;
}

/**********************************************
footer section for credit etc
***********************************************/

#footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
  font-size: 0.7em;
  color: #555555;
}
#footer a {
  text-decoration:none;
  color: #555555;
}
#footer a:hover {
  color: #000000;
}