/* General HTML elements */
body { font-size:0.8em; margin:0px 0px 0px 0px; background: #ffffff; font-family:  Arial, Helvetica, sans-serif; color: black; }
td { font-size:0.8em; font-family:  Arial, Helvetica, sans-serif; color: black; }	
h1 { font-size: 150%; font-weight:normal; padding-top: 10px; color: #204884; margin-bottom:10px; }
h2 { font-size: 130%; font-weight:normal; padding-top: 10px; color : #1666A9; margin-bottom:10px; }
h3 { font-size: 110%; font-weight:bold; padding-top: 10px; color: #1666A9; 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; }
form { margin:0px; }
.nav p { margin: 0px; }
.navnews p { margin: 0px; }
.links p { margin: 0px; }

/* Elements common to all LHB pages */
#page {
	margin-left:5%;
	margin-right:5%;
	margin-top:0%;
	margin-bottom:0%;
	border-left: 1px solid black; border-right: 1px solid black;
	background: #ffffff; 
}
#header	{ color: #000000; font-weight:bold; font-size:200%; background:#FFFFFF; border-bottom: 2px solid #000000; }
#navigation	{ width: 125px; background: #A0B6D3; border-right:2px solid #666666; padding:2px 2px 2px 2px; }
.logo { text-align:center; background:#FFFFFF; border: 2px solid #ffffff; }
.menuitem { background: #A0B6D3; font-weight:bold; color: #FFFFFF; padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; border: 1px solid white; margin:2px; }
.menuitem A { color: #FFFFFF; text-decoration:none; }
.menuitemselected { background: #204884; font-weight:bold; color: #FFFFFF; padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; border: 1px solid white; margin:2px; }
.menuitemselected A { color: #FFFFFF;  text-decoration:none; }

/* Banner, logo */
.logo { }
.bannerhome { background: #FFFFFF; }
.banner { background: #FFFFFF; cursor: hand; }
.backgroundleft {
	background-color : White;
	background-repeat : repeat;
}
.backgroundright {
	background-color : White;
	background-repeat : repeat;
}
.bannerbackground { background: #204884;}
.HOWISbannerbackground { background: #1666A9;}
/* margins for the content in various pages */
#content { background: #FFFFFF; padding: 5 2 2 2; }
#contentpage { background: #FFFFFF; margin: 0 20 0 20;  }
#contentfeedback { background: #FFFFFF; margin: 0 20 0 20;  }
#contentbulletinboard { background: #FFFFFF; margin: 0 20 0 20;  }
#contentbuysell { background: #FFFFFF; margin: 0 20 0 20;  }
#contentjobs { background: #FFFFFF; margin: 0 20 0 20;  }
#contentjobs { background: #FFFFFF; margin: 0 20 0 20;  }
#contentquestionnaire { background: #FFFFFF; margin: 0 20 0 20;  }
#contentnews { background: #FFFFFF; margin: 0 20 0 20;  }
#contentevents { background: #FFFFFF; margin: 0 20 0 20;  }
#contentdocmeta { background: #FFFFFF; margin: 0 20 0 20;  }
#contentsearch { background: #FFFFFF; margin: 0 20 0 20;  }

#updated { font-size: 80%; }
#footer { font-size:80%; text-align:center; }/*cccccc*/
#footer2 { font-size: 70%; background-color: black; color: white;}
#footer2 a { color: white; }
#breadcrumbs { color: #204884; padding-left:10px; padding-top:5px; padding-bottom: 5px; font-size: 80%; border:0; background: #FFFFFF; }
#breadcrumbs a { text-decoration:none; }
#searchnav { background: #FFFFFF; text-align:right; padding:5px 5px 5px 5px; margin:0;}/*padding:0;*/
.breadcrumbsearch { color: #204884; padding-left:10px; padding-top:5px; padding-bottom: 5px; padding-right:10px; font-size: 80%; border-bottom: 1px solid #dddddd; background: #FFFFFF; margin:0; }
.small { font-size: 80%; }

/* Navigational areas: layout */
#lefthandpane { width: 150; background: #FFFFFF; }
#lefthandpane table { width: 150; margin: 5 15 5 0; }
#spacer { width: 20; }
#spacer2 { width: 20; }
#righthandpane { width: 150; background: #FFFFFF; }
#righthandpane table { width: 150; margin: 5 3 5 15; }

/* Navigational areas - latest news */
.navnews {color: black; font-size: 70%; font-family: Arial, Helvetica, sans-serif;}
.navnews table {background: #ffffff;}
.navnews td {background: #ffffff; color: black; font-size: 70%; font-family: Arial, Helvetica, sans-serif;
	border-width: 1px; border-color: #41618E #204884 #41618E #204884; border-style:solid;}
.navnews .head {font-weight: bold; font-size: 110%;}
.navnews .title {background: #A0B6D3; font-size: 90%; color: #3E5C86; font-weight: bold;}
.navnews .date {font-size: 90%; color: #41618E;}
.navnews A {text-decoration: none; color: black;}
.navnews A:hover {text-decoration: underline;} 

/* Navigational areas: events, hot topics etc */
.nav {color: #CDE0F5; font-size: 70%; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
.nav table {background: #CDE0F5;}
.nav td {background: #CDE0F5; color: #3E5C86; font-size: 70%; font-family: Arial, Helvetica, sans-serif;
	border-width: 1px; border-color: #41618E #3E5C86 #41618E #3E5C86; border-style:solid;}
.nav .head {font-weight: bold; font-size: 110%;}
.nav .title {background: #204884; color: #ffffff; font-size: 90%; font-weight: bold;}
.nav A {text-decoration: none; color: black; font-weight: bold;}
.nav A:hover {text-decoration: underline;} 

/* Navigational areas: links from this page, this page in Welsh etc */
.links {color: white; font-size: 70%; font-family: Arial, Helvetica, sans-serif;}
.links table {background: #CDE0F5;}
.links td {background: #CDE0F5; color: #204884 font-size: 70%; font-family: Arial, Helvetica, sans-serif;
	border-width: 1px; border-color: #41618E #A0B6D3 #A0B6D3 #41618E; border-style:solid;}
.links .head {font-weight: bold; font-size: 110%;}
.links .title {background: #CDE0F5; font-size: 90%; font-weight: bold;}
.links A {text-decoration: none; color: #41618E;}
.links A:hover {text-decoration: underline;} 

/* Navigational areas: Shortcut, Quick Links */
#righthandpane #quicklinks { width: 150; margin-left: 13px; }
#lefthandpane #quicklinks { width: 150; margin-right: 13px; }
#quicklinks ul {margin:0; padding:0 3px 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: #476fb7; color:white;
	border-width: 1px; border-style: solid; border-color: #41618E #A0B6D3 #A0B6D3 #41618E;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: #41618E #204884 #41618E #204884; color: white; background: #a0b6d3;text-decoration: none;}
#quicklinks .qtitle { font-weight:bold; margin:5px 0 0 0; display: block; width:146px; background: #3e5c86; font-size:110%; color: white;
	border-width:2px; border-style: solid; border-color: #A0B6D3 #41618E #A0B6D3 #41618E;}

/* 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: #A0B6D3; border:1px solid #DDDDDD; }

/* Primary Care */
.label { font-weight:bold; }
.disclaimer { font-size: 80%; }

/* Jobs - Also uses .label as defined above */
.jobhead { background: #CCCCCC; }
.jobrow1 { background: #EEEEEE; }
.jobrow2 { background: #FFFFFF; }
.jobtitle { font-weight:bold; color: #204884; }

/* Search */
.searchtype { background: #CDE0F5; 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: white; background-color: #A0B6D3;}

/* 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: #A0B6D3; }
.newspages { background: #A0B6D3; }
.newspages A { color: black; }

/* Events list */
.eventsnav td { font-size:70%; font-weight:bold; background: #204884; }
.eventspages { background: #204884; }
.eventspages A { color: black; }

/* Search */
.searchtype { font-size: 100%; font-weight:bold; color:#ffffff; background: #204884; margin: 8 5 2 0; padding: 2 5 2 5; }
.searchtypeleft {font-size: 100%; font-weight:bold; color:#ffffff; background: #204884; margin: 8 5 2 0; padding: 2 5 2 5; }
.searchtyperight {font-size: 80%; font-weight:bold; color:#ffffff ; background: #204884; margin: 8 5 2 0; padding: 2 5 2 5; }
.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: 0 20 0 20; 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 {font-weight: normal; font-size: 7pt; }
#sitemap .level5 {font-weight: normal; font-size: 7pt; }
#sitemap .level6 {font-weight: normal; font-size: 7pt; }
#sitemap .level7 {font-weight: normal; font-size: 7pt; }
#sitemap .level8 {font-weight: normal; font-size: 7pt; }
#sitemap .level9 {font-weight: normal; font-size: 7pt; }
#sitemap .level10 {font-weight: normal; font-size: 7pt; }

/* siteindex values */
.index {}
.indexheading {font-weight: bold; font-size: 120%; padding: 0pt 20pt; color: white; background-color: #204884;}
.indexlink { background: #FFFFFF; margin: 0 20 0 20; 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: #A0B6D3; }
.stafftaboff { background: #CDE0F5; }
.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: #204884; 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: #204884; margin-bottom:10px; }
.ErrText { color: #204884; font-size: 70%; font-weight:bold; }

.messagetitle { font-size: 100%; font-weight:: normal; color : #204884; margin-bottom:10px; }
.messagetext, .contenttext { color: #000000; font-size: 80%; }
.contentlabel { font-weight: bold ;  color : #204884; }

/*NAVIGATION ELEMENTS*/
/*navtype = "defaultlhs" Vertical Dropdown Left Hand Side */
/* menu navigation bar - font defaults */
div.menuBarlhs, div.menuBarlhs a.menuButton {font-style: normal; font-weight: bold; color: #B54C0A;}

/* menu navigation bar - main menu bg */
div.menuBarlhs {background-color: #FFFFFF; text-align: left; width:160px; border-right: 1px solid #204884; border-top: 1px solid  #204884; border-bottom: 1px solid  #204884; /*border-width: 0px; border-color: #CA8C8C #931516 #931516 #CA8C8C; border-style:solid;*/ margin-top: 4px;}
div.menuBarlhs td {font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; color: #204884; }

/* menu navigation - main menu links */
div.menuBarlhs a.menuButton {color: #204884; left: 0px; position: relative; text-decoration: none; top: 0px; z-index: 100; padding: 3px; display: block;}
div.menuBarlhs a.menuButton:hover {background-color: #1666a9; color: white;}
div.menuBarlhs a.menuButtonActive {color: black;}
div.menuBarlhs a.menuButtonActive:hover {color: white; }

/* menu navigation - sub menus */
div.menu { font-style: normal; font-weight: bold; color: #931516; background-color: white; left: 0px; position: absolute; top: 0px; visibility: hidden; z-index: 101; font-size: 100%; border-width: 0px; border-color: #931516; border-style: solid;}

/* menu navigation - menu items links */
div.menu a.menuItem, div.menu span.menuItem {background-color: #1666a9; color: white; cursor: default; display: block; text-decoration: none; white-space: nowrap; padding: 3px 1em; border: 0px;}
div.menu a.menuItem:hover, div.menu a.menuItemHighlight {background-color: #1666a9; color: #FFFFFF;}
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 #931516; border-bottom: 1px solid black; margin: 4px 2px;}
