body
{
	font-size: 90%;
	font-family : Arial, Geneva, Helvetica, sans-serif;
	line-height: 120%;
	background-color : #5F4E9C;
	margin : 0;
	padding: 0;
}

 img 
{
	margin : 0;
	padding: 0;
	border : none;
  display: block;
  overflow: hidden; 
}

img.inline
{
  display: inline;
}

div
{
	margin : 0;
	padding: 0;
	border : none;
    display: block;
    overflow: hidden; 
}

ul {
	margin : 0;
	padding : 0;
	list-style-image : url(images/bullet.gif)}


li {
	margin : 0.5em 0 0 1.3em;
	padding:0;
}

#sidebar li {
	margin : 0.5em 0 0 1em;
	padding:0;
}


li p {
	margin : 0.5em 0 0 0;
	padding:0;
	}

acronym {border-bottom: 1px dotted;
cursor:help;
}

/* includes hack for IE width */
#wrapper
{
	max-width : 960px;
	width:expression(document.body.clientWidth > 960? "960px": "auto" );
	margin : 0 auto 0 auto;
	background-color : #fff;
	border-color : #2d013f;
	border-style : solid;
	border-width : thin;
}

#main 
{
	background-color : #fff;
	padding:0;
	margin:0;
	}

/*  Peekaboo hack; Hides from IE5-mac \*/
* html #main {height: 1%;}
/* End hide from IE5-mac */ 

#content 
{
	background-color : #fff;
	color: #330033;
	padding:1em;
	margin:0;
	/*background-image : url(images/bg.png);*/
	border-top: 1px dotted  #5B5F66;
	/*border-left: 1px dotted  #5B5F66;
	background-position : center;
	background-repeat : no-repeat;*/
	}

#preamble
{
	color: #2B3146;
	background-color: #E4F3F6;
	/*margin: -0.3em -0.25em 0.1em -1.5em;*/
	padding: 0 2em 0.35em 1em;
	/*border-bottom: 1px dotted  #5B5F66;*/
	background-image : url(images/bannertop.gif);
	background-position : right;
	background-repeat : no-repeat;
	height : 32px;
}

#breadcrumb
{
	font-size : 75%;
	padding-top: 0.5em;
}

#breadcrumb a
{
	text-decoration : none;
}

#breadcrumb a:link
{
	color : #2B3146;
}

#breadcrumb a:hover
{
	background-color: #A6ABBF;
}
#breadcrumb a:visited
{
	color : #A0819D;
}

#sidebar {
	float : left;
	/*min-height:500px;*/
	text-align : left;
    font-size : 90%;
	width : 20%;
	padding : 1em;
	margin : 0 0 5em 0;
	border-right: 1px dotted #2B3146;
	background : #E4F3F6 url(images/sidebar-bg.jpg) repeat-x bottom;
}

/*skip link*/
#skip {
text-align:left;
margin:0;
font-size: 80%;
color : #A0819D;
}

#skip a:link {
color:  #A981C0;
}


/*menus*/
#sidebar ul {
	list-style: url("images/link-btn-sm.gif");
	padding-left: 1em;
	}

#sidebar ul li a
{
	color : #303;
	text-decoration:none;
}

#sidebar ul li a:hover
{
	background-color : #cff	;
	text-decoration:underline;
}

#sidebar ul li#this  {
	font-weight:bold;	
	}

#sidebar ul li#this ul {
	font-weight: normal;	
	}

	
/* needed for IE pics near top as won't fit into float space otherwise*/
div.photos
{
	text-align : center;
	width: 80%;
	margin: 0 auto;
	background-color : transparent;
}

/* needed for wider pix or FF cuts them off*/
div.photoswide
{
	text-align : center;
	min-width :98%;
	width :98%;
	background-color : transparent;
}

.photos div, .photoswide div
{
	float : left;
	padding : 0.5em 0.6em 0.5em 0.4em;
	margin: 0.5em;
	border : 1px solid #C9C2E0;
	font-size : 90%;
	font-style : italic;
}

p.center
{text-align:center;
}

h1
{
	font-size : 140%;
	text-align : center;
	color : #000;
	padding : 0;
	margin-top : 0.3em;
	margin-bottom : 0.1em;
	/*letter-spacing : 0.05em;*/
	line-height: 120%;
}

h2
{
font-size : 120%;
margin:0;
padding : 1em 0 0.1em 0;
color : #3C0077;
}


h3{
	margin : 0.5em 0em 0.3em 0em;
	color : #3C0077;
	font-size : 100%;
}


img.left
{
	float : left;
	padding: 0 5px 0 0;
}

img.right
{
	float : right;
	padding: 0 0 0 20px ;
}

/* for call to action on certain pages*/

#action
{
	border: #000 dotted thin;
	background-color: #e6f0f2;
	padding: 0.5em;
	text-align: center;
	color: #306;
}
#action a
{
	background-color: transparent;
	color: #306;
}


/*for data tables in glossary*/
#glossary
td,th {vertical-align: top;}

/*for data tables in findings section*/
table.findings {
	margin : 0;
	border-width: 0;
	border-spacing: 0;
	border-style: solid;
	border-color: #3c0077;
	border-collapse: collapse;
}
table.findings th {
	margin : 0;
	border-width: 1px;
	padding: 0.5em;
	border-style: solid;
	border-color: #3c0077;
	background-color: #c9c2e0;
}
table.findings td {
	margin : 0;
	border-width: 1px;
	padding: 0.5em;
	border-style: solid;
	border-color: #3c0077;
}

/*for feedback form*/

form {background-color : #E4F3F6;
padding: 1em;}


input[type="textarea"] {background-color : #fff;
font-family:inherit;
	color: #306;
	width: 40em;
	height:6em; 
margin: 0.5em;}

input[type="text"] {background-color : #fff;
font-family:inherit;
	color: #306;
	width: 40em;
	height:1.5em;
	margin: 0.5em;}} 

	
p.credits {
text-align:center;
margin:0;
font-size: 80%;
color : #A0819D;}

p.credits a {
color : #A0819D;}

/* for call to action at foot of page, niot currently used */
#action
{
	background-color: #E4F3F6;
	margin-top: 1em;
	padding: 0.5em;
	text-align: center;
	color: #306;
	border: #000 thin dotted;
}

/* for foot of page*/
#footer
{
	text-align:center;
	margin : 0.5em 0 0 0;
	padding: 0.3em 0 0.3em 0;
	font-size : 80%;
	background-color : #E4F3F6;
	color: #000;	
	clear : both;
}

#footer a:link
{
	color: #000;
}

#footer a:hover
{
	color: #000;
	background-color : #cff;
}

#footer a:visited
{
	color: #000;
}

#footer img {
	display : inline;
}