/* NCPS general styles */

/* General tag styles without needing IDs or Classes */
html {
	overflow-y: scroll;
} /* Forces scroll bar on RHS when not IE */
body {
	background: #c5c9cc;
	font: 85% Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
}
img {
	border: 0;
}
h1, h2, h3, h4 {
	font: normal 100% Arial, Helvetica, sans-serif;
	margin: 1em 0;
	color: #555;
}
h1 {
	font-size: 180%;
}
h2 {
	font-size: 140%;
}
h3 {
	font-size: 105%;
	font-weight: bold;
}
blockquote {
	font-style: italic;
}
ul {
	list-style-type: circle;
}
hr {
	height: 0;
	border-style: solid;
	border-width: 1px 0 0 0;
	border-color: #cce;
}
a:hover {
	color: #00f;
	background: #eef;
}

/* Styles applied via simple Classes */ 
ul.linklist {
	list-style-type: none;
	font-size: 95%;
}
ul.linklist hr {
	width: 50%;
	margin: 0.5em auto 0.5em 0;
	text-align: left;
} /* "test-align" for Opera */
ul.linklist li.listheader {
	font-style: italic;
	font-size: 105%;
}
li.nothing, p.nothing {
	color: #bbb;
}
span.detail, p.detail, p.keyword, p.recentdate, span.highlight, p.highlight {
	color: #00f;
}
img.left, a.left, p.left {
	float: left;
	margin: 10px 10px 10px 0;
}
img.centre, a.centre, p.centre, td.centre {
	text-align: center;
}
img.right, a.right, p.right {
	float: right;
	margin: 10px 15px 10px 10px;
}
p.date, p.unusualdate, span.date {
	color: #33c;
	margin: 0 0.5em;
}
span.date {
	margin: 0 0.4em;
}
p.unusualdate {
	font-style: italic;
}
p.note, span.note {
	font-style: italic;
	color: #f00;
}
p.note {
	text-align: center;
}
p.author {
	text-align: right;
}
div.clearboth {
	clear: both;
	font-size: 1px;
	line-height: 0;
}
div.clearright {
	clear: right;
	font-size: 1px;
	line-height: 0;
}

/* Thumbnails floated to the right */
div.sidenote {
	float: right;
	padding: 0 10px 20px 35px;
}
div.sidenote p.thumbnail {
	font-size: 70%;
	margin: 0;
	text-align: center;
	line-height: 1.4;
}
#photoblog {
	float: right;
	margin: 10px 0 0 10px;
	padding: 15px 15px 5px 15px;
}
#photoblog p {
	font-size: 70%;
	text-align: center;
	line-height: 1.4;
}

/* Styles for tables */
table.widevisible1 td, table.widevisible1 th, table.invisible1 td, table.invisible1 th, table.syllabus th, table.syllabus td, table.widevisible2 td, table.widevisible2 th, table.invisible2 td, table.invisible2 th {
	padding: 5px;
	vertical-align: top;
}
table.widevisible1 td, table.widevisible1 th, table.widevisible2 td, table.widevisible2 th {
	border: solid 1px #eee;
}
table.widevisible1 th, table.invisible1 th, table.syllabus th, table.widevisible2 th, table.invisible2 th {
	font: bold 95% Arial, Helvetica, sans-serif;
	color: #000;
}
table.widevisible2 a {
	color: #55a;
}
table.invisible2 td {
	padding: 2px;
}
td p, td h2 {
	margin-top: 1em; 
	margin-bottom: 0;
}
td > :first-child, div > :first-child {
	margin-top: 0;
}
th.left {
	text-align: left;
}
td.ignore {
	background: #eee;
}

/* Special tables */
table.syllabus {
	line-height: 1.1;
}
table.hometable td.homeimage {
}
table.hometable td.homeimageinfo {
	padding-left: 20px;
	font-size: 70%;
}

/* Positioning Banner */
#banner, #banner a {
	background: #8b9194;
	background-image:  url(../graphics/common/ncps-interior-top-image-and-logo.png);
	width: 1000px;
	height: 110px;
	margin: 0 auto;
}
#banner a {
	display: block;
} /* caters for an image-link in the web page */

/* Positioning Wrapper between Banner and Footer (Navigation then Maincontent) */
#wrapper {
	width: 1000px;
	margin: 0 auto;
	line-height: 1.5;
	background: #8b9194;
}
#maincontent {
	padding: 30px 40px 15px 40px;
	margin-left: 180px;
	margin-right: 20px;
	background: #fff;
}
#maintext {
	margin-right: 350px;
}

/* Positioning Footer */
#footer {
	font: normal 85% Arial, Helvetica, sans-serif;
	color: #333;
	width: 1000px;
	margin: 0 auto;
	padding: 10px 0;
	background: #8b9194;
}
#footerlinks {
	float: left;
	padding: 0 0 0 50px;
}
#footeradmin {
	float: right;
	padding: 0 50px 0 0;
}

/* Navigation buttons on the left */
#navigation {
	font: normal 110% Arial, Helvetica, sans-serif;
	float: left;
	margin: 30px 0 0 0;
}
#navigation1, #navigation2 {
	margin: 30px 20px;
	width: 140px; 
}
#navigation a, #buttondown {
	display: block;
	background: none;
	text-align: left;
	text-transform: lowercase;
	text-decoration: none;
	padding: 5px 10px 5px 11px;
}
#navigation a:hover {
	background: none;
	border: 1px solid #fff;
	padding: 4px 9px 4px 10px;
	color: #000;
}
#buttondown, div.buttondown {
	color: #8b9194;
}
#navigation1 a, #navigation2 a {
	color: #fff;
}

/* Special in-body buttons, in tables and paragraphs */
div.button1 a, div.button1down {
	display: block;
	text-decoration: none;
	font-size: 90%;
	padding: 2px 0 2px 5px;
	border: 1px solid #aaf;
	margin: 0;
	width: 165px;
	background: #eef;
	color: #000;
}
div.button1down {
	background: #fff;
	color: #999;
}
div.button1 a:hover {
	background: #fee;
	border: 1px solid #faa;
}
a.tablebutton, a.tablebuttonshort {
	display: block;
	text-decoration: none;
	font-size: 90%;
	padding: 2px 0 2px 5px;
	border: 1px solid #aaf;
	margin: 0;
	width: 190px;
	background: #eef;
	color: #000;
}
a.tablebuttonshort {
	width: 160px;
}
a.tablebutton:hover, a.tablebuttonshort:hover {
	background: #fee;
	border: 1px solid #faa;
}
p.centrebutton {
	font-size: 90%;
	width: 240px;
	text-align: center;
	margin: 0 auto;
}
p.centrebutton a {
	padding: 2px 0;
	border: 1px solid #aaf;
	display: block;
	text-decoration: none;
	background: #eef;
	color: #000;
}
p.centrebutton a:hover {
	background: #fee;
	border: 1px solid #faa;
}

/* Spacers for gallery with thumbnails, 2-column "News & info", date columns, A-to-Z, etc */
div.spacegallery, div.spacemembers, div.datecolumnspacer, div.datecolumnspacerwide, div.datecolumnspacermedium, div.atozspacer, div.awardstext, div.awardsimage, div.awardscolumn, div.tablebuttonspace1, div.tablebuttonspace2, div.holderscolumn {
	font-size: 1px;
	line-height: 0;
}
div.spacegallery {
	width: 200px;
}
div.spacemembers {
	width: 135px;
}
div.datecolumnspacer {
	width: 125px;
}
div.datecolumnspacermedium {
	width: 180px;
}
div.atozspacer {
	width: 340px;
}
div.awardstext {
	width: 275px;
}
div.awardsimage {
	width: 130px;
}
div.awardscolumn {
	width: 163px;
}
div.tablebuttonspace1 {
	width: 140px;
}
div.tablebuttonspace2 {
	width: 166px;
}
div.holderscolumn {
	width: 200px;
}

/* Search form */
#searchform {
	font-size: 90%;
	margin: 0 auto;
}

/* September 2008 to May 2010 Blog styles.  These Blog pages have ID #blog. */
#blog h1 {
	font-size: 135%;
} /* Intended for H1 within an article (but unfortunately also changes H1 at the top of the Blog page) */
#blog h1.blogh1 {
	font-size: 180%;
} /* Reverts H1 at top of Blog page to normal */
#blog h2 {
	font-size: 110%;
	font-weight: bold;
}
#blog h1 a, #blog h2 a, #blog h3 a, #blog p.blogadmin a {
	color: #55c;
	text-decoration: none;
	border-bottom: 1px dotted #99f;
}
#blog p.blogadmin a {
	color: #00c;
}
#blog p.blogadmin, #blog div.blogseparator {
	clear: right;
	display: block;
	text-align: right;
	margin: 20px -40px 0 -40px;
	border-style: dotted;
	border-width: 1px 0 0 0;
	border-color: #000;
}
#blog p.blogadmin, #blog div.blogseparator {
	padding: 15px 40px 0 0;
}

/* June 2010 Blog & News styles. These Blog pages don't have ID #blog. */
div.newsitem hr.newsseparator, hr.newsterminator {
	clear: right;
	width: 800px;
	height: 0;
	margin: 20px -40px 0 -40px;
	border-style: dotted;
	border-width: 1px 0 0 0;
	border-color: #000;
}
div.newsitem h1 {
	font-size: 135%;
	margin-top: 50px;
}
div.newsitem h2 {
	font-size: 110%;
	font-weight: bold;
}
div.newsitem h3 {
	font-size: 95%;
	font-weight: bold;
}

div.newsitem h1 a, div.newsitem h2 a, div.newsitem h3 a, div.newsitem p.newscategory a, div.newsitem p.newsauthor a {
	color: #55c;
	text-decoration: none;
	border-bottom: 1px dotted #99f;
}
div.newsitem p.newscategory a, div.newsitem p.newsauthor a {
	color: #00c;
}
div.newsitem p.newsdate {
	float: right;
	display: block;
	background: url(../graphics/common/calendar-orange.gif);
	height: 42px;
	width: 44px;
	padding: 8px 0 0 0;
	font: 11px/1 Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}
div.newsitem p.newsdate span {
	display: block;
	padding: 8px 0 0 0;
	font: 17px/1 Arial, Helvetica, sans-serif;
	color: #000;
}
div.newsitem p.newscategory, div.newsitem p.newsauthor {
	float: right;
	margin: 15px 20px 0 0;
}
#newsitemarchive #maincontent {
	padding-top: 10px;
}
#newsitemarchive hr.newsseparator {
	margin: 0;
	width: auto;
	border-color: #fff;
} /* Apparent bug in some IE */
#newsitemarchive h1 {
	font-size: 150%;
	margin-top: 60px;
	color: #555;
}
#newsitemarchive h1 a {
	color: #555;
	text-decoration: none;
	border: 0;
}

/* Embellished table cells */
td.autumn {
	background-image:  url(../graphics/specials/autumn-leaf.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

/* © Copyright NCPS 2008 */
/* End */