/* General HTML elements */
/* special for WCH - smaller font size and Arial font */
body { font-size:0.7em; margin:0px; background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif;
 color: black; } 
/* special for WCH - smaller font size and Arial font */
td, th { font-size:0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; color: black; }	
h1 { font-size: 150%; font-weight:normal; padding-top: 10px; color: #006C67; margin-bottom:10px; }
h2 { font-size: 130%; font-weight:normal; padding-top: 10px; color : #006C67; margin-bottom:10px; }
h3 { font-size: 110%; font-weight:bold; padding-top: 10px; color: #006C67; margin-bottom:10px; }
h4 { font-size: 100%; font-weight:bold; padding-top: 10px; color : #000000; margin-bottom:10px; }
h5 { font-size: 100%; font-weight:bold; padding-top: 10px; color : #000000; margin-bottom:10px; }
h6 { font-size: 100%; font-weight:bold; padding-top: 10px; color : #000000; margin-bottom:10px; }
a { color: #006C67;}
form { margin:0px; }
.nav p { margin: 0px; }
.navnews p { margin: 0px; }
.links p { margin: 0px; }

/* special for WCH - we don't need a margin for the page - neither do we need the border */
#page {background: #fff; width: 100%;}

/* special for WCH - it needs no border-bottom to join to the main body of the page */
#header	{ color: #000; font-weight:bold; font-size:200%; background:#fff; /* border-bottom: 2px solid #000000; */ }
/* special for WCH - extra bit for the navigational part of the heading */
#headernav{ background-color: #006C67; color: white; font-weight: bold; padding: 6px 0px; font-size: 0.9em;}
#latestupdate { background-color: #ffffff; color: black; font-weight: normal; padding: 0px 1px 0px 0px; font-size: 0.7em;}
#headernav td {font-size: 0.7em; color: white; padding: 0px 2px;}
#headernav label {font-weight: normal;}
#headernav a {color: white; text-decoration: none; font-weight: bold;}
#headernav a:hover {text-decoration: underline; }
#headernav input { font-family: monospace; font-size: 1.1em;}
#headernav .headerbutton { font-size: 0.8em; background-color: #ccc; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}

/* Banner, logo */
.bannerhome { background: #fff; }
.banner { background: #fff; cursor: hand; }
#latestupdate td {font-size: 60%;}

/* margins for the content in various pages */
#content { background: #fff; padding: 0px 15px; margin: 0px 15px; }
#contentpage, #contentfeedback, #contentbulletinboard, #contentbuysell, #contentjobs, #contentquestionnaire,
#contentnews, #contentevents, #contentdocmeta, #contentsearch { }

#updated { font-size: 80%; display: none; color: white;}
#footer { font-size:70%; background: #00746E; text-align:center; padding:6px 16px; }/*cccccc*/
#footer td { font-size: 70%;}
#footer a { color: white; text-decoration: none;}
#footer a:hover { text-decoration: underline;}
#searchnav { background: #00746E; text-align:right; padding:5px; margin:0;}/*padding:0;*/
.breadcrumbsearch { color: #006C67; width: 100%; padding:5px 0px; margin: 0px; font-size: 70%; border-bottom:1px dotted #ccc;  }
.breadcrumbsearch a { text-decoration:none; }
.breadcrumbsearch a:hover { text-decoration:underline; }
.small { font-size: 80%; }

/* Navigational areas: layout */
#lefthandpane { width: 174; background: #ebf5f6; border-right: 1px dotted #3a9993;}
/*#lefthandpane table { width: 150; margin: 5 15 5 3; }*/
#spacer { width: 20; }
#spacer2 { width: 20; }
#righthandpane { width: 150; background: #fff; }
/*#righthandpane table { width: 150; margin: 5 3 5 15; }*/

/* special for WCH - logos */
.logos {text-align: center; margin: 10px 0px;}

/* special for WCH - feaures */
.featuresnews {border-top: 1px dotted #ccc; padding-top: 10px;}
.newstable {padding-left : 20px; border-left: 1px dotted #ccc; border-collapse: collapse; width: auto; _width: 100%;}
.newstable img {margin: 4px 16px 20px 0px; display: block;}
.featurestable {padding-right : 20px; width: auto; _width: 100%;}
.newstable a, .featurestable a {font-weight: bold; color: #006C67;}
.newstable .date {margin: 0px;}
.newstable .topicbody p {margin: 10px;}
.newstable .topicbody {margin: 0px 0px 20px 0px; display: block; }

/* Navigational areas - latest news and polls*/
.navnews {color: white; font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif;}
.navnews table {background: #00746E; }
.navnews td {background: #00746E; color: white; font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #999;}
.navnews .head {font-weight: bold; font-size: 110%; color: white; }
.navnews .title {background: #fff; font-size: 90%; color: #006C67; font-weight: bold;}
.navnews .title a {background: #fff; font-size: 90%; color: #006C67; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
.navnews .date {font-size: 90%; color: white;}
.navnews A {text-decoration: none; color: white;}
.navnews A:hover {text-decoration: underline;} 
.navnews .topicbody {color: white;  padding-top: 3px; padding-bottom: 3px;}

/* Navigational areas - navPolls */
.navpoll {color: #fff; font-size: 70%; font-family: Arial, Helvetica, sans-serif; border: 0px solid #AD0000; margin: 4px; }
.navpoll table {background: #00746E;}
.navpoll td {background: #00746E; color: #fff; font-size: 70%; font-family: Arial, Helvetica, sans-serif; border-bottom: 1px solid #fff;}
.navpoll .head {font-weight: bold; font-size: 110%;}
.navpoll .title {background: #00746E; font-size: 90%; color:  #fff; font-weight: bold;}
.navpoll .title a {background: #00746E; font-size: 90%; color: #fff; font-weight: bold;}
.navpoll .date {font-size: 90%; color: #fff; font-weight: bold;}
.navpoll A {text-decoration: none; color: #fff; font-weight: bold;}
.navpoll A:hover {text-decoration: underline;} 


/* Navigational areas: events, hot topics etc */
.nav {color: white; font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 20px 0px;}
.nav table {background: #00746E; border: 1px dotted #3a9993; color: white;}
.nav td {background: #00746E; font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white;}
.nav .head {font-weight: bold; font-size: 80%; padding-left: 6px; display: block; color: white;}
.nav .title {background: #00746E; font-size: 80%; font-weight: bold; padding-left: 6px; display: block; color: white;}
.nav A {text-decoration: none; color: white; padding-left: 6px; display: block; color: white;}
.nav A:hover {text-decoration: underline; color: white;} 

/* Navigational areas: links from this page, this page in Welsh etc */
.links {color: white; font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 20px 0px;}
.links table {background: #00746E;  border: 1px dotted #3a9993;}
.links td {background: #00746E; font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif;
	}
.links .head {font-weight: bold; font-size: 80%; padding-left: 6px; display: block;}
.links .title {background: #00746E; font-size: 80%; font-weight: bold; padding-left: 6px; display: block;}
.links A {text-decoration: none; color: #FFFFFF; padding-left: 6px; display: block;}
.links A:hover {text-decoration: underline;} 

/* Navigational areas: Shortcut, Quick Links */
#righthandpane #quicklinks { width: 150; }
#lefthandpane #quicklinks { width: 150; }
#quicklinks ul {margin:0; padding:0 3px; list-style-type: none; font-family:  Arial, Helvetica, sans-serif; color: #330066;} 
#quicklinks ul .shortcutarea {padding:0;}
#quicklinks li {margin: 0;}
#quicklinks a {display: block; width:132px; padding: 2px 2px 2px 10px; background-color: #b2dbd9; color:white;
	border-width: 1px; border-style: solid; border-color: #00534F #66b8b3 #66b8b3 #00534F;font-weight: bold; font-size: 90%;}
#quicklinks a:link, #quicklinks a:active { color: #e0e0e0;}
#quicklinks a:visited { color: #d0d0d0;}
#quicklinks a:hover { border-width: 1px; border-style: solid; border-color: #00534F #66b8b3 #00534F #66b8b3; color: white; background: #66b8b3;text-decoration: none;}
#quicklinks .qtitle { font-weight:bold; margin:5px 0 0 0; display: block; width:146px; background: #00746E; font-size:110%; color: white;
	border-width:2px; border-style: solid; border-color: #66b8b3 #00534F #66b8b3 #00534F;}

/* Document Library */
#doclib {}
#keydocumentheading { font-weight:bold; }
#documentheading { font-weight:bold; }
#sort { font-size: 80%; }
.keydocument {}
.document {}
.filesize { font-size: 80%; }
.docdate {}

/* Latest News */
#newshead { border-left: 1px solid #DDDDDD; }
.latestdateline { font-weight:bold; font-size:85%; }
.latestnewstitle { font-size:100%; }
.latestnewssummary { font-size:90%; }
.morenews {}

/* News */
.dateline { font-weight:bold; font-size:85%; }
.source { font-size:100%; }
.newstitle { font-size:100%; }
.newssummary { font-size:90%; }
.newsnav { background: #66b8b3; border:1px solid #ddd; }

/* Primary Care */
.label { font-weight:bold; }
.disclaimer { font-size: 80%; }

/* Jobs - Also uses .label as defined above */
.jobhead { background: #ccc; }
.jobrow1 { background: #eee; }
.jobrow2 { background: #fff; }
.jobtitle { font-weight:bold; color: #c00; }

/* Search */
.searchtype { background: #00746E; border:1px solid #DDDDDD; }
.searchhittitle {}
.searchhittype { font-weight:bold; }
.searchdate { font-size: 80%; }
.metadata { color: #AAAAAA; }

/* Document Metadata */
.metatitle { font-size: 70%; font-weight: bold; }
.metadesc { font-size: 85%; }
.metatext { font-size: 70%; }
.metaheading {font-weight: bold; font-size: 100%; padding: 0pt 20pt; color: black; background-color: #66b8b3;}

/* News list */
.dateline { font-weight:bold; font-size:85%; }
.source { font-size:100%; }
.newstitle { font-size:100%; }
.newssummary { font-size:90%; }
.newsbody { font-size:100%; }
.newsnav td { font-size:70%; font-weight:bold; background: #00746E;color: white; }
.newspages { background: #66b8b3; }
.newspages A { color: black; }

/* Events list */
.eventsnav td { font-size:70%; font-weight:bold; background: #00746E; }
.eventspages { background: #CC0000; }
.eventspages A { color: black; }

/* Search */
.searchtype { font-size: 100%; font-weight:bold; color:#fff; background: #c00; margin: 8 5 2 0; padding: 2px 5px; }
.searchtypeleft {font-size: 100%; font-weight:bold; color:#fff; background: #c00; margin: 8 5 2 0; padding: 2px 5px; }
.searchtyperight {font-size: 80%; font-weight:bold; color:#fff ; background: #c00; margin: 8 5 2 0; padding: 2px 5px; }
.searchhittitle { font-size: 85%;}
.searchhittitle a { font-size: 85%; color: black; text-decoration:none;}
.searchhittitle a:hover {text-decoration: underline; }
.searchhittype { font-size: 70%; font-weight:bold; }
.searchdate { font-size: 80%; }
.metadata { color: #AAAAAA; }

/* sitemap values */
#sitemap { background: #FFFFFF; margin: 0px 20px; width: 100%; }
#sitemap a {text-decoration: none; color: black;}
#sitemap a:hover {text-decoration: underline;}
#sitemap img {display: block;}
#sitemap .level1 {font-weight: bold; font-size: 10pt; }
#sitemap .level2 {font-weight: normal; font-size: 9pt; }
#sitemap .level3 {font-weight: normal; font-size: 8pt; }
/* just to be sure */
#sitemap .level4, #sitemap .level5, #sitemap .level6, #sitemap .level7,
#sitemap .level8, #sitemap .level9, #sitemap .level10 {font-weight: normal; font-size: 7pt; }

/* siteindex values */
.index {}
.indexheading {font-weight: bold; font-size: 120%; padding: 0pt 20pt; color: black; background-color: #66b8b3;}
.indexlink { background: #FFFFFF; margin: 0px 20px; width: 100%; }
.indexlink a {text-decoration: none; color: black;}
.indexlink a:hover {text-decoration: underline;}
.indexsmall {font-size: 80%;}

/* staff directory styles */
.stafflabel { font-weight: bold; width:120; padding-left: 5; }
.staffborder { border: solid #CCCCCC 1.5pt; }
.staffform { margin: 0pt; }
.staffinput { font-family: "Courier New"; font-size: 9pt; }
.staffselect { font-family: "Courier New"; font-size: 9pt; width: 175; }
.staffheadings { background: #CCCCCC; font-weight: bold; }
.staffheadings A:visited { color: blue; }
.staffatoz A:visited { color: blue; }
.staffsmall { font-size: 7pt; }
.staffsmall A:visited { color: blue; }
.staffrow1 { background: #F7F7F7; }
.staffrow2 { background: #FFFFFF; }
.staffsmallbold { font-size: 8pt; font-weight: bold; padding-top: 5pt; padding-bottom: 0pt; }
.staffstrong { font-weight: bold; }
.stafftabon { background: #66b8b3; }
.stafftaboff { background: #00746E; }
.staffstart { padding: 20 10 20 10; text-align: center; }

/* Bulletin Board and Buy/Sell Message board styles */
#ListArea { background: #FFFFFF; }
#ListTitle { font-size: 120%; font-weight::normal; padding-top: 10px; color: #B5CB9C; margin-bottom:10px; }
.noresult { color: #66b8b3; font-size: 14pt; }
.listdate { color: #000000; font-weight: bold; font-size: 70%; }

#FormArea { background: #FFFFFF; padding:0 5 0 5; }
#FormTitle { font-size: 110%; font-weight::normal; padding-top: 10px; color: #66b8b3; margin-bottom:10px; }
.ErrText { color: #CC0000; font-size: 70%; font-weight:bold; }

.messagetitle { font-size: 100%; font-weight:: normal; color : #66b8b3; margin-bottom:10px; }
.messagetext, .contenttext { color: #000000; font-size: 80%; }
.contentlabel { font-weight: bold ;  color : #66b8b3; }

/*navtype = "defaultlhs" Vertical Dropdown Left Hand Side */
/* menu navigation bar - font defaults */
div.menuBarlhs, div.menuBarlhs a.menuButton {font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; color: black;}

/* menu navigation bar - main menu bg */
div.menuBarlhs {background-color: #00746E; text-align: left; width:173px; margin: 0px 0px 10px 0px;}
div.menuBarlhs table {width: 100%; border-collapse: collapse; padding: 0px;}
div.menuBarlhs tr {width: 100%;}
div.menuBarlhs td {font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: black; border-bottom: 3px solid #FFFFFF; margin: 0px; padding: 0px; border-right-width: 0px; width: 100%;}

/* menu navigation - main menu links */
div.menuBarlhs a.menuButton {color: white; left: 0px; position: relative; text-decoration: none; top: 0px; z-index: 100; padding: 3px; display: block; font-weight: bold; padding: 5px 12px;}
div.menuBarlhs a.menuButton:hover {color: black; background-color:#66b8b3;}
div.menuBarlhs a.menuButtonActive, div.menuBarlhs a.menuButtonActive:hover {color: black; background-color:#66b8b3; }

/* menu navigation - sub menus */
div.menu {font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; color: white; background-color: #00746E; left: 10px; position: absolute; top: 0px; visibility: hidden; z-index: 101; font-size: 95%; border: 1px solid white; }

/* menu navigation - menu items links */
div.menu a.menuItem, div.menu span.menuItem {background-color: #00746E; color: white; cursor: default; display: block; text-decoration: none; white-space: nowrap; padding: 3px 1em;}
div.menu a.menuItem:hover, div.menu a.menuItemHighlight {background-color: #66b8b3; color: black;}
div.menu a.menuItem span.menuItemText {}
div.menu a.menuItem span.menuItemArrow { margin-right: -.75em;}

/* menu navigation - item separator - not currently used */
div.menu div.menuItemSep {border-top: 1px solid white; border-bottom: 1px solid #66b8b3; margin: 4px 2px;}

.field {font-weight:bold; color:#555555;}
.value {color:#222222}