/* The style for my logo: */
div.marasingha
{position:absolute; left:0em; top:2em;
background : url("../images/marasingha.png");
width : 86px;
height : 511px;
}


/*  body refers to the background of the website, which is
    by default a light brown */ 
body
{
  background-color : #dfc179;
  font-family : verdana, sans-serif;
  font-size : 11pt;
}

h1
{
  padding: 2em 1em 1em 1em;
  margin : 0;
  background-color : teal;
  background : url("../images/tealgradient.png");
  background-repeat : repeat;
  color : #ffa500;
  text-align : center;
  font-family : verdana, sans-serif;
  font-size : 24pt;
}

a:visited, a:link
{
  color : blue;
  text-decoration : none;
}

a:hover
{
  text-decoration : underline;
  color : maroon;
}

div.navigation
{
  padding : 1em 1em 0em 1em;
  background-color : teal;
  color : #ffa500;
  margin : 0;
}

div.navigation+h1
{
  padding : 0em 1em 1em 1em;
}


/****************************************************************************
  The following CSS is for the navigation bar at the top of each page
****************************************************************************/

#navcontainer { padding-left : 0.5em; }

#navcontainer ul
{
  padding: 0;  margin: 0;
  list-style-type: none;
  position: relative; top : 2em; 
  font-family : verdana, sans-serif;
  font-variant : small-caps;
  font-size : 10pt;
  text-align : left;
  width : 100%;
}

/*1st level elements*/
#navcontainer ul
{
  background-color : transparent;
  padding: 1px 0;
}

/* The following three styles are used to "press down" the buttons of the
currently selected pages/subpages.  One could replace the selectors of the
first and third styles with "#navcontainer ul li#active>a" and
"#navcontainer ul li#subactive>a" respectively, and do away with the second
style entirely.  Unfortunately, this doesn't work with IE.
*/

#navcontainer ul li#active a
{
  background-color: #299;
  border : 1px solid black;
  color : #000;
}

/* The following is the style for the secondary, but non-active
   navbar entries */
#navcontainer ul li#active ul li a
{
  background-color : #066;
  border : 1px solid #055;
  color : #ffa500;
  padding : 1px 3px 1px 3px;
}

#navcontainer ul li#active ul li#subactive a
{
  background-color : #299;
  color : #000;
  border : 1px solid black;
}

#navcontainer ul a,
#navcontainer ul a:link,
#navcontainer ul a:visited
{
  background-color : #066;
  border: 1px solid #055;
  color: #ffa500;
  padding: 0px 5px;
}

#navcontainer ul a:hover
{
  background-color: #9CD4F7;
  border: 1px solid black;
  color: black;
}

/* The next style is necessary because of the IE modifications
   above :( */
#navcontainer ul li#active ul li a:hover
{
  background-color: #9CD4F7;
  border: 1px solid black;
  color: black;
}

/*Second and subsequent levels*/
#navcontainer ul ul
{
  font-size: 80%;
  position: absolute;
  top: 23px;
  left: 0;
  width: 100%;
  background-color : transparent;
}

#navcontainer ul ul a,
#navcontainer ul ul a:link,
#navcontainer ul ul a:visited
{
  background-color: #007878;
  border: 1px solid #077;
  color: #ffa500;
}

#navcontainer ul ul a:hover
{
  background-color: #9CD4F7;
  border: 1px solid black;
  color: black;
}

/****************************************************************************
   This ends the navigation bar CSS.
****************************************************************************/


#sideList2 
{ 
  font: 10px verdana, sans-serif; 
  background : #ffa;
}

#sideList li a
{
  display : block;
  padding : 0.2em 0.3em;
  width : 80px;
}

#sideList li a:link, #sideList li a:visited
{
  text-decoration : none;
}

#sideList li a:hover
{
  color : white;
  background : #f61;
}