/* Normal Style sheet for NCT Leeds web site (c) Meteor IT Ltd. 2007 */
body{}	

/*Three-column layout stuff here*/
#outerwrapper{max-width:1350px;
	margin-left:auto;
	margin-right:auto}
	
#threecolwrap{float:left; 
	width:100%;
	min-width:880px;}

#twocolwrap{float:left;
	width:100%;
	display:inline;
	margin-right:-140px}
	
#leftcolumn{float:left;	
	width:160px;
	display:inline}

#pagebody {width:auto;
	margin-left:160px;
	margin-right:140px;
	font-size:medium;}	

#rightcolumn{float:left;width:140px}

div#footer {clear:both;
	font-size:small;
	margin:5px 0 0 160px;
	text-align:center}

#header_inner, #leftcolumn_inner, #pagebody_inner, #rightcolumn_inner{overflow:hidden}

#leftcolumn_inner {text-align:center}
#rightcolumn_inner {padding-top:10px; 
	text-align:center; 
	font-size:small; 
	color:#366510}

/* Styles for header section */
#header{margin:0;padding:15px 20px;
	border-bottom:2px #B6E083 solid}

/*Menu styling, positional stuff first*/
#menu {float:left; display:inline;
	text-align:center;
	padding:0 0 5px 0;}
	
div#menu ul {margin:0;
	padding:0;
	float:left;
	list-style-type: none;}
		
div#menu li ul {position:absolute; 
	display:none; 
	width:240px;
	left:159px;
	top:0;}
div#menu li:hover ul{display:block}

div#menu li:hover li ul {position:absolute; 
	display:none; 
	width:11em;
	left:245px;
	top:0;}
div#menu li:hover li:hover ul{display:block}
	
div#menu li li {width:100%;}

div#menu li{padding:0;margin:0;
	font-size:medium;
	font-weight:bold;
	float:left;
	position:relative}
	
div#menu li a {display:block;
	width:158px;
	margin:-1px 0 0 0;
	padding:6px 0;
	background-color:#B5DE80;
	border:1px solid #7DBE3E;
	color:#333;
	text-decoration:none;
	position:relative}
	
div#twocolwrap div#menu ul li a:hover {color:white;
	background-color:#7DBE3E;
	text-decoration:none;}
	
div#menu li:hover a{color:#58A618;}
	
div#menu li:hover li a{width:100%;
	color:#333;
	border-left:5px solid #7DBE3E}
	
/*Main pagebody stuff here*/
div#pagebody ul{padding:0 0 0 1em;
	font-size:medium;
	font-weight:bold;
	line-height:160%}
	
div#pagebody li {margin-left:0.8em;padding-left:0.4em;}

div#pagebody li a {color:black;	text-decoration:none}
div#pagebody li a:hover {color:blue; text-decoration:underline}

.clear{clear:both}

/* Styles for headings */

h1, h2, h3 {font-family:arial, helvetica, sans-serif;
	font-weight:bold;
	font-size:large;
	color:#58A618;
	margin:10px 0;
	padding:0}

h1 {margin-left:-1.5%; padding-top:0.7em}
h2 {padding-top:0.4em}
	
h3 {font-size:medium; color:#339983}

div#header h2 {margin:10px 0 0 10px; color:#366510;}

/*images*/
img {border:0; padding:5px 0 0 0;}

img.left {float:left;
		padding:10px 15px 10px 0}
		
img.right {float:right;
		padding:10px 0 10px 15px}

div#rightcolumn_inner img {padding:5px 0px 10px 0px;}
div#footer img {padding:5px 12px 10px 20px;float:right}

/*links*/
h1 a,h2 a, h3 a{color:#7DBE3E;text-decoration:none}

a {text-decoration:underline; color:blue}
a:hover {color:blue;text-decoration:none}

/*bodytext has border beneath each section*/
div.bodytext{margin:5px 1%;
	text-align:justify;
	padding:0 1% 10px 3%;
	border-bottom:dashed 1px #7DBE3E;}
	
/*Styles for drop-quotes*/

div.quote {clear:both;
	margin:10px 5%;
	font-family: arial, sans-serif;
	background-image:url(/images/LeftQuote.png);
	padding-left:50px;
	background-position:top left;
	background-repeat:no-repeat}

div.quote_inner{background-image:url(/images/RightQuote.png);
	min-height:45px;
	padding-right:50px;
	background-position:bottom right;
	background-repeat:no-repeat}

div.quote h4 {padding:0.7em 0.5em;
	margin:0;
	text-align:center; 
	font-weight:bold;
	font-size:large}
	
div.quote p {text-align:right;
	padding:0 88px 0 0;
	margin:0;
	font-size:small;
	font-style:italic}
	
/*styles for use on screen only in here*/
@media screen
{
body {font-family:arial, helvetica, sans-serif}
	
/* "nolink" styles used for trivial links like "back to top" which 
need no decoration or highlighting (omitted entirely in print) */
		
a.nolink {font-size:x-small;
	color:#666;
	clear:both;
	text-decoration:none;}
a.nolink:hover {text-decoration:underline;color:blue}
	
}

/*styles for use in print only in here*/
@media print
{

/* serif font is clearer for body text in printed version */
body {font-family:cambria, "times new roman", calibri, arial, sans-serif; 
	font-size:medium;}
	
a {color:inherit; text-decoration:none}
a.nolink {display: none} /* nolink is only used for in-page navigation links so don't print it*/

div.bodytext li a {font-size:inherit;
	font-weight:normal;
	line-height:120%}

/*div.quote {border-top:solid 2px #666;
	border-bottom:solid 2px #666;
	margin:2em}*/

/*footer not printed except for copyright*/
div#footer p {display:none}
div#footer p.copyright {display:block;color:#366510}

}