/* Edited with EditCSS */

/* 'New diagram' CSS2.1 formatting */

@import url("compass.css");

/* Box model - right hand navigation */

body
{
	Background:	white;
	margin:		15px 0px 0px 0px;
	padding:	0px;

	font:		11px/17px Verdana, Arial, Helvetica, sans-serif;
}

#wrapper
{
	width:		727px;
	margin-left:	80px;
	margin-top:	10px;
	padding:	0px;
	text-align:	left;
	border:		0px;
	background:	white; 
}

#maincontent, #widecontent, #rightcontent, #banner
{
	float:		left;
}

#banner
{
	background:	transparent url('/images/stripe_40.jpg') no-repeat bottom left;
	height:		256px;
	border:		1px solid #006400;
	width:		727px; /*600 + 125 with 1px borders left and right */
}

#maincontent, #widecontent
{
	padding-top:	10px;
	width:		598px; /*600 with borders left and right */
}

#widecontent
{
	width:		727px; /*600 + 125 with borders left and right */
}

/* Right-margin notes and navigation */

#rightcontent
{
	width:		124px; /*125 with border */
	left:		640px;
	padding-top:	10px;
	float:		left;
	padding-left:	4px;
}

#rightcontent p
{
	font-size:	10px;
	margin-right:	2px;
}

#rightcontent div
{
	border-left:	1px dashed #006400;
	border-top:	1px dashed #006400;
	margin-bottom:	20px;
}

#rightcontent > div.nav > p
{
	font-weight:	bold;
}

#rightcontent > div > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 10px;
    font-size: 10px;
}

#rightcontent .icon
{
  border:		none;
  text-align:		center;
}

/* Links - look and feel - different in <h1> banners */

a
{	
	font-weight:	bold;
	color:		#c00000;
	text-decoration:none;
}	
a:visited
{
	color:		#FF6600;
}
a:hover	
{	
	color:		#c00000;
	background:	#FC0;
}	

a:hover img
{
	color:		#FC0;
}

#banner h1 a
{
	color:		white;
}

#banner h1 a:hover
{
	color:		#FC0;
	background:	none;
}

/* Rest of formatting */

table
{
	margin:		0px 10px 10px 10px;
	font-size:	11px;
	border-collapse:collapse;
	border-spacing:	0px;
}

td {padding: 0px;}

h1,h2,h3,h4,h5,h6
{
	font-family: 	"trebuchet ms", verdana, arial, helvetica, sans-serif;
	margin:		0px 10px 5px 8px;
}

p,pre,dl,dd
{
	font-family:	verdana, arial, helvetica, sans-serif;
	margin:		0px 10px 5px 10px;
}

h1,h2,h3,h4,h5,h6
{
	font-weight:	bold;
	padding-top:	10px;
}

h1 {	font-size: 24px; line-height: 44px;}
h2 {	font-size: 20px; line-height: 24px;}
h3 {	font-size: 15px; line-height: 20px;}
h4 {	font-size: 14px; line-height: 20px;}
h5 {	font-size: 12px; line-height: 18px;}
h6 {	font-size: 11px; line-height: 17px;}

#banner h1
{
  margin-top:		90px;
  line-height:		44px;
  font-family:		calibri;
  font-weight:		normal;
  font-size:		2.8em;
}

#banner div
{
  margin-top:		200px;
  float:		right;
}

blockquote {margin: 5px 5px 5px 15px;}
 
ol, ul {margin-left: 15px}	

li {margin-bottom: 3px}	

dt {font-weight: bold; color: #999;}	

.cplusplus
{	
	font: 12px/16px courier, arial, helvetica, sans-serif;
	color: blue;
}	

.example {margin-left: 15px;}	
.tiny {font-size: 9px;}	
/* .hand {margin: 10px;} looks to be a left-over */

.byline	{font-size: 10px; color: #00008B;}
.floatleft {float: left;margin: 0px 10px 10px 10px;}
.floatright {float: right;margin: 0px 10px 10px 10px;}
.postdate{font-size: 10px; color: #00008B;font-weight: bold;}
.w1 {font: bold 12px verdana; color: #00008B;line-height: 15px}
.w2 {font: normal 11px verdana; color: #00008B;line-height: 15px}

/* Bridge related styles */

ul.eadt-years li {
    margin-left: 10px;
    margin-bottom: 0;
}

ul.eadt-years li:first-child {margin-left: 0;}

.red, .blk
{
	font-family:	Arial;  /* remember Opera's inability to show suit symbols in Verdana */
	font-size:	    1.32em;
	line-height:	0.9em;
	color:		    red;
}
.blk {color: black;}

img.l-blog
{
	margin:		10px 12px 2px 10px;
	float:		left;
}

p.pub-date {font-weight: bold;}

div.icon a img {border: none;}

p.latest-article {
    padding: 6px;
    border: 1px dashed #006400;
}

a.latest-article:visited, p.latest-article a:visited {color: #c00000;}

p.emphasise-latest {font-weight: bold;}

div.blog-item {display: table;}

div.blog-item > p > a.blog-link {
    float: right;
    margin-right: 5px;
}

div.blog-item > p.byline > a {
    float: right;
    margin-right: 5px;
}

div.blog-item > p:first-child {
    font-size: 10px;
    color: #00008B;
    font-weight: bold;
}