/*
  * { outline: 2px dotted red }
  * * { outline: 2px dotted green }
  * * * { outline: 2px dotted orange }
  * * * * { outline: 2px dotted blue }
  * * * * * { outline: 1px solid red }
  * * * * * * { outline: 1px solid green }
  * * * * * * * { outline: 1px solid orange }
  * * * * * * * * { outline: 1px solid blue }
*/


/* This first section sets up the defaults for the page */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {
	margin:0;
	padding:0;
} 

ul,li{
	list-style-type:none;
}

img{
	border:0;
}

body,html{
	width:100%;
	height:100%;
	font-family:Helvetica, arial, sans-serif;
	font-size:12px;
	color:#41555E;
	background:#fff url(strip.png) repeat-y center center;
}

h1,h2,h3,h4{
	color:#374363;
}

h1{
	font-size:2em;
	line-height:1.5em;
	font-variant:small-caps;
	padding: 0.25em 0 0 0;
	margin:0 0 0.5em 0;
}

h2{
	font-size:1.5em;
	line-height:1em;
	padding: 0.333em 0 0 0;
	margin:0 0 0.6667em 0;
}

h3{
	font-size:1em;
	line-height:1.5em;
	padding:0.5em 0 0 0;
	margin:0 0 1em 0;
}

p{
	font-size:12px;
	padding:0.5em 0 0 0;
	margin:0 0 1em 0;
	line-height:1.5em;
}

a{
	text-decoration:none;
	color:#A35909;
	border:0;
}

sup{
	vertical-align:text-top;
}

a:hover{
	background:#FFA200;
	color:#444444;
}

.clearfloat{
	display:block;
	width:100%;
	clear:both;
}

div#wrapper{
	text-align:center;
	min-height:100%;
	margin-bottom: -3em;
	position: relative;
}


div.content{
	margin:0 auto;
	width:72em;
	text-align:left;
	position:relative;
/*	background:#fff url(gridUnit.png); */
}

/* Bits to do with the header and top navigation here */

div#header{
	text-align:left;
}

div#header img{
	border:0;
	padding:0;
	margin:0;
	background:#fff;
}

div#header img#logo{
	float:left;
	width:500px;
}

div#header div.content{

}

div#header ul#navigation{
	padding:0;
	height:1.5em;
	background:url(gradient1.png) repeat-x;

	clear:both;
}

div#header ul li{
	width:10em;
	float:left;
	padding-left:0;
}

div#header ul li.selected{
	
}

div#header ul li.selected a{
	color:inherit;
	background:#fff;
}

div#header ul li a{
	display:block;
	padding-left:1em;
	line-height:1.5em;
	font-weight:bold;
	color:#444;
	border-right:1px solid #fff;
}

div#header ul li a:hover{
	background:#FFA200;
	color:#000;
}

/* All content (ie. middle of the page stuff in this section */

div.content div#utilities{
	float:left;
	width:30em;
	height:1%;
}

div.content div#main, div.content div#utilities{
	padding:1.5em 0 0 0;
}

div.content div#main{
	margin:0 0 0 30em;
}

div.clearfooter {
	height: 3em;
	clear: both;
}

div#utilities div.section{
	margin-right:1em;
}

div#utilities div.section h3,div#utilities div.section ul,div#utilities div.section p{
	padding-left:1em;
	margin-right:1em;
}

div#utilities div.section h3{
	border-top:0.083em solid #aaa;
	padding-top:0.416em;
	font-variant:small-caps;
}

div.section ul{
	margin-bottom:1.5em;
	margin-left:1em;
	padding-right:0.5em;
}

div.section ul li{
	display:block;
	line-height:1.5em;
	margin-right:1em;
	margin-left:1em;
}

div#utilities div.references ul li{
	display:block;
	line-height:1.5em;
	padding-top: 0.416em;
	border-top: dotted #aaa 0.083em;
	padding-bottom: 1em;
}

div#utilities div.section ul li>a{
	display:block;
}

div#utilities div.section ul li span.author{
	
}

div#main h1{
	margin-left:0.5em;
	margin-right:0.5em;
}

div#main h2{
	margin-left:0.75em;
	margin-right:0.75em;
}

div#main p, div#main h3{
	margin-left:1em;
	margin-right:1em;
}


div#main div.section h2{
	border-top:dotted 0.056em #aaa;
	padding-top: 0.278em;
/*	background: url(gradient2.png) repeat-x bottom; */
}

div#main div.section span.show_section{
	display:block;
	font-size:1em;
	padding:0.5em 1em 1em 1em;
}

div#main div.section li{
	line-height:1.416em;
	border-bottom: solid #ccc 0.083em;
}

/* These bits deal with the footer */

div#footer{
	height:3em;
	background:#fff url(gradient2.png) repeat-x;
	position: relative;
	width:100%;
}

div#footer div.content{
	background:transparent;
}

div#footer div.content p{

}

div#footer div.content p a{
	
}

div.partner_logos{
	margin:0.5em 0 0.5em 0;
	float:right;
	width:320px;
}

div.partner_logos p{
}

a.partner_logo{

	cursor:pointer;
}

a.partner_logo img{
}

/* Page specific stuff here */
img.timeline{
	margin-left:1.083em;
}

.hovered{
	background:#EBFDFF;
}

span.contact{
	display:inline-block;
	padding-right:22px;
	background: url(mail_icon.gif) no-repeat right center;
}