/* tag selectors */
<STYLE type="text/css">




a {
	color : #3399FF;
}

a em {
	font-style : normal;
	text-decoration : underline;
}

a:hover {
	text-decoration : underline;
}


.content a[href]:after
 {
   content: " (" attr(href) ") ";
   font-size: 90%;
   }

.content a[href^="/"]:after {
content: " (brentbrain.org.uk" attr(href) ") ";
   }


body {
	font-size : 80%;
	margin : 0;
	padding : 0;
	text-align : left;
}

LABEL {
	font-size: 85%;
	font-family: Arial;
	font-weight: 900;
	text-decoration : none;

}

div.byline {
	background-color : #FF9900;
	border-bottom : 1px solid #000000;
	margin : 0;
	padding : 0;
	text-align : right;
	Position: Absolute; 
	Top:128px; 
	Left:0px;
	Width: 749;
}

form {
	margin : 0;
	padding : 0;
}


img {
	border : 0;
	vertical-align : middle;
}

a img {
	border : 0;
}

/* classes */

.additlinks {
	margin-top : 20px;
}

.additlinks ul {
	list-style-type : none;
	margin : 0;
	padding : 0;
}

#subnav .additlinks ul li a {
	color : #015CB7;
	font-weight : bold;
}

.title {
	display : block;
	width : 50%;
	float : left;
	margin-bottom : 20px;
	border-bottom : 1px dotted #B2B2B2;
	padding-bottom : 5px;
}

.diary {
	font-weight : bold;
	color : #FF66CE;
}

.date {
	text-align : right;
}
.breakout {
	background-color : #F0F0F0;
	background-image : url("images/breakoutbody_bg.gif");
	background-position : bottom right;
	background-repeat : no-repeat;
	margin-bottom : 30px;
	padding-bottom : 20px;
}

.breakout h3 {
	background-color : #015CB7;
	background-image : url("images/breakouthead_bg.gif");
	background-position : top right;
	background-repeat : no-repeat;
	color : #FFFFFF;
	font-size : 110%;
	margin : 0;
	padding : 1px 10px 1px 10px;
}

.breakout p {
	margin : 10px 10px 4px 10px;
	padding : 0;
}

.breakout .textbox {
	width : 120px;
}

.divider {
	color : #3399FF;
}

.event {
	margin-bottom : 2px;
}

.event h3 {
	font-size : 110%;
	margin-top : 0px;
	margin-bottom : 0;
}

.event p {
	margin : 0;
}

.event p.eventdate {
	margin-bottom : 7px;
}

.event div {
	margin-top : 10px;
	padding : 0;
}

.floated {
	float : left;
	width : 232px;
}

.thinfloated {
	float : left;
	width : 157px;
}

.hidden {
	display : none;
}

.sectionhead {
	font-size : 180%;
	font-weight : bold;
}

.articlesectionhead {
	font-size : 130%;
	font-weight : bold;
	margin-top : 10px;
	padding : 4px 0px 4px 0px;
}

.subsectionhead {
	font-size : 130%;
	font-weight : bold;
	margin-top : 0;
	padding : 4px 0px 4px 0px;
}

.left {
	margin-right : 20px;
}

.right {
	text-align : right;
	margin-left: 20px;
	padding-top : 20px;
}

.list ul li a {
	color : #000000;
	text-decoration : underline;
}

.list div {
	border-top : 2px solid #015CB7;
}

.list h3 {
	background-color : #015CB7;
	background-image : url("images/listhead_bg.gif");
	background-position : top right;
	background-repeat : no-repeat;
	color : #FFFFFF;
	display : inline;
	font-size : 110%;
	padding-left : 10px;
	padding-right : 30px;
	width : auto !important;
	width /**/:140px;
}

.list li {
	margin-bottom : 3px;
}

.list ul {
	list-style-image : url("images/bullet.gif");
	margin-bottom : 20px;
	margin-left : 25px;
	margin-top : 5px !important;
	margin-top /**/:0px;
	padding-bottom : 0px;
	padding-left : 0px;
}

.list p {
	margin-top : 10px;
	margin-bottom : 20px;
}

.item {
	margin-bottom : 10px;
	clear : both;
}

.item .fieldhead {
	font-weight : bold;
	margin-bottom : 2px;
}

.item .field {
	border-top : 1px solid #66CDCC;
	background-color : #EBEBEB;
	padding : 2px;
}

.halfsize {
	width : 236px;
	float : left;
	clear : none;
}

.picfeature, .smallpicfeature, .subpicfeature {
	clear : both;
	margin-bottom : 30px;
}

.smallpicfeature {
	margin-bottom : 15px;
}

.subpicfeature {
	margin-bottom : 0px;
}

.picfeature div, .smallpicfeature div, .subpicfeature div, .event div {
	text-align : right;
}

.picfeature div a,  .smallpicfeature div a, .subpicfeature div a, .event div a {
	background-image : url("images/link_arrow_grey.gif");
	background-position : right center;
	background-repeat : no-repeat;
	border-bottom : 1px dotted #B2B2B2;
	border-top : 1px dotted #B2B2B2;
	color : #3267FF;
	padding-left : 10px;
	padding-right : 20px;
	text-decoration : none;
	width : auto !important;
	width /**/:95px;
}

.picfeature div a:hover , .smallpicfeature div a:hover, .subpicfeature div a:hover, .event div a:hover {
	text-decoration : none;
	background-image : url("images/link_arrow.gif");
}

.picfeature h3, .subpicfeature h3 {
	color : #015CB7;
	font-size : 125%;
	margin-bottom : 3px;
	margin-top : 0px;
	padding-bottom : 0px;
	padding-top : 0px;
}

.subpicfeature h3 {
	color : #000;
	font-size : 95%;
	padding-top : 3px;
	padding-bottom : 3px;
}

.smallpicfeature h3 {
	font-size : 100%;
	margin-bottom : 14px;
	margin-top : 0px;
	padding-bottom : 3px;
	padding-top : 3px;
	border-top : 1px dotted #B2B2B2;
}

.picfeature img, .smallpicfeature img, .subpicfeature img {
	float : left;
	margin-right : 10px;
}

.picfeature p, .smallpicfeature p, .subpicfeature p {
	margin-top : 0px;
	padding-top : 0px;
}

.smallpicfeature p {
	margin-bottom : 8px;
}

.seperator {
	border-bottom : 1px dotted #B2B2B2;
	font-size : 1%;
	margin-bottom : 15px;
}

.subseperator {
	border-bottom : 1px dotted #B2B2B2;
	font-size : 1%;
	margin-bottom : 10px;
	margin-top : 10px;
}

.submitaslink {
	background-color : transparent;
	border : 0;
	color : #0000FF;
	margin-left : -10px;
	padding : 0;
}

h3.sectionhead {
	margin-top : 0;
	padding-top : 0;
	padding-bottom : 4px;
	margin-bottom : 4px;
}

.breakoutsection {
	margin-top : 20px;
}

.tabs ul {
	margin : 0;
	padding : 0;
	margin-top : 20px;
	position : relative;
	top : 1px;
}

.tabs ul li {
	display : inline;
}

.tabs img {
	border : 0;
}

.dir #tabbody {
	border : 1px solid #66CDCC;
	border-width : 0px 1px 1px 1px; 
	padding : 10px;
}

/* ids */

#printutils {
	border-bottom : 1px dotted #E0E0E0;
	padding-bottom : 10px;
	margin-bottom : 15px;
}

#bottomprintutils {
	border-top : 1px dotted #E0E0E0;
	padding-top : 10px;
	margin-top : 15px;
}

#printutils img, #bottomprintutils img {
	border : 0;
}

#printutils .emailbtn, #bottomprintutils .emailbtn {
	margin-left : 264px;
}

#breadcrumb {
display: none; 
}

#breadcrumb a {
	color : #000;
	text-decoration : none;
}

#breadcrumb a:hover {
	text-decoration : underline;
}

#date {
	margin-top : -1.8em;
	position : absolute;
	right : 20px;
	width: auto !important;
   width /**/:200px;

}

#flow {
	float : left;
	padding : 20px 30px 20px 20px;
	width : 485px !important;
	width /**/:535px;
}

#flowsubnav {
	float : left;
	padding : 20px 30px 20px 30px;
	width : 335px !important;
	width /**/:395px;
}

#flownosidebar {
	float : left;
	padding : 20px 50px 20px 30px;
	width : 515px !important;
	width /**/:595px;
}

#eventbar  {
	border-bottom : 1px dotted #B2B2B2;
	border-top : 1px dotted #B2B2B2;
	margin-top : 20px;
	margin-bottom : 10px;
	clear : both;

}

#eventbar form {
	padding : 0;
	margin : 0;
}

#eventbar p {
	margin-top : 5px;
	margin-bottom : 5px;
}

#eventbar label {
	font-weight : bold;
	display : block;
	margin-bottom : 3px;
}

#subflowsubnav  {
	float : left;
	padding : 20px 30px 20px 30px;
	width : 335px !important;
	width /**/:395px;
}

#subflowsubnav p {
	padding : 0px 0px 10px 0px;
	margin : 0px;
}

#subnav {
	float : left;
	padding : 75px 0px 20px 20px;
	background-position : top center;
	background-repeat : no-repeat;
	width : 120px !important;
	width /**/:140px;
}

#subnav a.on {
	text-decoration : none;
	font-weight : bold;
}

#subnav ul {
	border-top : 1px dotted #B2B2B2;
	padding : 0;
	padding-top : 10px;
	list-style-position : inside;
	margin : 0;
}

#subnav ul li {
	padding-bottom : 3px;
}

#subnav ul li a {
	color : #000;
	text-decoration : underline;
}

#footer {
display: none;
}

#footer a {
	color : #4C4C4C;
	text-decoration : none;
}

#footer a:hover {
	text-decoration : underline;
}

#housekeepinglinks {
	color : #4C4C4C;
	font-size : 85%;
	left : 20px;
	margin : 0;
	position : absolute;
	top : 7px;
}

#housekeepinglinks a {
	color : #4C4C4C;
	text-decoration : none;
}

#housekeepinglinks a:hover {
	text-decoration : underline;
}

#main {
	border : 1px solid #B2B2B2;
	border-top-width : 0px;
	margin : auto;
	position : relative;
	text-align : left;
	width : 749px; 
}

#navigation ul {
display: none;
}

#navigation ul li {
	display : inline;
}

#navigation ul li a {
	background-color : #3399FF;
	border : 1px solid #000000;
	border-color : #FFFFFF #000000 #000000 #FFFFFF;
	color : #FFFFFF;
	display : block;
	float : left;
	font-size : 90%;
	font-weight : bold;
	padding-bottom : 2px;
	padding-top : 2px;
	text-align : center;
	text-decoration : none;
	width : 106px !important;
	width /**/:107px;
}

#navigation ul li a:hover {
	background-color : #0B63BC;
}

#search {
	position : absolute;
	right : 40px;
	text-align : right;
	top : 5px;
}

#search label {
	display : none;
}

#searchsub {
	background-color : #99CCFF;
	border : 2px solid #3399FF;
	color : #0B63BC;
	font-size : 85%;
	font-weight : bold;
	margin-top : 2px;
}

#sidebar {
	float : left;
	padding : 20px 0px 20px 0px;
	width : 195px;
}

.subbtn {
	background-image : url("images/go_btn.gif");
	border : 0;
	margin : 0;
	height : 19px;
	width : 31px;
	margin-top : 1px;
	font-weight : bold;
	vertical-align : top;
}

.spaced {
	margin-left : 10px;
}

.btnright {
	text-align : right;
}


.emailbtn {
	margin-left : 100px;
}

.emailbtn img, .printbtn img {
	border : 0;
}

/* section color variations */

.health #linkhealth {
	border : 1px solid #000;
	border-color :#67CD33 #000 #000 #67CB33;
	background-color : #67CB33;
	color : #000;
}

.health #linkhealth:hover {
	background-color : #67CB33;
}

.health .list div {
	border-top : 2px solid #67CB33;
}

.health .list h3 {
	background-color : #67CB33;
	background-image : url("images/listhead_bg_health.gif");
}

.health .sectionhead {
	border-bottom : 4px solid #67CD33;
}

.health .subsectionhead {
	border-top : 4px solid #67CD33;
	border-bottom : 1px solid #67CD33;
}

.health .articlesectionhead {
	border-top : 1px solid #67CD33;
	border-bottom : 1px solid #67CD33;
}

.health .smallpicfeature h3 {
	border-bottom : 1px solid #67CD33;
}

.health #subnav {
	background-image : url("images/section_sample_icon.gif");
}

.health #subnav ul {
	color : #67CD33;
}

/* safety */

.safety #linksafe {
	border : 1px solid #000;
	border-color :#0C9 #000 #000 #0C9;
	background-color : #0C9;
	color : #000;
}

.safety #linksafe:hover {
	background-color : #0C9;
}

.safety .list div {
	border-top : 2px solid #0C9;
}

.safety .list h3 {
	background-color : #0C9;
	background-image : url("images/listhead_bg_safety.gif");
}

.safety .sectionhead {
	border-bottom : 4px solid #0C9;
}

.safety .subsectionhead {
	border-top : 4px solid #0C9;
	border-bottom : 1px solid #0C9;
}

.safety .articlesectionhead {
	border-top : 1px solid #0C9;
	border-bottom : 1px solid #0C9;
}

.safety .smallpicfeature h3 {
	border-bottom : 1px solid #0C9;
}

.safety #subnav {
	background-image : url("images/section_sample_icon.gif");
}

.safety #subnav ul {
	color : #0C9;
}

/* enjoying */

.enjoying #linkenj {
	border : 1px solid #000;
	border-color :#FF6634 #000 #000 #FF6634;
	color : #000;
	background-color : #FF6634;
}

.enjoying #linkenj:hover {
	background-color : #FF6634;
}

.enjoying .list div {
	border-top : 2px solid #FF6634;
}

.enjoying .list h3 {
	background-color : #FF6634;
	background-image : url("images/listhead_bg_enjoying.gif");
}

.enjoying .sectionhead {
	border-bottom : 4px solid #FF6634;
}

.enjoying .subsectionhead {
	border-top : 4px solid #FF6634;
	border-bottom : 1px solid #FF6634;
}

.enjoying .articlesectionhead {
	border-top : 1px solid #FF6634;
	border-bottom : 1px solid #FF6634;
}

.enjoying .smallpicfeature h3 {
	border-bottom : 1px solid #FF6634;
}

.enjoying #subnav {
	background-image : url("images/section_sample_icon.gif");
}

.enjoying #subnav ul {
	color : #FF6634;
}

/* working */

.working #linkwork {
	border : 1px solid #000;
	border-color :#9966CB #000 #000 #9966CB;
	color : #000;
	background-color : #9966CB;
}

.working #linkwork:hover {
	background-color : #9966CB;
}

.working .list div {
	border-top : 2px solid #9966CB;
}

.working .list h3 {
	background-color : #9966CB;
	background-image : url("images/listhead_bg_working.gif");
}

.working .sectionhead {
	border-bottom : 4px solid #9966CB;
}

.working .subsectionhead {
	border-top : 4px solid #9966CB;
	border-bottom : 1px solid #9966CB;
}

.working .articlesectionhead {
	border-top : 1px solid #9966CB;
	border-bottom : 1px solid #9966CB;
}

.working .smallpicfeature h3 {
	border-bottom : 1px solid #9966CB;
}

.working #subnav {
	background-image : url("images/section_sample_icon.gif");
}

.working #subnav ul {
	color : #9966CB;
}

/* living */

.living #linkliving {
	border : 1px solid #000;
	border-color :#32CCFE #000 #000 #32CCFE;
	color : #000;
	background-color : #32CCFE;
}

.living #linkliving:hover {
	background-color : #32CCFE;
}

.living .list div {
	border-top : 2px solid #32CCFE;
}

.living .list h3 {
	background-color : #32CCFE;
	background-image : url("images/listhead_bg_living.gif");
}

.living .sectionhead {
	border-bottom : 4px solid #32CCFE;
}

.living .subsectionhead {
	border-top : 4px solid #32CCFE;
	border-bottom : 1px solid #32CCFE;
}

.living .articlesectionhead {
	border-top : 1px solid #32CCFE;
	border-bottom : 1px solid #32CCFE;
}

.living .smallpicfeature h3 {
	border-bottom : 1px solid #32CCFE;
}

.living #subnav {
	background-image : url("images/section_sample_icon.gif");
}

.living #subnav ul {
	color : #32CCFE;
}


/* news */

.news #linknews {
	border : 1px solid #000;
	border-color :#FF66CE #000 #000 #FF66CE;
	color : #000;
	background-color : #FF66CE;
}

.news #linknews:hover {
	background-color : #FF66CE;
}

.news .list div {
	border-top : 2px solid #FF66CE;
}

.news .list h3 {
	background-color : #FF66CE;
	background-image : url("images/listhead_bg_news.gif");
}

.news .sectionhead {
	border-bottom : 4px solid #FF66CE;
}

.news  .subsectionhead {
	border-top : 4px solid #FF66CE;
	border-bottom : 1px solid #FF66CE;
}

.news  .articlesectionhead {
	border-top : 1px solid #FF66CE;
	border-bottom : 1px solid #FF66CE;
}

.news .month {
	color : #FF66CE;
	font-size : 120%;
	border-bottom : 1px solid #FF66CE;
	margin-top :5px;
	margin-bottom : 10px;
}

.news #subnav {
	background-image : url("images/section_sample_icon.gif");
}

.news #subnav ul {
	color : #FF66CE;
}

/* dir */

.dir #linkdir {
	border : 1px solid #000;
	border-color :#66CDCC #000 #000 #66CDCC;
	color : #000;
	background-color : #66CDCC;
}

.dir #linkdir:hover {
	background-color : #66CDCC;
}

.dir .list div {
	border-top : 2px solid #66CDCC;
}

.dir .list h3 {
	background-color : #66CDCC;
	background-image : url("images/listhead_bg_dir.gif");
}

.dir .sectionhead {
	border-bottom : 4px solid #66CDCC;
}

.dir  .subsectionhead {
	border-top : 4px solid #66CDCC;
	border-bottom : 1px solid #66CDCC;
}

.dir  .articlesectionhead {
	border-top : 1px solid #66CDCC;
	border-bottom : 1px solid #66CDCC;
}

.dir .smallpicfeature h3 {
	border-bottom : 1px solid #66CDCC;
}

.dir #subnav {
	background-image : url("images/section_sample_icon.gif");
}

.dir #subnav ul {
	color : #66CDCC;
}

/* tag selectors added by Riva */

.noprint{display:none;visibility:hidden;}

#noprint {
	Display: none;
	Visibility: Hidden;
}

#noprint #pagecontent{display:block;visibility:visible;}

#pagecontent{display:block;visibility:visible;}


#errorpage {
	Position: Absolute;
	Top: 200px;
	Left: 25px;
	Width: 700px;
	Text-Align;Center;
	Border: 0px solid blue;
}

#editpage {
	Position: Absolute;
	Top: 0px;
	Left: 20px;
	Width: 600px;
	Border: 0px solid blue;
}

#readpage {
	Position: Absolute;
	Top: 0px;
	Left: 20px;
	Width: 600px;
	Border: 0px solid blue;
}

#completeoutline {
	Border: 1px solid #339999;
}

#outline {
	Border: 1px solid #339999;
}

#readmore {
	Height: 18px;
	Color:Blue;
	Background-Color:White;
	font-size: 85%;
	font-family: Arial;
	text-align: right;
	text-decoration : none;
	Border:0px;
	Border-Top:1px dotted blue;
	Border-Bottom:1px dotted blue;
}

.IPTitle1 {
	font-size: 100%;
	font-family: Arial, Verdana, Helvetica;
	font-weight: 900;
	color: #CC3333;
}

.errortext {
	color:red;
	font-size: 85%;
	font-family: Arial;
	font-weight: 900
}

.tableheader {
	Border:0;
	Left: 0px;
	Width: 600px;
	Border-Top: 3px solid #66CDCC;
	Padding: 3px;
}

.tablenormal {
	Border:0;
	Left: 0px;
	Width: 600px;
	Padding: 3px;
}

.tableedit {
	Width: 700px;
}

.tdsection {
	Border:0;
	Border-Top: 1px solid #66CDCC;
	Border-Bottom: 1px solid #66CDCC;
}
.tdrightsplit {
	Border:0;
	Border-Right: thin dotted #66CDCC;
}

.tdleftsplit {
	Border:0;
	Border-Left: thin dotted #66CDCC;
}

.tdreadcontent {
	Border:0;
	Border-Top: 1px solid #339999;
	Width:100%;
	Background-Color: #EBEBEB;
	font-size: 85%;
}

.viewdates {
	Color: #339999;
	Font-Size:85%;
	Font-Weight: 900;
}

.viewcategory {
	Color: Black;
	Font-Size:85%;
	Font-Weight: 900;
}

.show-division {
	Visibility: visible; 
	Display: ;
}

.hide-division {
	Visibility: visible; 
	Display: ;
}

#leftmenu {
display: none;
}

#rightmenu {
display: none;
}

</STYLE>
