/* General HTML elements */
body { font-size:0.8em; margin:0px 0px 0px 0px; background: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; color: black; margin:0px;}
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: #0092A7; margin-bottom:10px; }
h2 { font-size: 130%; font-weight:normal; padding-top: 10px; color : #66BECA; margin-bottom:10px; }
h3 { font-size: 110%; font-weight:bold; padding-top: 10px; color: #0092A7; 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:1%; margin-right:1%; margin-top:2%; margin-bottom:2%; border:1px solid #0092A7; width: 100%;*/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: 0px; width: 100%; }
#updated { font-size: 80%; }
#footer { font-size:80%; background: #CCE9ED; text-align:center; padding:5px 5px 5px 5px; }/*cccccc*/
#breadcrumbs { color: #096775; padding-left:10px; padding-top:5px; padding-bottom: 5px; font-size: 80%; border:0; background: #CCE9ED; }
#breadcrumbs a { text-decoration:none; }
#searchnav { background: #86888B; text-align:right; padding:5px 5px 5px 5px; margin:0;}/*padding:0;*/
.breadcrumbsearch { color: #096775; padding-left:10px; padding-top:5px; padding-bottom: 5px; padding-right:10px; font-size: 80%; border-bottom: 1px solid #dddddd; background: #CCE9ED; margin:0; }
.small { font-size: 80%; }

#skipnav {padding: 0px 6px 5px 6px;}
#skipnav a {text-decoration: none; color:#000; font-size:80%;}
#skipnav a:hover {text-decoration: underline;}

.survey {background: #00829A; color: #fff; font-weight: bold; font-size: 90%; text-decoration:none; text-align: center; border-bottom: 2px solid #01ABCE; border-top: 2px solid #01ABCE; padding: 2px; margin-bottom: 5px;}
.survey a {color: #fff; text-decoration:underline;}

/* 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: #33A8B9;}
.navnews td {background: #66BECA; color: white; font-size: 70%; font-family: Arial, Helvetica, sans-serif;
	border-width: 1px; border-color: #096775 #CCE9ED #CCE9ED #096775; border-style:solid;}
.navnews .head {font-weight: bold; font-size: 110%;}
.navnews .title {background: #0092A7; font-size: 90%; color: #FFFFFF; font-weight: bold;}
.navnews .title a {background: #0092A7; font-size: 90%; color: #FFFFFF; font-weight: bold;}
.navnews .date {font-size: 90%; color: #FFFFFF;}
.navnews A {text-decoration: none; color: white;}
.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: #0092A7;}
.nav td {background: #0092A7; color: white; font-size: 70%; font-family: Arial, Helvetica, sans-serif;
	border-width: 1px; border-color: #096775 #99D3DC #99D3DC #096775; border-style:solid;}
.nav .head {font-weight: bold; font-size: 110%;}
.nav .title {background: #66BECA; font-size: 90%; font-weight: bold;}
.nav A {text-decoration: none; color: #FFFFFF; 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: #0092A7;}
.links td {background: #0092A7; color: white; font-size: 70%; font-family: Arial, Helvetica, sans-serif;
	border-width: 1px; border-color: #005B2E #66BECA #66BECA #005B2E; border-style:solid;}
.links .head {font-weight: bold; font-size: 110%;}
.links .title {background: #66BECA; font-size: 90%; font-weight: bold;}
.links A {text-decoration: none; color: white;}
.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: #66BECA;
	color: white; font-size: 110%; font-family: Arial, Helvetica, sans-serif;}
.updatedList li { border-width: 1px; border-color: #66BECA #66BECA #66BECA #66BECA; border-style:solid;
	margin: 1px 0; padding: 3px;}
.updatedTitle { background: #66BECA; font-weight: bold; font-size: 120%;}
.updatedItem  { background: #66BECA; }
.updatedItem A 		 {text-decoration: none; color: white; font-weight: bold;}
.updatedItem A:hover {text-decoration: underline;}

/* shortcuts.cfm */
#righthandpane #quicklinks { width: 155px; margin-left: 13px; }
#lefthandpane #quicklinks { width: 155px; margin-right: 13px; }
#quicklinks ul {margin:0; padding:0 3px 0 3px; list-style-type: none; font-family: Arial, Helvetica, sans-serif; color:white;} 
#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:134px; padding: 2px 2px 2px 8px; background: #66BECA;
	border-width: 1px; border-style: solid; border-color: #096775 #66BECA #66BECA #096775; font-weight: normal; font-size: 90%;font-weight: bold;}
#quicklinks a:link, #quicklinks a:active { color: #FFFFFF;font-weight: bold;}
#quicklinks a:visited { color: #FFFFFF; font-weight: bold;}
#quicklinks a:hover { border-width: 1px; border-style: solid; border-color: #096775 #B6B7B9 #B6B7B9 #096775; color: #FFFFFF; background: #33A8B9;}
#quicklinks .qtitle { font-weight:bold; margin:5px 0px 0px 0px; display: block; width:auto; background: #0092A7; font-size:110%;
	border-width: 2px; border-style: solid; border-color: #66BECA #096775 #096775 #66BECA;}
	
/* IE Fix (every other browser ignores properties with underscores before them) */
#quicklinks a {_width:146px; _padding-left: 10px;}
#quicklinks .qtitle {_width:150px;}
	
/* 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: #0092A7; }

/* 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: #0092A7;}

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

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

/* Search */
.searchtype { font-size: 100%; font-weight:bold; color:#ffffff; background: #0092A7; margin: 8 5 2 0; padding: 2 5 2 5; }
.searchtypeleft {font-size: 100%; font-weight:bold; color:#ffffff; background: #0092A7; margin: 8 5 2 0; padding: 2 5 2 5; }
.searchtyperight {font-size: 80%; font-weight:bold; color:#ffffff ; background: #0092A7; 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: #0092A7;}
.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: #0092A7; margin-bottom:10px; }
.ErrText { color: #CC0000; font-size: 70%; font-weight:bold; }

.messagetitle { font-size: 100%; font-weight:: normal; color : #005B2E; margin-bottom:10px; }
.messagetext, .contenttext { color: #000000; font-size: 80%; }
.contentlabel { font-weight: bold ;  color : #0092A7; }

/*NAVIGATION ELEMENTS*/
/* 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: #33A8B9; text-align: left;}
div.menuBar td {background-color: #0092A7;  font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; color: #ffffff; border-width: 2px; border-color: #99D3DC #096775 #096775 #99D3DC; border-style:solid;}

/* 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;}
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: #0092A7; left: 0px; position: absolute; top: 0px; visibility: hidden; z-index: 101; font-size: 85%; border-width: 1px; border-color: #0092A7 #0092A7 #0092A7 #0092A7; border-style: solid;}

/* menu navigation - menu items links */
div.menu a.menuItem, div.menu span.menuItem {background-color: #66BECA; color: white; 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: #0092A7; color: white;}
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 #909090; border-bottom: 1px solid #f0f0f0; margin: 4px 2px;}


/* HIW SPECIFIC */
.hiwmap {background-color: #CCE9ED; margin-bottom: 10px; font-size: 80%; width: 360px; float: right;
	border: 1px solid #666666;}
.hiwmap1 {border-width: 3px; border-style: solid; border-color: #ddf7f9 #bbe0e7 #bbe0e7 #ddf7f9; height: 100%; }
.hiwmap .title {font-weight: bold; font-size: 120%; text-align: center; padding: 6px;}
.hiwmap .item {padding: 6px;}
.hiwmap .item a {color: black; text-decoration: none;}
.hiwmap .item a:hover {text-decoration: underline;}
/*.hiwmap ul {list-style-image: url(../images/477/listpoint.gif); list-style-position: outside; margin-left: 14px; padding-left: 0px;}*/
.hiwmap ul { list-style-position: outside; margin-left: 14px; padding-left: 0px; margin-top: 5px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 0px;}
.hiwmap li { margin-left: 0px; padding-left: 0px;}


.field {font-weight:bold; color:#555555;}
.value {color:#222222}

.subbutton {width:250px;}

fieldset { border:2px solid #CCE9ED; padding: 1em;}