/* Basic styles */
		body {
	font:small Verdana, Arial, Helvetica, sans-serif;
}	



/* Compliant styles */
		body {
	font:small Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background:#f7f7f7;
}	
		


		/* BodyContainer - main container for everything.  Centred. 
		 */
		div#BodyContainer {
	position:relative;
	width:740px;
	top:0;
	margin:0 auto;
	padding:0 20px 0 0;
	background:#fff url("Images/BodyContainerBackground-border.jpg") right repeat-y;
	border-color:#ccc;
	border-style:solid;
	border-width:0 0 0 1px;
									}
		div#BodyContainerFooter {
	width:741px;
	margin:0 auto;
	border:0;
	padding:1em 20px 1em 0;
	height:20px;
	text-align:center;
	background:#f7f7f7 url("Images/FooterBorder.jpg") right 0 no-repeat;
	font-size: x-small;
}
		div#BodyContainerFooter a {	font-variant:small-caps; 
									font-weight:bold; }
									
		div#Header {				margin:0; padding:0;
									height:100px; width:100%;
									background:#FFFFFF url("Images/CranfordIndexTopStrip.png") no-repeat;}
		#Header h1, #Header img {	display:none; }
		
		#LogonSearch {				position:absolute;
									top:3px; right:30px; }
		#LogonSearch label {		display:none; }
		#LogonSearch p,
		#LogonSearch form {			margin:0; padding:0; }
		#LogonSearch form#frmSearch p { margin-top:4px; }
		#LogonSearch .InputText {	width:7em; 
									background:#ffffff;
									color:#999;
									font-size:x-small;
									border:1px solid #ccc; }
		#LogonSearch .InputSubmit {	margin:0; padding:1px; font-size:x-small;
									background:#DDDDDD;
									color:#369;
									font-size:x-small;
									border:1px solid #ccc; }
		


		
		/* TopNav
		 */
		div#TopNavPlaceholder {
	background:#fff;
	font-size:x-small;
	line-height:2;
	margin:0 0 1em 0;
}
		div#TopNav {
	position:absolute;
	top:100px;
	left:0;
	width:740px;
	height:1.8em;
	padding:0 0 7px 0;
	margin:0;
	font-size:x-small;
	background-color: #666666;
	background-image:  url("Images/TopNavBackground.jpg");
	background-repeat: repeat-x;
	background-position: bottom;
}
		#TopNav ul {
	font-size:x-small;
	font-weight:bold;
	top:100px;
	left:0;
	list-style:none;
	border-color:#ccc;
	border-style:solid;
	border-width:1px 0 0 0;
	text-align:center;
	margin:0 auto;
	padding:0.25em 0;
}
									
		#TopNav ul li {				display:inline; }
		#TopNav ul li a {
	padding:0.25em 1em;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	margin:0;
	text-decoration:none;
	color: #FFFFFF;
}
		#TopNav ul li a:hover {		text-decoration:underline;
									background:#0099CC; }
		#TopNav ul li a.CrumbTrail { background:#0099CC; }
		
		
		
		
		
		/* LeftNav menu
		 */
		#CentreSection #LeftNav {	float:left;
									background:#fff;
									width:180px; }
		ul#LeftNav {
	list-style:none;
	text-align:right;
	margin:0;
	padding:0;
}
		ul#LeftNav li {				width:180px; }
		ul#LeftNav li.Title {		text-align:center;
									background:#BBB6C5; 
									margin-left:10px;
									padding:0.33em 10px 0.33em 10px;
									width:150px; /* 180px - 20px - 10px */ }
		ul#LeftNav li a {
	margin:0.2em 0 0 10px;
	padding:0.25em 10px;
	font-weight:bold;
	display:block;
	width:144px;
	text-decoration:none;
	color: #BBB6C5;
	border-top-width: 1px;
	border-right-width: 6px;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #BBB6C5;
	border-right-color: #BBB6C5;
	border-bottom-color: #BBB6C5;
	border-left-color: #BBB6C5;
}
		ul#LeftNav li a:hover {		border-color:#005099; border-width:1px 6px 0 0; border-style:solid;
									background:#eef;
									text-decoration:underline; }

		/* Second + levels */
		ul#LeftNav ul {				list-style:none;
									margin:0;
									Xmargin-left:10px; padding:0; }
		ul#LeftNav li li {			width:180px; }
		ul#LeftNav li li a {
	margin-top:1px;
	Xmargin:1px 0 0 0;
	font-weight:normal;
	text-decoration:none;
	border-top-width: 0;
	border-right-width: 6px;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #DDDDDD;
	border-right-color: #DDDDDD;
	border-bottom-color: #DDDDDD;
	border-left-color: #DDDDDD;
}
		ul#LeftNav li li a:hover {	border-color:#005099; border-width:0 6px 0 0; border-style:solid;
									text-decoration:underline; }
		
		.Clearer {					clear:both; height:1px;}



		
		
		/* Content styles
		 */
		
									
		#CentreSection #Content {	float:right;
									margin:0; /* doubled-float margin bug in IE - twats */
									padding:1em 20px;
									background:#fff;
									width:650px; }

		#Content {					color:#003366; }
		#Content h1 {
	font-size:large;
	font-weight:bold;
	border-bottom:1px solid #ccc;
	padding:0 0 0.2em 0;
	margin:1em 0;
	color: #0099CC;
}
		#Content h2 {				font-size:large; 
									font-weight:bold;
									margin:1em 0; }
		#Content h3 {				font-size:small; 
									font-weight:bold;
									margin:1em 0 0.5em 0; }
		#Content p, #Content li, #Content td {
									font-size:11px;
									margin:0.66em 0; }
		#Content ul {				list-style:none;
									padding:0; 
									margin:0;}
		#Content li {				margin:0.33em 0 0.33em 1.5em; 
									background: url("Images/TripleBullet.gif") 0 50% no-repeat; 
									padding:0 0 0 12px;}
		#Content a {				text-decoration:none; 
									border-bottom:1px dashed #369; }
		#Content a:hover { 			border-bottom:1px solid #369;
									background:#ececff; }

		#Content table {			border-collapse:collapse; 
								/*	text-align:center;				aligns the table contents, not the table */
								/*	border:1px solid #ccc;			IE does a neat 3-d trick if this isn't specified */
									border-top:1px solid #eee; border-right:2px ridge #9cf; border-bottom:2px ridge #9cf; border-left:1px solid #eee;
									margin:1em auto; }
		#Content caption {			font-size:small;
									margin:0.66em auto; }
		#Content th {				font-size:small; 
									font-weight:bold;
									border:1px solid #369;
									padding:0.2em 1em;
									color:#fff;
									background:#369; }
		#Content td { 				border:1px solid #ccc; 
									padding:0.2em 1em; }