/* The Eye Care Wales - Internet*/

/* Page-wide HTML elements */
body { font-size:0.82em; margin:0px; font-family: Verdana, Arial, 'Helvetica Neue', sans-serif; color: #333; background: #fff;  line-height:200%;}
html { min-height: 100%; overflow: auto; /*background: #4FB2DC;*/}
h1 { font-size: 150%; font-weight: normal; color: #913076; margin: 10px 0px 16px 0px; }
h2 { font-size: 130%; font-weight: normal; color: #000000; margin: 10px 0px 5px 0px;  }
h3 { font-size: 130%; font-weight: normal;  padding-top: 10px; color: #000000; margin-bottom:5px; }
h4 { font-size: 130%; font-weight: normal;  padding-top: 10px; color: #000000; margin-bottom:5px;  }
h5 { font-size: 130%; font-weight: normal;  padding-top: 10px; color: #000000; margin-bottom:5px;  }
h6 { font-size: 130%; font-weight: normal;  padding-top: 10px; color: #000000; margin-bottom:5px;  }
h7 { font-size: 130%; font-weight: normal;  padding-top: 10px; color: #000000; margin-bottom:5px;  }
h8 { font-size: 130%; font-weight: normal;  padding-top: 10px; color: #000000; margin-bottom:5px;  }
h9 { font-size: 130%; font-weight: normal;  padding-top: 10px; color: #000000; margin-bottom:5px;  }
h10 { font-size: 130%; font-weight: normal;  padding-top: 10px; color: #000000; margin-bottom:5px;  }
input {font-size: 1em; background-color: #fff;}
a {text-decoration: none; color: #006CAC; outline: 0;}
a:hover {text-decoration: underline; outline: 0;}

/*RTE content input background*/
body#pagecontent {background-image: none; background-color:#fff;}
body#contentpage {background-image: none; background-color:#fff;}
#pagecontent {background-image: none; background-color:#fff;}

/*logged into cascade links*/
div#messages div#status a {color: #333;}

/* Page structure */
#wrapper2 {width: 100%; background: #fff; min-height: 700px;}
#wrapper {margin: auto; width: 960px; background: #fff; border: 0px solid #6AC2E8; }
#page { clear: both; background-color:#fff;}
#maincolsearch {clear: both; background: #fff;} 

 /*main column widths*/ 
.widecol {float: left; background: #fff; width: 720px;} 
.widecol #content {float: left; padding: 8px 10px 0px 10px;}
.narrowcol {width: 520px; padding: 8px 9px 0px 8px;}
.narrowcol h1 {font-size: 150%; font-weight: bold; color: #026AA2; margin: 0px 0px 16px 0px;}

/* main column widths */
.midwidth {width: 560px;}
.leftmidwidth {width: 640px;}
.midrightwidth {width: 560px; }
.fullwidth {width: 720px;}

/*HOMEPAGE COLS*/
#homeleftcol  {float: left; width: 690px;  padding: 0px 0px 0px 0px; margin: 0px;  background: #fff; } 
#homelefttop  {float: left; width: 690px;  padding: 0px 0px 0px 0px; margin: 0px; background: #fff; } 
#homeleftmid {float: left; width: 690px;  padding: 8px 0px 0px 0px; margin: 0px; background: #fff; }
#homeleftbot  {float: left;  width: 690px;  padding: 8px 0px 0px 0px; margin: 0px; background: #fff; }
#homerightcol {float: right; background: #fff; width: 250px; margin: 0px; padding: 0px 0px 0px 0px;}
#homerighttop {float: right; background: #fff; display: inline; width: 250px; margin: 0px; padding: 0px 0px 0px 0px; }
#homerightbot {float: right; background: #fff; display: inline; width: 250px; margin: 0px; padding: 0px 0px 0px 0px; }


/*SECONDARY PAGE COLS*/
#leftcol {float: left; width: 180px;  margin: 0px 5px 0px 0px; display: inline; background: #fff; border: 0px solid red;} 
#maincol {float: left; background: #fff; /*width: 720px;/*/  background: #fff;  border-bottom: 4px solid #EB9000;}
#rightcol {float: right; width: 200px;  margin: 0px; display: inline; background: #fff;  border: 0px solid pink;}
/*#maincol h1 {font-size: 150%; font-weight: bold; color: #333; margin: 8px 0px 5px 8px;  background: #fff; }*/


#updated {clear: both; padding: 10px 0px 0px 10px; color: #333;}

#topbar {background-color:#fff; padding-bottom: 10px; overflow: visible; margin: auto; width: 960px;}
#fontsize {float: left; color: #333; margin: 0 10px 0 0;}
#fontsize a {color: #333;}
.selectedfont {text-decoration: underline;}

div#breadcrumb { padding: 4px 0px; margin: 0 0 0 15px; font-size: 92%; color: #333; width: 580px;  float: left;}
div#breadcrumb a { text-decoration:none; color: #0078C1; width: 580px;}
div#breadcrumb a:hover {text-decoration: underline;} 

/* banner styles */
#browsertools {padding: 5px; overflow: auto; color: #333; zoom: 1; background-color:#fff; font-size: 100%;}
#browsertools a {color: #333; background-color:#fff; font-size: 100%;}
#browsertools li {float: left; padding: 0px; background-color:#fff;}

#banner {margin: 0px 0px; overflow: visable; clear: both; zoom: 1;}
#banner img#bannerimage{ float: right;}
#banner #sitename {text-indent: -9000px; float: left; display: block; }	
    
#searchtools { margin: 0px 0px 0px 0px; padding: 0px 4px 4px 4px; color: #333; overflow: auto; margin-bottom: 0px; zoom: 1;} 
#searchtools input {padding: 0px; font-size:90%; }
#searchtools input .button {font-size:90%; background-color: #fff; color: #333;}
#searchtools #search { float: right;  }
#searchtools #printtools { float: right; }

/* main content styles */
#content {background-color:#fff; padding: 0px; color: #333; min-height: 500px;}
#maincol #content p, #maincol #content div {line-height: 1.4em; padding: 0px; color: #333;}
#maincol ul, #maincol li {line-height: 1.4em; padding: 5px 6px; color: #333;}
#maincol #updated { font-size: 90%; color: #333;}

/* page content bullet lists*/
#maincol #pagecontent ul {color: #333; margin-right: 0px; padding-right: 0px; padding-top: 8px; }
#maincol #pagecontent li {list-style-type: disc; color: #333; padding: 0px 0px 4px 0px;  margin: 6px 10px;}

#socialbookmarks {border: 0px solid #CCCCCC;}
/*.tweet {margin-bottom: 25px;}*/


/*homepage rightcoltop - topics Top Right*/
#homerighttop .topics {color: #333; font-size: 95%; padding: 0px; border: 0px solid #FCE01D; clear: left; margin-bottom: 0px;}
#homerighttop .topics ul {margin:0; padding:5px 2px 0px 0px; list-style-type: none; background-color:#fff;  color:#fff; }
#homerighttop .topics li {width: 250px; padding: 0 0 15px 0; height: 100%; overflow: auto;}
#homerighttop .topics a {color:#287C0F; }
#homerighttop .topics a.title {font-size: 150%; font-weight: normal; color: #287C0F; float: right;	width: 175px; display: block;}
#homerighttop .topics .body {display: block; width: 175px; float: right; color: #333; font-size: 110%; padding: 4px 3px 0px 0px;} 
#homerighttop .topics .imageholder img {width: 65px; height: 65px; }
#homerighttop .imageholder {float: left; float: left;  display: block;}

/*homepage rightcolbot - topics Bottom Right*/
#homerightbot .topics {color: #333; font-size: 95%; padding: 8px; border: 2px solid #EB9000; margin-top: 0px;}
#homerightbot .topics h2 {color: #AB398B; font-size: 150%; font-weight: normal; background-color:#fff; margin: 0px; padding: 4px 0; }
#homerightbot .topics ul {margin:0; padding:5px 2px 0px 0px; list-style-type: none; background-color: #fff; color:#333;  }
#homerightbot .topics li {padding: 3px 0; border-bottom: 0px solid #ccc; height: 100%; overflow: auto;}
#homerightbot .topics a {color: #287C0F; }
#homerightbot .topics a.title {font-size: 115%; font-weight: normal; color: #287C0F; display: block; padding-bottom: 5px;}
#homerightbot .topics .body {display: inline; color: #333; font-size: 95%; padding: 0px 3px 0px 0px;} 

/*latest tweets on pages*/
#homerightbot .tweets {margin-top:10px; color: #333; margin-top: 5px;}
#homerightbot .latesttweets {font-size: 100%; padding: 5px; background: #fff; float: left; border: 2px solid #AB398B; margin-top: 20px;}
#homerightbot .latesttweets ul {padding-left: 3px; color: #006CAC;}
#homerightbot .latesttweets h2 {background: #fff; color: #006CAC; padding: 10px 0 0 0; margin: 0px; font-weight: normal;}
#homerightbot .tweet {color: #333; margin-top: 5px; }
#homerightbot .tweets a {color: #006CAC;}
#homerightbot .tweet .date {color: #398526; padding: 5px 0;}


/*pages right col - topics*/
#rightcol .topics {color: #333; font-size: 95%; padding: 5px; margin-bottom: 5px;}
#rightcol .topics h2 {color: #333; font-size: 140%; font-weight: bold; background-color:#fff; margin: 0px; padding: 4px 0;}
#rightcol .topics ul {margin:0; padding:0px 2px 0px 0px; list-style-type: none; background-color:#fff;  color: #333;  }
#rightcol .topics li {padding: 6px 0; border-bottom: 0px solid #ccc; height: 100%; overflow: auto; margin-bootom: 5px;}
#rightcol .topics a {color: #333; }
#rightcol .topics a.title {font-size: 105%; font-weight: normal; color: red; display: block; }
#rightcol .topics .body {display: inline; color: #333; font-size: 95%; padding: 0px 3px 0px 0px;} 
#rightcol .imageholder {float: left; clear: none; padding-right: 4px; height: 75px; width: 75px; /*padding-bottom: 5px;*/}

/*pages right col - topics*/
#rightmid .topics {color: #333; font-size: 95%; padding: 5px; margin-bottom: 5px; clear: left;}
#rightmid .topics h2 {color: #333; font-size: 140%; font-weight: bold; margin: 0px; padding: 4px 0;}
#rightmid .topics ul {margin:0; padding:0px; list-style-type: none; color: #333;  }
#rightmid .topics li {width: 200px;  padding: 8px 0 10px 0; /*background: #EB9001;*/ margin-bottom:8px; overflow: auto; margin-bootom: 5px;}
#rightmid .topics a {color: #333; }
#rightmid .topics a.title {font-size: 130%; font-weight: normal; color: #333; display: block; float: right; width: 130px;}
#rightmid .topics .body {visibility: hidden; display: block; width: 130px; float: right; color: #333; font-size: 95%; padding: 0px 3px 0px 0px;} 
#rightmid .imageholder {float: left; clear: none; padding: 3px; height: 72px; width: 60px; background: #EB9001; border-radius:9px; }

/*pages right col - topics*/
#rightbot .topics {color: #333; font-size: 95%; padding: 5px; margin-bottom: 5px; clear: left;}
#rightbot .topics h2 {color: #333; font-size: 140%; font-weight: bold;  margin: 0px; padding: 4px 0;}
#rightbot .topics ul {margin:0; padding:0px 2px 0px 0px; list-style-type: none;  color: #333;  }
#rightbot .topics li {width: 200px; padding: 8px 0 10px 0; border-bottom: 0px solid #ccc; height: 100%; overflow: auto; margin-bootom: 5px;}
#rightbot .topics a {color: #333; }
#rightbot .topics a.title {padding-top: 8px; font-size: 130%; font-weight: normal; color: #333; display: block; float: right; width: 130px;}
#rightbot .topics .body { visibility: hidden; display: block; width: 130px; float: right; color: #333; font-size: 100%; padding: 0px;} 
#rightbot .imageholder {float: left; clear: none; padding-right: 4px; height: 65px; width: 65px; /*padding-bottom: 5px;*/}


/* carousel */
#carousel {margin-top: 5px; padding: 0px 0px 0px 0px; position: relative; background: transparent url(../images/1082/carouselbg.jpg) top right no-repeat;}
#carouselimages {display: block; background: #6AC2E8;}
#carouselimages img { padding: 0px; margin: 0px; }
.pics {position: absolute; left: 0px; top: 0px; padding: 0px; margin: 0px; }
.pics img {border: 1px solid #2C8021; /*background-color: #3D3D3D;*/ top: 0px; left: 0px;}

#caption {z-index: 200; position: absolute; left: 200px; top: 0px; width: 490px; margin: 0px; }

#captiontext {z-index: 201; color: #fff; /*font-weight: bold; font-size: 13px;*/ position: absolute; left: 200px; overflow: auto; top: 0px; width: 490px;} 
#captiontext h2 {color: #fff; margin: 0px 5px 4px 0px; font-size: 140%;}
#captiontext h2 a {color: #fff; margin: 0px 5px 4px 0px; font-weight: normal;}
#captiontext div {margin: 10px; font-weight: normal; }

#control {z-index: 200; color: #fff; font-weight: bold; position: absolute; left: 200px; width: 488px; height: 140px; border: 0px solid #6AC2E8; margin: 2px; padding-bottom: 0px; }
#controltext {z-index: 201; color: #fff; font-weight: normal; float: left; position: absolute; left: 400px; padding: 6px; text-align: center;  }
#controltext a {color: #fff; text-decoration: none;}
#controltext ul {text-align: left;}

/* FOOTER  */
#footer { background-color:#fff; color: #333; font-size: 100%; text-align: center; clear: both; border-top: 0px solid #DEECF5; padding-top: 0px; margin-top: 0px;}
#footer a {color: #333; text-decoration: underline;}
#footer a:hover {color: #333; text-decoration: underline;}
#footer ul { padding: 10px; }
#footer #footerbase { /*background: transparent url(../images/829/footerbase.png) bottom no-repeat;*/ background-color:#fff; overflow: auto; zoom: 1; }
#footer li { display: inline;}

/*Right col default Plugins */
.nav {background-color:#fff; border-bottom: 4px solid #A93886; margin-bottom: 15px;}
.nav h2 {background: #fff; color: #A93886; font-size: 130%; font-weight: normal; margin: 0px; padding: 5px 5px 5px 5px; }
.nav ul {background-color:#fff; padding: 3px 5px;}
.nav li {padding: 2px 2px 3px 2px; color: #333; font-weight: normal; font-size: 100%; }
.nav a { text-decoration: none; color: #333; font-weight: normal;}
.nav a:hover {text-decoration: underline;}
.nav p {padding: 2px 2px 3px 2px; color: #333; font-weight: normal; font-size: 90%; }


/* feature styles */
#rightcol .features img {float: left; padding: 0px 10px 10px 0px;}
#rightcol .features li {display: block; clear: both; }

.small { font-size: 80%; }

/* navigation Secondary#018600*/
#navigation2bg { clear: both; font-size: 140%; background: #fff;  font-weight: bold; padding-left: 0px; }
#navigation2 { clear: both; background: #fff;  font-weight: normal; }
#navigation2 h2 {font-weight: normal; color: #398526; margin: 5px 0px 5px 0px;  }
#navigation2 a {text-decoration: none; color: #398526; text-align: left; }
#navigation2 a:hover {text-decoration: underline; }
#navigation2 ul { color: #398526; padding-top: 0px;}
#navigation2 ul li {list-style-type: none; color: #398526; padding: 6px 0 9px 0;   }
#navigation2 ul li ul {list-style-type: none; color: #398526;  margin-right: 0px; padding: 6px; font-size: 90%;}
#navigation2 ul li ul li { list-style-type: none; background-image: none; color: #398526; padding: 6px 3px 6px 0px; font-weight: normal; text-align: left; }
#navigation2 ul li ul a { color: #A93886; } 
#navigation2 .selected {text-decoration: underline; text-align: left; color: #006CAD;} 

/* navigation switchboard (on home page) */
div.switchboard {overflow: auto; padding-bottom: 0px; margin: 10px 0; font-size: 110%; font-weight: normal;}
div.switchboard2 {overflow: auto;}
div.switchblock1 {width: 335px; padding: 0 0 10px 0; min-height: 300px; _height: 300px; background: #0078C2 url('../images/1082/navbot.png') 0px bottom no-repeat;}
div.switchblock2 {background-color: #0078C2; width: 335px; padding: 0px; min-height: 300px; _height: 300px; background: #0078C2 url('../images/1082/navbot.png') 0px bottom no-repeat;}
#switchblock_1 {margin: 0 10px 0 0; float: left; }
#switchblock_2 {margin: 0 0 0 10px; float: right; }
div.switchblock1 ul {padding-bottom: 10px; }
div.switchblock2 ul {padding-bottom: 10px; }
div.switchblock2 li {list-style-type: none; display: block; padding: 10px 5px 7px 8px;}
div.switchblock2 li a {color: #fff; font-size: 120%; font-weight: normal;}
div.switchblock h2 { margin: 0px; padding: 13px 5px 6px 8px; font-weight: normal;/*font-weight: bold; letter-spacing: -1px;*/ font-size: 130%; background: #AB398B url('../images/1082/navtop.png') 0px 0px no-repeat;}
div#switchblock_1 h2 a {color: #fff; padding: 4px 0;}
div#switchblock_2 h2 a {color: #fff; padding: 4px 0;}

/*div.switchboard, div.switchboard2, div.switchblock, div.switchblock2 {zoom: 1;}
div#switchblock_3 h2 a {border-bottom: 2px solid #50AB7B; color: #50AB7B; padding: 4px 0;}
div#switchblock_4 h2 a {border-bottom: 2px solid #FF0033; color: #FF0033; padding: 4px 0;}
div#switchblock_5 h2 a {border-bottom: 2px solid #7D9EF0; color: #7D9EF0; padding: 4px 0;}
div#switchblock_6 h2 a {border-bottom: 2px solid #9F79F2; color: #9F79F2; padding: 4px 0;}*/

div.switchblock h2 a { display: block;} 

/*Homepage Grid*/
#homeleftbot .topicsgrid {float: left; width: 690px;}
#homeleftbot .topicsgrid h2 {font-size: 130%; font-weight: 500; color: #000; margin: 10px 0px 10px 5px;  }
#homeleftbot .topicsgridrow {clear: both; overflow: visible; border-bottom: 0px dotted #ccc; margin: 0px; zoom: 1;}
#homeleftbot .topicsgriditem {float: left; width: 330px; height: 130px; margin: 3px 6px 0px 6px; padding: 0px; /*background: #EB9000;*/background: transparent url('../images/1082/searchboxes.png') no-repeat; }
#homeleftbot .topicsgriditem .imageholder {float: left; margin: 0px; width: 60px; height: 72px; background: #EB9000; margin: 20px 5px 2px 10px;}
#homeleftbot .topicsgriditem .imageholder img { border: 0px solid #ccc;}
#homeleftbot .topicsgriditem .imageholder a {display: block;}
#homeleftbot .topicsgriditem .newsitem {margin-left: 110px; margin-bottom: 10px;}
#homeleftbot .topicsgriditem .title {font-size: 130%; font-weight: 500; color: #000; margin: 20px 3px 2px 5px; display: block;}
#homeleftbot .topicsgriditem .date { padding: 4px 0px; font-weight: normal; color: #000; font-size: 110%; }
#homeleftbot .topicsgriditem .body { padding: 5px 5px; clear: right; font-size: 110%; color: #000; }

/*NEWS PAGE - news Lists and News items*/
.listnav {background: #fff; padding: 10px 10px 10px 10px; overflow: auto; color: #333; text-align: center;} 
#maincolmiddle ul.listnavbuttons {background: #fff; font-size: 120%; color: #333; font-weight: normal; text-align: center; margin: 0px 0px 4px 0px;  }
.listnavbuttons a {color: #333; text-decoration: none; }
.listnavbuttons a:hover {text-decoration: underline;}
.prevnexttext {font-size: 120%; color: #333; font-weight: normal; padding-left: 0px; padding-bottom: 0px;
    text-align: center;}
.firstpage a {color: #333; font-size: 100%; }
.prevpage a {color: #333; font-size: 100%; }
.nextpage a {color: #333; font-size: 100%; } 
.lastpage a {color: #333; font-size: 100%; }
.active {color: #333; text-decoration: none;} 
.active a {color: #333; text-decoration: none; }
.active a:hover {text-decoration: underline;}

.newslist {font-size: 120%; color: #000000; font-weight: normal; padding-left: 0px; padding-bottom: 0px;}
.listitem ul {padding-bottom: 10px;}
.itemlist h2 { font-size: 130%; font-weight: normal; color: #333; margin: 0px 0px;}
.date {font-size: 90%; font-weight: normal; color: #398526 !important;  margin-bottom: 4px;}
.summary {font-size: 100%; color: #333; padding-bottom: 5px;}
.source {padding-top: 5px; padding-bottom: 3px;}
.firstpara {font-size: 100%; color: #333; padding-top: 5px;}

/* Forums */
.forumheadertext { font-size: 100%; font-weight: bold; color: #333; background-color:#fff;}  
.forumlisttext a {font-size: 100%;}
table.forumtable td {border-top: 1px dotted #ccc;}
table.forumtable .buttonbar {text-align: right; background-color:#fff; padding: 3px; border-top: 1px dotted #ccc;}
table.forumtable .buttonbar input { background-color:#fff; color: #333;}
table.forumtable .forumprintbuttonbar {text-align: right; background-color:#fff; padding: 5px; font-size:12px;}
table.forumtable .forumprintbuttonbar input {float:right; background-color:#fff; color: #333; padding:2px;}

/* A-Z LIST */
.azlist h2 {background-color:#fff; font-size: 120%; font-weight: normal; color: #A93886; padding: 0px 20px; border-bottom: 1px dotted #0078C2;}
.azlist ul li a {font-weight: normal; font-size: 100%; color: #398526; padding-left: 5px; }

/* Site Map */
/* sitemap values */
div.sitemap { margin-bottom: 20px; }
div.sitemap a {text-decoration: none;}
div.sitemap a:hover {text-decoration: underline;}
div.sitemap ul li a {font-weight: normal; font-size: 120%; color:#398526;}
div.sitemap ul li ul li a {font-weight: normal; font-size: 115%; color:#A93886;}
div.sitemap ul li ul li ul li a {font-weight: normal; font-size: 110%; color:#A93886;} 
div.sitemap ul li ul li ul li ul li a {font-size: 105%; color:#A93886;}


/* Document Library */
#documentsearch table {margin: 0px;}
#doclib {align: left;}
#doclib a {text-decoration: none; color: #333; }
#doclib a:hover {text-decoration: underline; color: #333;}
#doclib table {border-collapse: collapse; font-size: 100%; margin: 10px ;  }
#doclib table label {text-align: right; display: block;}
#doclib table select, table input, table textarea {font-size: 100%; }
#doclib table th, table td {padding: 6px 10px; vertical-align: top;}
#doclib table td {border-top: 1px solid #ccc;}
#doclib table th {background-color: #eee; text-align: left; font-size: 110%;}
#doclib table .buttonbar {text-align: right; background-color: #ddd; padding: 3px;}
#doclib table .buttonbar input { background-color: #333; color: #333;}
#doclib table .required {font-weight: bold; color: #f00;}

#keydocumentheading { font-weight:bold; padding-bottom: 15px;}
#documentheading { font-weight:bold; }
#sort { font-size: 80%; }
.keydocument {padding: 10px;}
.document { padding: 10px;}
.filesize { font-size: 80%; padding: 10px;}
.docdate {padding: 10px;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 2px;
    padding: 0px;
    margin: 3px 0px;}
td {padding-bottom: 5px; }
tr {padding-right: 5px;}
td img {vertical-align: middle;}

/* UNDER HERE IS OLD STUFF FOR COMPATIBILITY */

/* Latest News */
#newshead { border-left: 1px solid #DDDDDD; }
.latestdateline { font-weight:bold; font-size:85%; }
.latestnewstitle { font-size:100%; }
.latestnewssummary { font-size:90%; }
.morenews {}

/* 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: #333; background-color: #208dc1;}

/* 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-weight:bold; background: #208DC1; }
.newspages { background: #DAEFEE; }
.newspages A { color: black; }



/* Events list */
.eventsnav td { font-size:70%; font-weight:bold; background: #208DC1; }
.eventspages { background: #208DC1; }
.eventspages A { color: black; }

/* Search */
.searchtype { font-size: 100%; font-weight:bold; color:#333; background: #fff; margin: 8px 5px 2px 0px; padding: 2px 5px; }
.searchtypeleft {font-size: 100%; font-weight: bold; color: #333; background: #fff;  margin: 8px 5px 2px 0px; padding: 2px 5px;}
.searchtyperight {font-size: 80%; font-weight: bold; color: #333; background: #fff;  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: 0px 20px; color: #333; background-color:#fff;}
.indexlink { background: #fff; margin: 0px 20px;  }
.indexlink a {text-decoration: none; color: #333;}
.indexlink a:hover {text-decoration: underline;}
.indexsmall {font-size: 80%;}

#FormArea { background: #fff; padding:0px 5px; }
#FormTitle { font-size: 110%; font-weight:normal; padding-top: 10px; color: #333; margin-bottom:10px; }
.ErrText { color: #FF0033; font-size: 70%; font-weight:bold; }

/* Service search */
#servicesearch {}
#servicesearch label{font-size:88%; vertical-align:text-bottom; }
#searchdb .submitbutton{background: #DAEFEE; font-size: 112%; color: #333; font-weight: bold; text-align: center; padding: 0px 2px 0px 2px; float:right;  margin-bottom: 30px; filter:chroma(color=#000000);}
#searchdb select{width:100px; }
#searchdb #indentlabel{margin-left:50px;}
#searchdb .submitbutton:hover{background: #ebfFff; font-size: 112%; color: #888; }
#searchdb table td{padding:3px; vertical-align:middle;}
#servicesearch .tableservices{float:left; width:49%; }

#areamap{ float:left; margin-top: 15px; margin-bottom: 15px;}
#areamap .arealoctext{margin-bottom:10px;font-size:88%; }
#areamap .areaselect{float:left; width:49%; }
#areamap .areaflashmap{float:right; width:49%;  }
#areamap #orgcode {width: 180px;}
/* this was being overwritten somewhere, not sure where so have put this !important thing in to make text red */
.serviceerrmsg {margin-left:5px; color:red !important; font-weight:bold;}
#database #maintable .countyheading {color:#000; background-color: #ddd; padding:5px; font-weight:bold; font-size:110%; border:1px solid #ccc;}
#database #maintable h2{color:#000000; font-size:120%; }
#database #maintable h3{color:#000000; font-size:120%; background-color:#ebfFff;}
.searchlink{font-size:110%; background: #DAEFEE; width:100%; margin:5px;}
#database #maintable .moredets{float:right; margin-top:-20px; margin-right: 5px;}
.detsSubTitle {margin-top:10px; font-size:110%; font-weight:bold;}

#areadets{margin-bottom: 50px; margin-top: 140px;}
.distanceval{float:left; font-weight:bold; margin-top:0px; margin-right:10px;}
.distancetitle{margin-left: 100px;}
.distancecontact{margin-left: 100px;}
#jpSubmit{background: #DAEFEE; font-size:100%; font-weight:bolder; padding-left:2px; padding-right:2px; color: #111; filter:chroma(color=#000000);}
#jpSubmit:hover{background: #ebfFff; color: #888;}
#maintable #pctbl td{border-bottom: 1px solid #ccc; padding-top:10px; padding-bottom:10px;}

/*service search results pagination*/
.prevnextdiv { margin-right: 10px; padding-top: 0px; display: block; width:100%; margin-bottom:10px;}
.prevnextdiv img{padding-top:3px;}
.prevnextarrowsright {float:right;}
.prevnextarrowsleft {float:right;}
.prevnexttext { padding: 3px; vertical-align:text-top; float:right; font-size:105%;}


