/**************************************************************************
Background colour, fonts, margins, all are done here
**************************************************************************/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
  background-image:url(images/diagonal_lines.gif);  
}

/**************************************************************************
Links
**************************************************************************/	
a:link, a:visited, a:active {
	color: #0099FF;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
	color: #0099FF;
}


/**************************************************************************
Main box
**************************************************************************/
#layout {
	width: 50em;
	margin: 40px auto 0px auto;
  padding: 0px;
}
#main-box {
	background-color: white;
	color: #666666;
	border: 1px #cccccc solid;
}

/**************************************************************************
Logo
**************************************************************************/
#logo {
  z-index: 2;
  position: relative;
  top: -58px;
  left: 4px;
	width: 210px;
	height: 152px;

  margin-bottom: -152px;
}

/**************************************************************************
Bars
**************************************************************************/
#whitebar {
  height: 25px;
	background-color: #FFFFFF;  
}

#bluebar {
  z-index: 0;
  position: relative;
  left: 0px;
	background-image: url(images/bluebar3.png);
	background-repeat: repeat-y;
	background-position: top left;  
  height: 90px;
	background-color: #FFFFFF;  
}
.side {
  margin: 50px 10px 50px 10px;
	width: 110px;
	border-left: 1px dotted #C4D0D7;
	padding: 0px 20px 0px 20px;
	color: #999;
	float: right;
	font-size: 75%;	
}
/**************************************************************************
Navigation bar
**************************************************************************/
#nav {
	padding: 5px 0px; 5px 0px;
  margin-right: 10px;
	color: #999999;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
  
}

#nav ul {
  text-align: right;
  margin: 0px;
  padding: 0px;
}

#nav li {
	list-style: none;
	display: inline;
}

#nav a {
  border-left: dotted 1px #cccccc;
  padding: 5px 10px; 5px 10px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}

#nav a:hover {
	color: #0099FF;
	text-decoration: underline;
}

/**************************************************************************
The content
**************************************************************************/
#content {
	color: #6666666;
	font-family: Verdana, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 10px 20px;
}

/**************************************************************************
Header #1
**************************************************************************/
#content h1 {
  color: #0099FF;
  font-size: 12px;
	font-weight: bold;
  padding: 10px 0px 5px 0px;
  margin: 0px;
}

#content h1 a:link, a:visited, a:active {
	color: #0099FF;
	text-decoration: underline;
	font-family: Verdana, Helvetica, sans-serif;
}

#content h1 a:hover {
	text-decoration: underline;
	font-family: Verdana, Helvetica, sans-serif;
	color: #0099FF;
}

/**************************************************************************
Header #2
**************************************************************************/

#content h2 { 
  font-size: 10px;
  letter-spacing: 3px;
  text-transform: uppercase;
  padding: 3px 0px 3px 0px;
  margin: 0px;
}

#foot {
  text-align: center;
  color: #696969;
  margin: 20px 0px 0px 0px;
}