body
{
 background:url(http://www.redbrick.dcu.ie/~shimoda/images/bg.gif) no-repeat top left; 
 z-index=20;
 padding-top:15px;
 margin-top: 0px;
 margin-left: 0px;
 margin-right: 0px;
 margin-bottom:0px;
 background-attachment: fixed;

 background-color:#ffffff;
 color:#000000;
 font-family : Verdana, Arial, Sans-Serif;
 font-size:10pt;
 margin:50px 0px; padding:0px;
 text-align:center;
}

img
{
  border:none;
}

td
{
 font-family : Verdana, Arial, Sans-Serif;
 font-size:10pt;
 border:none;
}

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

#main
{
	width:650px;
	margin:0px auto;
}


#nav
{		
   width:100%;
	border-bottom: 1px solid #000;
	float:left;
	padding:0;
	margin:0;
	color:#000;
   background-color:#2383EE;
}

#content
{
	padding-left:15px;
	padding-right:15px;
}

#content p.hr
{
  background-color: #0753BB;	
  line-height: 1px;
  padding-left:0px;
  padding-right:0px;
}

#nav a
{
   color:yellow;
	width:100%;
	font-weight: bold;
}

#nav ul
{
	border-left: 1px solid #000;
}

#nav a:hover
{
	color:#2383EE;	
	background-color:yellow;
	width:10em;
}


ul
{
   width:10em;
	list-style: none;
}

li 
{
  text-align: center;
  float: left;
  position: relative;
  width: 10em;
}



li.spacer
{
	width: 5px;
	border-left:2px solid #0753BB;
} 

li ul
 {
  top: 1em;
  left: 0;
  display: none;
  margin-left:-2px;
  margin-top:1px;
  position: absolute; 
  border:1px solid #000;
  background-color: #2383EE;
}


li > ul 
{
	top: auto;
	left: auto;
}


li:hover ul, li.over ul
{ 
	display: block; 
   width: 10em;
	text-align:center;
}

li ul li:hover
{
	background-color:#2383EE;
	color:#fff;
   width: 10em;
}

.project
{
	background-color: #99C8FD;	
	border: 1px solid #000;
	margin-top: 2px;
	margin:0px;
	padding:10px;
	padding-bottom: 20px;
	margin-bottom:20px;
}

.project .title
{
   text-align: center;
	font-weight: bold;
	color:#000;
}



.project .update
{
	position:relative;
	top: -20px;
        float:none;
	text-align: center;
	font-size: 8pt;
	color:red;
}

.project .download
{
}

.project .date, .project .language
{
   position: relative;
   top:-34px;
   height:10px;
   max-height:10px;
}

.project .date
{
  font-size: 8pt;
  text-transform: uppercase;
  float: right;
}

.project .warning
{
   font-style: italic;
}
.project .language
{
  color:red;
  float: left;
}
.project .description
{
	font-style: normal;
}