/**
  Title: RESPOND Public Web Site Style Sheet
  Author: Ian Collington
  Company: S&D SciSys
  Version: 1.0
  
  Modified: Steve Borg August 2004
*/

body
{
  font-family: Verdana, sans-serif; font-size: 12px; font-style: normal; color: #064377;
  text-align: center;
  margin: 0px;
  padding: 0px; 
  background-color: white;
  
}

div.copyrightinfo
{
   font-family: Verdana, sans-serif; font-size: 10px; font-style: normal; color: blue;
}

hr
{
	color: #BFC0FF;
}

a
{
  text-decoration: none;
  font-family: Verdana, sans-serif; font-size: 12px; font-style: normal; 
}

a:link
{
  color: blue;
}

a:visited
{
 color: purple;
}
 
 a:hover
{
  color: red;
}

img
{
  border: 0px;
}

img.dossier
{
  border: 1px solid black;
  width:103;
  height:146;
}

img.dossier2
{
  border: 1px solid black;
  width:145;
  height:102;
}

#container
{
  width: 770px;
  margin: 0;
  padding: 0;
; background-color: white
}

#wrapper
{
  background-color: white
}

#header
{
  background-color: #01008C;
}

#location_info
{
  height: 20px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  background-color: #BFC0FF;
  font-family: Verdana, sans-serif; font-size: 12px; font-style: normal; color: black;
}

#footer_info
{
	height: 20px;
  font-family: Verdana, sans-serif; font-size: 12px; font-style: normal; color: black;
  border-top: 1px solid #aaab9c;
  border-bottom: 1px solid black;
  background-color: #BFC0FF;
  text-align: right;
}

#menu
{
  margin-top: 5px;
  margin-bottom: 5px;
  width: 160px;
  margin: 0;
  padding-top:10;
  font-family: georgia, serif;
  font-size: 13px;
  text-align: center;
}

#aniMenu
{
  display: block;
	width: 100%;
	padding: 2px;  /* this causes probelms with non-IE browsers */
	border-width: 1px;
	border-color: #ffe #aaab9c #01008C #fff;
	border-style: solid;
	text-decoration: none;
	background: #CCCCFF;
	text-align: center;
  color: black; 
}

#menu ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#menu a 
{
  font-family: Verdana, sans-serif; font-size: 12px; font-style: normal; color: #064377;
  display: block;
  text-align: center; 
  font-weight: normal;
  text-decoration: none; 
}


#columnContainer
{
  height: 100%;
  background-image: none;
  background-repeat: repeat-y;
	background-color: white
}

#colOne
{
  float: left;
  width: 301px;
  padding-left: 5px;
  padding-right: 5px;
  margin-right: 5px;
  margin-top: 5px;
	background-color: white
}

#colTwo
{
  float: left;
  width: 301px;
  margin-top: 5px;
	background-color: white
}

#footer
{
  text-align: center;
  font-family: Verdana, sans-serif; font-size: 12px; font-style: normal; color: #01008C;
  padding: 5px;
  height: 60px;
}

#section
{
  text-align: left;
  margin-bottom: 10px;
  background-color: #BFC0FF;
  border-right: 1px solid #aaab9c;
  border-bottom: 1px solid #ccc;
  margin-top: 10px;
}


#section_image
{
  float: left; 
  background-color: #CCCCFF;
  border: 5px #CCCCFF solid; 
  padding: 5px;
  margin-right: 10px;
  margin-bottom: 10px;
}

#section_title
{
	text-align: center;
  font-family: Verdana, sans-serif; font-size: 14px; font-style: normal; color: black;
  border-bottom: 1px solid #aaab9c;
  background-color: #CCCCFF;
}

#section_sub_title
{
	text-align: center;
  font-family: Verdana, sans-serif; font-size: 12px; font-style: normal; color: black;
  border-bottom: 1px solid #aaab9c;
  background-color: #CCCCFF;
}

#section_contents
{
  text-align: left;
  padding: 5px;
  padding-top: 10px;
  overflow-y: auto;
  overflow-x: auto;
  background-color: white;
  padding-left: 10px;
  font-family: Verdana, sans-serif; font-size: 12px; font-style: normal; color: #064377;
}


#section_contents table
{
  font-family: Verdana, sans-serif; font-size: 14px; font-style: normal; color: #064377;
  align: center;
}


#section_contents tr
{
  font-family: Verdana, sans-serif; font-size: 12px; font-style: normal; color: #01008C;
}


#section_contents tr.header
{
  background-color: #01008C;
  color: white;
  font-weight: bold;
}

#section_contents tr.shadedRow
{
  background-color: #CCCCFF;
}

#section_contents table a
{
  border: 0px;
}




/*
#section_contents ul
{
  list-style-type: none;
  list-style-image: url("../images/expandable.gif" );
}
*/

img.imageToRight
{
  float: right; 
  margin-top: 15px;
  margin-left: 15px;
  margin-bottom: 15px;
}

img.imageToLeft
{
  float: left; 
  margin-top: 15px;
  margin-right: 15px;
  margin-bottom: 15px;  
}

/* STUFF FOR NAVIGATION MENU */

ul#nav
{
  list-style: none;
  padding: 0;
  margin: 0;
}

ul#nav li
{
  display: block;
  margin: 0;
  padding: 0;
}

ul#nav li a
{
  display: block;
  width: 100%;
  padding: 2px;  /* this causes probelms with non-IE browsers */
  border-width: 1px;
  border-color: #ffe #aaab9c #01008C #fff;
  border-style: solid;
  text-decoration: none;
  background: #CCCCFF;
  text-align: left;
  color: black; 
}

ul#nav li a.expandable
{
  background-image: url("../../images/expandable.gif");
  background-repeat:no-repeat;
  background-position: right center;
}

ul#nav li a.collaspable
{
  background-image: url("../../images/collaspable.gif");
  background-repeat:no-repeat;
  background-position: left center;
}

ul#nav li.active a
{
  background: #CCCCFF;
  color: black;
}

ul#nav li.active a.expandable
{
  background-image: url("../../images/expandable.gif");
  background-repeat:no-repeat;
  background-position: right center;
}

ul#nav li.active a.expandable:hover
{
  background-image: url("../../images/expandable.gif");
  background-repeat:no-repeat;
  background-position: right center;
}

ul#nav li.active a.collaspable
{
  background-image: url("../../images/collaspable.gif");
  background-repeat:no-repeat;
  background-position: left center;
}

ul#nav li.active a.collaspable:hover
{
  background-image: url("../../images/collaspable.gif");
  background-repeat:no-repeat;
  background-position: left center;
}

ul#nav li a:hover, ul#nav li#active a:hover
{
  background: #01008C;
  color: white;
  border-color: #aaab9c #fff #fff #ccc;
}

ul#nav li a.expandable:hover
{
  background-image: url("../../images/expandable.gif");
  background-repeat:no-repeat;
  background-position: right center;
}

ul#nav li a.collaspable:hover
{
  background-image: url("../../images/collaspable.gif");
  background-repeat:no-repeat;
  background-position: left center;
}

li.nav
{
  float: left; /* Opera doesn't like this - why?*/
  width: 160px;
  position: relative;
}

li.nav2
{
  width: 160px;
  position: relative;
}

/* Style for sub menu container */
/*Opera*/
li.nav2 ul.nav
{
  display: none;
  position: absolute;
  top: 0px;
  background-color: #BFC0FF;
}

/*Opera*/
li.nav2.over ul.nav
{
  display: block;
  left: 160px;
}

/* Style for sub menu container */
li.nav ul.nav
{
  display: none; 
  position: absolute;
  top: 0px;
  background-color: #BFC0FF;
}

/* Style for the top-menu level when the mouse is hovered */
/*Netscape*/
li.nav:hover ul.nav 
{
  display: block;
  left: 166px;
}

/*IE*/
li.nav.over ul.nav
{
  display: block;
  left: 160px;
}