/* General HTML elements */
body { font-size:0.8em; margin:0px 0px 0px 0px; background: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; color: black; }
td { font-size:0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; color: black; }	
h1 { font-size: 150%; font-weight:normal; padding-top: 10px; color: #000099; margin-bottom:10px; }
h2 { font-size: 130%; font-weight:normal; padding-top: 10px; color : #993399; margin-bottom:10px; }
h3 { font-size: 110%; font-weight:bold; padding-top: 10px; color: #FF0000; margin-bottom:10px; }
h4 { font-size: 100%; font-weight:bold; padding-top: 10px; color : #FF0000; margin-bottom:10px; }
h5 { font-size: 100%; font-weight:bold; padding-top: 10px; color : #FF0000; margin-bottom:10px; }
h6 { font-size: 100%; font-weight:bold; padding-top: 10px; color : #FF0000; 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:1%; margin-right:1%; margin-top:2%; margin-bottom:2%; border:1px solid black; background: #ffffff; }
#header	{ color: #000000; font-weight:bold; font-size:200%; background:#FFFFFF; border-bottom: 2px solid #000000; }

/* margins for the content in various pages */
#content { background: #FFFFFF; padding: 5 2 2 2; } 
#contentpage, #contentfeedback, #contentbulletinboard, #contentbuysell, #contentjobs, #contentquestionnaire, #contentnews, #contentevents, #contentdocmeta, #contentsearch { background: #FFFFFF; margin: 0 20 0 20; /*width: 100%;*/ }

#updated { font-size: 80%; }
#footer { font-size:80%; background: #EEEEFF; text-align:center; padding:5px 5px 5px 5px; }/*cccccc*/
#breadcrumbs { color: #000099; padding-left:10px; padding-top:5px; padding-bottom: 5px; font-size: 80%; border:0; background: #EEEEFF; }
#breadcrumbs a { text-decoration:none; }
#searchnav { background: #86888B; text-align:right; padding:5px 5px 5px 5px; margin:0;}/*padding:0;*/
.breadcrumbsearch { color: #000099; padding-left:10px; padding-top:5px; padding-bottom: 5px; padding-right:10px; font-size: 80%; border-bottom: 0px solid #dddddd; background: #FFFFFF; margin:0; }
.small { font-size: 80%; }

/*banner*/
.HOWISbannerbackground {background: #33B0D8; font-size: 100%; color: #FFFFFF; font-weight: bold; text-decoration:none;}
.bannerbg {background-image: url(../images/45banner.jpg) }
/* Navigational areas: layout */
#lefthandpane { width: 150; background: #FFFFFF; }
#lefthandpane table { width: 150; margin: 5 15 5 3; }
#spacer { width: 20; }
#spacer2 { width: 20; }
#righthandpane { width: 150; background: #FFFFFF; }
#righthandpane table { width: 150; margin: 5 3 5 15; }

/*Default Elements*/
/* Navigational areas - latest news */
.navnews {color: black; font-size: 70%; font-family: Arial, Helvetica, sans-serif;}
.navnews table {background: #FFFFFF;}
.navnews td {background: #EEEEFF; color: #000099; font-size: 70%; font-family: Arial, Helvetica, sans-serif;
	border-width: 1px; border-color: #9C089C #9C089C #9C089C #9C089C; border-style:solid;}
.navnews .head {font-weight: bold; font-size: 110%;}
.navnews .title {background: #EEEEFF; font-size: 90%; color: #000099; font-weight: bold;}
.navnews .title a {background: #EEEEFF; font-size: 90%; color: #000099; font-weight: bold;}
.navnews .date {font-size: 100%; color: #0000FF; font-weight: bold;}
.navnews A {text-decoration: none; color: #000099;}
.navnews A:hover {text-decoration: underline;} 

/* Navigational areas: events, hot topics etc */
.nav {color: white; font-size: 70%; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
.nav table {background: #000099;}
.nav td {background: #EEEEFF; color: #000099; font-size: 70%; font-family: Arial, Helvetica, sans-serif;
	}
.nav .head {font-weight: bold; font-size: 110%;}
.nav .title {background: #EEEEFF; font-size: 90%; font-weight: bold;}
.nav A {text-decoration: none; background: #EEEEFF; color: #000099; font-weight: bold;}
.nav A:hover {text-decoration: underline;} 

/* Navigational areas: links from this page, this page in Welsh etc */
.links {color: #000099; font-size: 70%; font-family: Arial, Helvetica, sans-serif;}
.links table {background: #EEEEFF;}
.links td {background: #EEEEFF; color: #000099; font-size: 70%; font-family: Arial, Helvetica, sans-serif;
	border-width: 1px; border-color: #720572 #9C089C #9C089C #720572; border-style:solid;}
.links .head {font-weight: bold; font-size: 110%;}
.links .title {background: #EEEEFF; font-size: 90%; font-weight: bold;}
.links A {text-decoration: none; color: #000099;}
.links A:hover {text-decoration: underline;} 

/*Plugin Elements*/
/* Corrects positioning for plugins since they don't inherit the table/div margins that the other plugins use */
#lefthandpane #navPlace, #lefthandpane #quicklinks, #lefthandpane .updatedList { width: 150px; margin-right:13px; }
#righthandpane #navPlace, #righthandpane #quicklinks, #righthandpane .updatedList { width: 150px; margin-left:13px; }

/* Updated.cfm */
.updatedList { list-style: none; margin: 3px; padding: 0px; background: #EEEEFF;
	color: #000099; font-size: 110%; font-family: Arial, Helvetica, sans-serif;}
.updatedList li { border-width: 1px; border-color: #720572 #9C089C #9C089C #720572; border-style:solid;
	margin: 1px 0; padding: 3px;}
.updatedTitle { background: #EEEEFF; font-weight: bold; font-size: 120%;}
.updatedItem  { background: #EEEEFF; }
.updatedItem A 		 {text-decoration: none; color: #000099; font-weight: bold;}
.updatedItem A:hover {text-decoration: underline;}

/* shortcuts.cfm */
#righthandpane #quicklinks { width: 155px; margin-left: 13px; padding-bottom: 5px;}
#lefthandpane #quicklinks { width: 155px; margin-right: 13px; padding-bottom: 5px;}
#quicklinks {margin-top: 5px;}
#quicklinks ul {margin:0; padding:0 3px 0 3px; list-style-type: none; font-family: Arial, Helvetica, sans-serif; color: #000099;} 
#quicklinks ul .shortcutarea {padding:0;}
#quicklinks li {margin: 0;}
#quicklinks .titletxt {padding: 4px 4px 4px 4px; display: block; font-size: 90%;}
#quicklinks a {display: block; /*width:146px;*/ padding: 2px 2px 2px 0px; background: #EEEEFF;
	border-width: 1px; border-style: solid; border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;  font-size: 90%; font-weight: bold; text-decoration: none;}
#quicklinks a:link, #quicklinks a:active { color: #000099; font-weight: bold; /*width:148px;*/}
#quicklinks a:visited { color: #000099; font-weight: bold; /*width:148px;*/}
#quicklinks a:hover { border-width: 1px; border-style: solid; border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF; color: #000099; background: #EEEEFF; /*width:148px;*/ text-decoration: underline;}
#quicklinks .qtitle { font-weight:bold; margin:0px 0px 0px 0px; display: block; /*width:100%;*/ background: #EEEEFF; font-size:110%; color: #000099;
	border-width: 1px; border-style: solid; border-color: #9C089C #9C089C #9C089C #9C089C;}
	
/*#lefthandpane #quicklinks { width:150px; margin-right: 15px;}
#righthandpane #quicklinks { width:150px; margin-left: 15px;}
#quicklinks {margin-top: 5px;}
#quicklinks ul {margin:0px; padding:0px; list-style-type: none; font-family: Arial, Helvetica, sans-serif; background-color:#bee3f2;} 
#quicklinks .shortcutarea {border-width: 0px;}
#quicklinks li {margin: 0px; font-weight: bold; margin-bottom: 1px;}
#quicklinks .titletxt {padding: 4px; display: block; font-size: 110%; background-color:#005BA3; border-width: 1px; border-color: #005BA3 #9ED6EC #9ED6EC #005BA3; border-style:solid; color: white;}
#quicklinks a {display: block; width:auto; padding: 2px 2px 2px 3px; background: #BEE3F2;
	border-width: 1px; border-style: solid; border-color: #005BA3 #003A6A #005BA3 #003A6A; font-size: 90%;text-decoration: none; font-weight: bold; }
#quicklinks a:link, #quicklinks a:active { color: #005BA3;}
#quicklinks a:visited { color: #005BA3;}
#quicklinks a:hover { color: white; background: #E5392D; text-decoration: none; }*/
	
/* IE Fix (every other browser ignores properties with underscores before them) */
#quicklinks a {_width:100%; _padding-left: 3px;}
#quicklinks .qtitle {_width:100%;}
	
/* 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: #EEEEEE; border:1px solid #DDDDDD; }

/* Jobs - Also uses .label as defined above */
.jobhead { background: #CCCCCC; }
.jobrow1 { background: #EEEEEE; }
.jobrow2 { background: #FFFFFF; }
.jobtitle { font-weight:bold; color: #009CCE; }

/* Search */
.searchtype { background: #EEEEEE; 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: #009CCE;}

/* 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%; color:#ffffff; font-weight:bold; background: #009CCE; }
.newspages { background: #D4D5D5; }
.newspages A { color: black; }

/* Events list */
.eventsnav td { font-size:70%; font-weight:bold; background: #009CCE; }
.eventspages { background: #595B5E; }
.eventspages A { color: black; }

/* Search */
.searchtype { font-size: 100%; font-weight:bold; color:#ffffff; background: #009CCE; margin: 8 5 2 0; padding: 2 5 2 5; }
.searchtypeleft {font-size: 100%; font-weight:bold; color:#ffffff; background: #009CCE; margin: 8 5 2 0; padding: 2 5 2 5; }
.searchtyperight {font-size: 80%; font-weight:bold; color:#ffffff ; background: #009CCE; 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, #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: white; background-color: #009CCE;}
.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%;}

#FormArea { background: #FFFFFF; padding:0 5 0 5; }
#FormTitle { font-size: 110%; font-weight::normal; padding-top: 10px; color: #009CCE; margin-bottom:10px; }
.ErrText { color: #CC0000; font-size: 70%; font-weight:bold; }

.messagetitle { font-size: 100%; font-weight:: normal; color : #720572; margin-bottom:10px; }
.messagetext, .contenttext { color: #000000; font-size: 80%; }
.contentlabel { font-weight: bold ;  color : #009CCE; }

/* LIST TREE NAVIGATION */
#listtree {color: white; font-size: 90%; font-family: Arial, Helvetica, sans-serif; width:150px; margin: 5px 15px 5px 3px;}
#listtree .title {background-color: #EEEEFF; font-weight: bold; font-size: 120%; padding: 4px; color: #000099; /*width: 100%;*/ border-color: #0A0174 #0A0174 #0A0174 #0A0174; border-width: 1px; border-style: solid; margin: 1px;}
#listtree p, #listtree li {margin: 2px 0px; color: #000099;}
#listtree ul {margin-top: 0px; margin-bottom: 0px; list-style-type: disc; margin-left: 10px; padding-left: 5px;}
#listtree li li {color: #0000FF;}
#listtree li li a {color: #0000FF;}
#listtree li li a:hover {color: #0000FF;}
#listtree A {text-decoration: none; color: #000099;font-weight: bold;}
#listtree A:hover {text-decoration: underline; color: #000099;font-weight: bold;}
#listtree .item {padding: 2px 3px 3px 3px; color: black; font-family: Arial, Helvetica, sans-serif; font-weight: bold; 
	 font-size: 100%; border-color: #0A0174 #0A0174 #0A0174 #0A0174; border-width: 1px; border-style: solid; margin: 1px; background-color: #EEEEFF;}

/*NAVIGATION ELEMENTS*/
/*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: #009CCE;}*/

/* menu navigation bar - main menu bg 
div.menuBarlhs {background-color: #FFFFFF; text-align: left; width:150px; margin: 5px 3px 0 3px; /*border-width: 0px; border-color: #CA8C8C #9C089C #9C089C #CA8C8C; border-style:solid;}
div.menuBarlhs td {font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; color: #9C089C; }*/

/* menu navigation - main menu links 
div.menuBarlhs a.menuButton {background-color: #D4EFF7; color: #9C089C; left: 0px; position: relative; text-decoration: none; top: 0px; z-index: 100; padding: 3px; display: block;}
div.menuBarlhs a.menuButton:hover {background-color: #9C089C; color: #D4EFF7;}
div.menuBarlhs a.menuButtonActive {color: #9C089C;}
div.menuBarlhs a.menuButtonActive:hover {color: #D4EFF7; }*/

/* menu navigation - sub menus 
div.menu {font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; color: #9C089C; background-color: #D4EFF7; left: 0px; position: absolute; top: 0px; visibility: hidden; z-index: 101; font-size: 100%; border-width: 0px; border-color: #9C089C; border-style: solid;}*/

/* menu navigation - menu items links 
div.menu a.menuItem, div.menu span.menuItem {background-color: #D4EFF7; color: #9C089C; cursor: default; display: block; text-decoration: none; white-space: nowrap; padding: 3px 1em; border: 2px;}
div.menu a.menuItem:hover, div.menu a.menuItemHighlight {background-color: #9C089C; color: #D4EFF7;}
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 #9C089C; border-bottom: 1px solid black; margin: 4px 2px;}*/