/*=====MAIN TYPOGRAPHY ELEMENTS=====*/
body, p, td, li, ul, ol {
	background: #efe;
	color: #000;
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
	line-height:normal;
	margin: 0;
	padding: 0; 
	}

body {font-size: 76%;} 

h1, h2, h3, h4, th{
	font-weight: bold;
	font-style: normal;
	text-align:	left; 
	}

/* change default sizes & formats of headings */
h1	{font-size:2em;
	margin: 0.5em; 
	/*text-shadow: 0 0 0.2em #f00;*/
	}

h2	{font-size:1.6em;
	margin: 0 ;
	padding: 5px 0 0 0;
	text-align: center; 
	}

h3	{font-size:1.2em;
	margin: 1.5em 2% 0 2%;
	padding: 5px 0 0 5px;
	background: #ccc; 
	border-left: 8px solid #096;
	border-top: 2px solid #096; 
	}

h4	{font-size:1.2em;
	margin: 0 2% 0 6%; 
	}

p	{
	margin: 0 2% 0.5em 6%;
	font-size: 1em;
	line-height:1.5em; 
	}

ol, ul {
	margin: 0 2% 0.5em 15%;
	font-size: 1em;
	line-height:1.5em; 
	}

/* background colours for special paras &and text*/
p.hilite {background: #ff3; color: #000; padding: 0.5em; }
.hilite {background: #ff3; color: #000; }

p.rufstuf {background: #cf0; color: #000; margin-left: 10%; padding: 0.5em; border: 1px dashed black;}


/*=====LAYOUT ELEMENTS=====*/

/* top heading area */
#header {
	text-align: left;
	margin: 0;
	min-height: 180px;
	padding: 0 ;
	background: url(ocd-logo.gif) top right no-repeat ; }


#headerCont { /*keeps heading clear of logo */
	margin-right: 325px ; 
	}


/* horizontal site-wide navbar */

#navbar {
	clear:both;
	color: #300;
	background-color: #096;
	padding: 0.5em;
	font-size: 1em;
	border-top: 5px solid #654;
	border-bottom: 3px solid #654;
	margin: 10px 0;
	text-align: center;
	}

#main-info
	{width: 73%; float: left; }

/*  page navigation column */
#navcolumn {
	width: 25%;
	float: right; 
	}

#footer {
	font: bold 2em "Courier New", monospace;
	text-align:center;
	}


/*=====NORMAL LINK STATES=====*/

a:link { /* appearance of link at rest */
	text-decoration:none;
	font-weight:bold; 
	color:#33f;
	background:#fff; 
	}	

a:visited { * appearance of link after visit - does not work properly in IE (what does?) WinIE does not track visited state on current page, so by definition all links to fragments on current page are visited.*/
	text-decoration:none;
	font-weight:bold;
	color:#93c;
	background:#fffff5; 
	}

a:hover { /* appearance when cursor hovers over the link */
	text-decoration:underline;
	font-weight:bold;
	color:#fff;
	background:#33f; 
	}

a:active {
	text-decoration:none;
	font-weight:bold;
	color:black;
	background:red;
	}


/*  NAVBAR LINK STATES  */
#navbar a:link {
	text-decoration:none;
	font-weight:bold; 
	padding: 0.1em 0.4em;
	line-height: 1.5em;
	color:#fff;
	background-color: #096; 
	}	

#navbar a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#93c;
	background:#ccc; 
	}

#navbar a:hover {
	text-decoration:underline;
	font-weight:bold;
	color:#fff;
	background-color: #33f; 
	}

#navbar a:active {
	text-decoration:none;
	font-weight:bold;
	color:black;
	background:red;
	}

/*=====NAVCOLUMN ELEMENTS - Thanks, Eric, in the unlikely event you ever visit East Yorkshire, I owe you a pint =====*/

#navcolumn {
	padding: 2px; 
	margin:  1em 0 0 0;
	font: bold 1em  Arial, Helvetica, sans-serif; 
	border: 2px solid; 
	border-color: #aaa #666 #666 #aaa; 
	background: #ccc; 
	}

#navcolumn ul {
	margin: 0; 
	padding: 0;
	background: transparent;
	list-style-type: none;
	}

#navcolumn li {
	margin: 0 0 5px 0; 
	padding: 0; 
	text-align: left;
	background: transparent;
	}

#navcolumn a {
	display: block;
	width: 95%;
	} 

/* =====CHANGE LINK STATES IN NAVCOLUMN===== */
#navcolumn  li a:link { 
	color: black; 
	background: #ccc; 
	text-decoration: none;
	border: 5px solid;
	border-color: #fff #aaa #aaa #fff; 
	} 

#navcolumn li a:visited { 
	color: #93c; 
	background: #ccc; 
	text-decoration: none;
	border: 5px solid;
	border-color: #fff #aaa #aaa #fff; 
	}

#navcolumn li a:hover { 
	color: gray; 
	background: #fff; 
	text-decoration:	underline;
	border: 5px solid;
	border-color: #fff #aaa #aaa #fff; 
	}

#navcolumn li a:active { 
	color: black; 
	background: red; 
	text-decoration:underline; 
	border: 5px solid;
	border-color: #aaa #fff #fff #aaa; 
	}

#navcolumn h4 {text-align: center; }



/*PRINTING RULES*/
@media print {

html {
	margin: 0;
	padding: 0;
	}

body {
	padding: 0;
	margin: 1in !important;
	color: #000;
	background-color: #fff;
	font-family: verdana, lucida, arial, helvetica, sans-serif;
	font-size: 10pt;
	}

#navcolumn, #navbar, #header {
	display:none !important;
	}	

#main-info {
		width: 100%;
		margin: 0;
	}


h1, h2, h3, h4 {color: black; background-color: white; border: none;}

h2 {font-size: 14pt;}
h3 {font-size: 12pt;}

a:link, a:visited {text-decoration: underline;}

} /* ends print rules  */