/* General HTML elements */
body {font-size:0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; background: #ffffff; color: #000000; margin:0px; }
td { font-size:0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; }	
h1 { font-size: 150%; font-weight:normal; color: #017695; padding-top: 10px; margin-bottom:10px; }
h2 { font-size: 130%; font-weight:normal; padding-top: 10px; color : #0180A5; margin-bottom:10px; }
h3 { font-size: 110%; font-weight:bold; padding-top: 10px; color : #0180A5; margin: 5px auto 2px; }
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, .nav p, .navnews p, .links p { margin:0px;}
a {text-decoration: underline; color: #017695; }
a:hover {color: #017695;}

/* Elements common to all LHB pages */
#page { margin: 0% 1% 0% 1%; border:0px solid #000000; background-color: #ffffff; }
#header	{font-weight:bold; font-size:200%; background:#A4D6E0; color: #000000; border-bottom: 2px solid #000000; }

/*RTE content input background*/
body#pagecontent {background-image: none; background-color: #fff;}
body#contentpage {background-image: none; background-color: #fff;}

/* Banner, logo */
.bannerhome { background: #FFFFFF; }
.banner { background: #FFFFFF; cursor: pointer; }
.backgroundleft {background-color : White;
	background-image : url(../images/34bgl2011.gif);
	background-repeat : repeat;}
.backgroundright {background-color : White;
	background-image : url(../images/34bgr2011.gif);
	background-repeat : repeat;}

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

#updated { font-size: 80%; }
#footer { font-size:80%; background: #D5F4FF; text-align:center; padding:5px; }/*cccccc*/
#breadcrumbs { color: #007E3C; padding-left:10px; padding-top:5px; padding-bottom: 5px; font-size: 80%; border: 0; background: #D5F4FF; }
#breadcrumbs a { text-decoration:none; }
#searchnav { background: #D5F4FF; text-align:right; padding:5px; margin:0px;}/*padding:0;*/
.breadcrumbsearch { color: #007E3C; padding-left:10px; padding-top:5px; padding-bottom: 5px; padding-right:10px; font-size: 80%; border-width: 0px; border-color: #CCE9FF #D5F4FF #7BA8D7 #D5F4FF; border-style:solid;  background: #D5F4FF; margin:0; }
.small { font-size: 80%; }

#skipnav {padding: 0px 6px 5px 6px; border-bottom: solid 0px #006699;}
#skipnav a {text-decoration: none; color:#007E3C; font-size:80%;}
#skipnav a:hover {text-decoration: underline;}


/* Navigational areas: layout */
#lefthandpane { width: 150px; background: #FFFFFF; }
#lefthandpane table { width: 150px; margin: 5px 15px 5px 3px; }
#spacer { width: 20px; }
#spacer2 { width: 20px; }
#righthandpane { width: 150px; background: #FFFFFF; }
#righthandpane table { width: 150px; margin: 5px 3px 5px 15px; }

/*Default Elements*/
/* Navigational areas - latest news */
.navnews {color: black; font-size: 70%; font-family: Arial, Helvetica, sans-serif;}
.navnews table {background: #D5F4FF;}
.navnews td {background: #D5F4FF; color: #017695; font-size: 70%; font-family: Arial, Helvetica, sans-serif;
	border-width: 1px; border-color: #A4D6E0; border-style:solid;}
.navnews .head {font-weight: bold; font-size: 110%;}
.navnews .title {background: #D5F4FF; font-size: 90%; color: #017695; font-weight: bold;}
.navnews .title A {text-decoration: none; color: #017695;}
.navnews .date {font-size: 90%; color: #007C4A;}
.navnews A {text-decoration: none; color: #017695;}
.navnews A:hover {text-decoration: underline; color: #017695;} 

/* Navigational areas: events, hot topics etc */
.nav {color: #007C4A; font-size: 70%; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
.nav table {background: #D5F4FF;}
.nav td {background: #D5F4FF; color: #000; font-size: 70%; font-family: Arial, Helvetica, sans-serif;
	border-width: 1px; border-color: #A4D6E0; border-style:solid;}
.nav .head {font-weight: bold; font-size: 110%;}
.nav .title {background: #D5F4FF; color: #017695; font-size: 90%; font-weight: bold;}
.nav A {text-decoration: none; color: #007C4A; 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: #0180A5;}
.links td {background: #0180A5; color: #fff; font-size: 70%; font-family: Arial, Helvetica, sans-serif;
	border-width: 1px; border-color: #A4D6E0; border-style:solid;}
.links .head {font-weight: bold; font-size: 110%;}
.links .title {background: #0180A5; font-size: 90%; font-weight: bold;}
.links A {text-decoration: none; color: #fff;}
.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: #006698;
	color: white; font-size: 110%; font-family: Arial, Helvetica, sans-serif;}
.updatedList li { border-width: 1px; border-color: #A4D6E0; border-style:solid;
	margin: 1px 0; padding: 3px;}
.updatedTitle { background: #939905; font-weight: bold; font-size: 120%;}
.updatedItem  { background: #006698; }
.updatedItem A 		 {text-decoration: none; color: white; font-weight: bold;}
.updatedItem A:hover {text-decoration: underline;}

/* Navigational areas: Shortcuts */
#righthandpane #quicklinks { width: 155px; margin-left: 13px; }
#lefthandpane #quicklinks { width: 155px; margin-right: 13px; }
#quicklinks ul {margin:0px; padding:0px 3px; list-style-type: none; font-family: Arial, Helvetica, sans-serif; color:#017695;} 
#quicklinks ul .shortcutarea {padding:0px;}
#quicklinks li {margin: 0px; font-weight: bold;}
#quicklinks .titletxt {padding: 4px 4px 4px 4px; display: block; font-size: 110%;}
#quicklinks a {display: block; width:auto; padding: 2px 2px 2px 3px; background: #D5F4FF;
	border-width: 1px; border-style: solid; border-color: #A4D6E0; font-weight: normal; font-size: 90%;text-decoration: none; font-weight: bold; }
#quicklinks a:link, #quicklinks a:active { color: #017695;}
#quicklinks a:visited { color: #017695;}
#quicklinks a:hover { border-width: 1px; border-style: solid; border-color: v; color: white; background: #017695; text-decoration: none; }
#quicklinks .qtitle { font-weight:bold; margin:5px 0px 0px 0px; display: block; width:146px; background: #017695; font-size:100%; color: white; border-width:0.5px; border-style: solid; border-color: #A4D6E0;}

/* 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: #D5F4FF; 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: #CC0000; }

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

/* 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: #D5F4FF; }
.newspages { background: #D5F4FF; }
.newspages A { color: black; }

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

/* Search */
.searchtype { font-size: 100%; font-weight:bold; color:#0180A5; background: #D5F4FF; margin: 8px 5px 2px 0px; padding: 2px 5px; }
.searchtypeleft {font-size: 100%; font-weight:bold; color:#0180A5; background: #D5F4FF; margin: 8px 5px 2px 0px; padding: 2px 5px; }
.searchtyperight {font-size: 80%; font-weight:bold; color:#0180A5; background: #D5F4FF; margin: 8px 5px 2px 0px; 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; }


/* siteindex values */
.index {}
.indexheading {font-weight: bold; font-size: 120%; padding: 0pt 20pt; color: white; background-color: #0180A5;}
.indexlink { background: #FFFFFF; margin: 0px 20px;  }
.indexlink a {text-decoration: none; color: black;}
.indexlink a:hover {text-decoration: underline;}
.indexsmall {font-size: 80%;}

/*NAVIGATION*/
/* menu navigation bar - font defaults */
div.menuBar, div.menuBar a.menuButton, div.menu, div.menu a.menuItem {font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; color: #ffffff;}

/* menu navigation bar - main menu bg */
div.menuBar {background-color: #A4D6E0; text-align: left; border-width: 1px; border-color: #FFFFFF; border-style:solid;}
div.menuBar td {background-color: #0180A5;  font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; color: #fff; border-width: 1px; border-color: #A4D6E0; border-style:solid;cursor: pointer;}

/* menu navigation - main menu links */
div.menuBar a.menuButton {color: #ffffff; left: 0px; position: relative; text-decoration: none; top: 0px; z-index: 100; font-size: 85%;}
div.menuBar a.menuButton:hover {color: #ffffff;cursor: pointer;}
div.menuBar a.menuButtonActive, div.menuBar a.menuButtonActive:hover {color: #ffffff;}

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

/* menu navigation - menu items links */
div.menu a.menuItem, div.menu span.menuItem {background-color: #0180A5; color: white; cursor: default; display: block; text-decoration: none; white-space: nowrap; padding: 3px 1em; border: 1px;cursor: pointer;}
div.menu a.menuItem:hover, div.menu a.menuItemHighlight {background-color: #E8F9FF; color: #01759D;}
div.menu a.menuItem span.menuItemText {cursor: pointer;}
div.menu a.menuItem span.menuItemArrow { margin-right: -.75em;}

/* menu navigation - item separator - not currently used */
div.menu div.menuItemSep {border-top: 1px solid #A4D6E0; border-bottom: 1px solid #A4D6E0; margin: 4px 2px;}

/* sitemap values */
#sitemap { background: #fff; margin: 0 20 0 20;  }
#sitemap a {text-decoration: none; color: black;}
#sitemap a:hover {text-decoration: underline;}
#sitemap img {display: block;}
#sitemap .level1 {font-weight: bold; font-size: 90%; }
#sitemap .level2 {font-weight: normal; font-size: 90%; }
#sitemap .level3 {font-weight: normal; font-size: 80%; }
/* just to be sure */
#sitemap .level4 {font-weight: normal; font-size: 70%; }
#sitemap .level5 {font-weight: normal; font-size: 70%; }
#sitemap .level6 {font-weight: normal; font-size: 70%; }
#sitemap .level7 {font-weight: normal; font-size: 70%; }
#sitemap .level8 {font-weight: normal; font-size: 70%; }
#sitemap .level9 {font-weight: normal; font-size: 70%; }
#sitemap .level10 {font-weight: normal; font-size: 70%; }

/* Forums */
#contentforum { background: #fff; margin: 0 20 0 20;  }
#contentforum h1 { background: #fff; border-bottom: dashed 1px #BEBEBE;}
.fontmenu { font-size: 100%; }
.warning { font-size: 90%; color: #cc0000; }
.forumtable { background-color: #F3F3F3; } /* alter this colour to match site eg footer*/
.whiterow {background-color: #ffffff; border-bottom: dashed 1px #BEBEBE;}
.headerrow {background-color: #dddddd; }
.forumquote { font-family: Arial, Helvetica, sans-serif; font-size: 90%; font-weight: bold; color: #000000;} 
.forumheadertext { font-family: Arial, Helvetica, sans-serif; font-size: 90%; font-weight: bold; color: #000000;} 
.forumheaderprinttext { font-family: Arial, Helvetica, sans-serif; font-size: 90%; font-weight: bold; color: #000000;} 
.forumlisttext { font-family: Arial, Helvetica, sans-serif; font-size: 90%; color: #505050; border-bottom: 1px solid #BEBEBE;} 
.forumlistprinttext { font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #000000;} 		 
.forumlink {text-decoration:none; color: #505050;}		
.forumlink:hover {text-decoration:underline; color: #505050;}	
.forummessagelink {text-decoration:none; color: #000000; font-size: 100%;}
.forummessagelink:hover {text-decoration:underline; color: #000000; font-size: 100%;}
.winformbutton {font-family: "MS Shell Dlg"; font-size:80%; width: 8em; margin: 10 0 10 0;}
.winmainlegend{font-family: "MS Shell Dlg";	font-size:100%; margin-bottom: 5px; margin-top: 4px; color: #505050;}
.winlook {font-family: "MS Shell Dlg"; font-size: 70%; background: #ffffff; padding : 4 4 4 4;}
.winformtext {font-family: "MS Shell Dlg"; font-size: 70%;}

/*private area - pass key check bit*/
#passkeytable { font-size:110%; background: #E9E9EA; text-align:center; padding:15px 30px 5px 30px; } /* alter this colour to match site  eg footer*/
#passkeytable a { color : #505050; text-decoration:underline; }

/* Navigational areas - navPolls */
.navpoll {color: #000; font-size: 70%; font-family: Arial, Helvetica, sans-serif; border: 0px solid #AD0000; margin: 4px; }
.navpoll table {background: #F2F2F2;}
.navpoll td {background: #F2F2F2; color: #000; 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: #E9E9EA; font-size: 90%; color:  #505050; font-weight: bold;}
.navpoll .title a {background: #F2F2F2; font-size: 90%; color: #505050; font-weight: bold;}
.navpoll .date {font-size: 90%; color: #000; font-weight: bold;}
.navpoll A {text-decoration: none; color: #505050; font-weight: bold;}
.navpoll A:hover {text-decoration: underline;}