body {
	font-family: Arial, sans-serif;
}

h1 {
	display: block;
	font-size: 150%;
	font-weight: bold;
	color: #000066;
}

h2 {
	display: block;
	font-size: 130%;
	font-weight: bold;
	color: #000066;
}

h3 {
	display: block;
	font-size: 110%;
	font-weight: bold;
	color: #000066;
}

.Text {
	font-size: 90%;
}

.TextBox {
	display: block;
	background-color: #ddeeff;
}

.Shaded {
	display: block;
	background-color: #ddeeff;
}

.ShadedCell {
	background-color:#ddeeff;
}

.BGDark {
	background-color: #99ccff;
}

.BGDkMed {
	background-color: #ccddee;
}

.BGMedium {
	background-color: #ddeeff;
}

.BGWhite {
	background-color: #ffffff;
}


p {
	display: block;
	font-size: 90%;
}

p.MenuItem {
	margin-top: 0; 
	margin-bottom: 6pt;
	padding-bottom:7px;
	font-weight:bold;
	color:#000066;
}

p.MenuItem a, p.MenuItem a:visited, p.MenuItem a:hover {
	font-weight:bold;
}

p.MenuItem a:visited { color:#000066; }

p.MenuItem a:visited:hover { color: #FF9900 }

p.Footer {
	font-size: 80%;
	text-align:	center
}

p.ErrorMsg {
	font-weight: bold;
	color: red;
	text-align: center
}

p.QuoteText { 
	font-style: italic; 
	text-align: left; 
	margin-top: 0; 
	margin-left: 10%; 
	margin-right: 10%;  
}

p.Reference { 
	text-align: right; 
	font-size: 80%; 
	margin-left: 10%; 
	margin-top: 0;
}

p.Caption { 
	font-style: italic; 
	text-align: left; 
	margin-top: 0; 
	margin-left: 10%; 
	margin-right: 10%;  
}

p.Picture { 
	text-align: left; 
	margin-top: 5%; 
	margin-left: 10%; 
	margin-right: 10%;
}

p.BulletText {
	display: list-item;
}

td { 	
	vertical-align: top; 
}

td.bold {
 	vertical-align: top; 
	font-weight: bold; 
}

td.bottom {
 	vertical-align: bottom; 
}

td.Related {
	background-color: #cccc99;
	margin-left: 5;
	width: 20%;
}

th { 	vertical-align: top;
	text-align: center; 
      font-weight: bold; 
}

a {
	display: inline;
	text-decoration: none;
	color: #000066;
}

a:visited {
	display: inline;
	text-decoration: none;
	color:#000066;
}

a:hover, a:visited:hover {
	color: #FF9900;
	text-decoration: underline;
}

hr {
	color: #000066;
}

sub {
	font-size: 60%;
}

div.Related
{
	float:right;
	width:25%;
	margin:0 0 15px 20px;
	padding:15px;
	border:1px solid black;
	background-color: #ddeeff;
}


div.TextBox
{
	width:100%;
	margin:0 0 15px 20px;
	padding:15px;
	background-color: #eeeebb;
}



	img#logo {
/*		float: left; */
	}
	
	h1#title {
		font-size: 170%;
/*		float: left; */
		padding: 10px 0 10px 0;
		margin: 0px 0px 0px 50px;
	}

	#closeme {
/*		float: right; */
		margin: 3px;
	}       
	
	#header {
		border-bottom:2px solid #000066;
		background:white;

	}

	#header td#close {
		vertical-align: middle;
		width: 10%;
        }
	
	#body {
	}

	#body h1, #body h2 {
		clear: left;
	}	
	
	#casestudy #body p.BodyText {
	}

	/* couldn't quite get this right without table either ... */
	.navigation {
		width: 100%;
		padding: 5px;
        }

	.navigation td {
		vertical-align: middle;
		border: 1px solid #000066;
		padding: 4px;
		margin-left: 5px;
	}	

	.navigation td.previous, .navigation td.up, .navigation td.next {
		width:29%;
 	}