/* The Herefordshire Partnership
		Site re-design 2007
		Base Stylesheet */
		
/* colourways
	D.GREEN #00746B
	M.GREEN #479F9A
	L.GREEN #AEDBD9
	D.CYAN #00ABBC
	M.CYAN #53C6D3
	L.CYAN #CEEFF2
	D.PURPLE #25247B
	M.PURPLE #6964A2
	L.PURPLE #DBDAE9
	D.RED #C5341C
	M.RED #DA7F5E
	L.RED #F2D2C6
	D.YELLOW #FCAF17
	M.YELLOW #FECC7A
	L.YELLOW #FFEBCA
	D.ORANGE #DF771C
	M.ORANGE #EDA76C
	L.ORANGE #F9DFCA
*/

html *{  /* master reset trick */
	margin: 0px;
	padding: 0px;
}

body{
	font-size: 0.70em;
	font-family: Arial, Helvetica, sans-serif;
	background: #FFF url(pageBG.gif) repeat-x top left;;
}
img { border: none; }
p{
	font-size: 1.0em;
	margin: 0px 16px 6px 0px;
}
h1{
	color: #2B5BB6;
	font-size: large;
}
h2{
	color: #00746B;
	font-size: medium;
	padding-top: 1%;
}
h3{
	color: #000;
	font-size: small;
	padding-top: 1%;
}
a { text-decoration: underline; color: #f90; /*color: #FCAF17;*/}
a:link, a.visited{ color:#F90; }
a:hover, a:active{ color: #00746B ; }
ul{
	margin-left: 32px;
}
em{
 font-family: Verdana, Arial, sans-serif;
 font-style: italic;
 font-weight: bold;
 color: #444;
}
acronym{
 border-bottom: 1px dotted #666;
 cursor: hand;
}

/* *** Page Structure Styles ******************** */
body {
}

#pageEnvelope{
	margin: 0 auto;
	width: 780px; /*935px*/
	background-color: #FFF;
	border: 1px solid #00746B;
}
#pageHeader{
	height: 80px;
   	border-bottom: 1px solid #00746B;
}
#pageHeader img{
	float: right;
	margin: 18px 14px 0 0;
}
#pageHeader h2.tagline {
	font-family: Arial, Helvetica, sans-serif;
	color: #00746B;	
	padding: 0; margin: 0;
	margin-left: 16px;
	margin-top: -15px;
	font-size: 2.2em;
	font-weight: normal;
}
#barMenu { /* :-)*/
	height: 66px;
	min-height: 66px;
	background-color: #479F9A;
	border-bottom: 2px solid #FFCF01;
	background-color: #479F9A; /* base theme */
}

#pageWrap{
	border-top: 1px solid #00746B;
	width: 100%;
}
#navMenuWrap {
	float: left;
	width: 216px;
}
#pageContent{
	float: left;
	display: inline;
	position: relative;
	width: 560px;
	font-size: 120%;
}
#contentBody {
	margin-top: 2px;
	padding: 12px 0 48px 0;
	border-top: 2px solid #FFF; /* applies colour border on themed home page only */
	clear: both;
}
#secondaryNavMenuWrap {
	float: right;
	width: 170px;
	padding: 12px 10px 0 10px;
}

/* *** Horiz Menu Bar **************** */
#barMenu #Col1 {
	float: left;
	width: 200px;
	height: 66px;
	min-height: 66px;
	padding-left: 16px;
	background: url(bgHorizMenuCol1.gif) repeat-x;
}
#barMenu #searchBox {
	height: 32px;
	min-height: 32px;
	margin-top: 4px;
	vertical-align: middle;
}
#barMenu #searchBox input.searchField {
	color: #00746B;
	font-size: x-small;
	padding: 5px 2px 2px 2px;
	width: 154px;
	border: 1px solid #00746B;
}
#barMenu #searchBox .btnSearch { }
#barMenu #searchHelp {
	position: relative;
	color: #00746B;
	text-align: right;
	margin-right: 18px;
	padding-right: 28px;
	margin-top: 14px;
	margin-bottom: 0px;
	background: transparent url(icoSearchHelp.gif) no-repeat right top;
	height: 20px;
	min-height: 20px;
}
#barMenu #searchHelp a {
	padding-top: 2px;
	color: #00746B;
	text-decoration: none;
}
#barMenu #searchHelp a:hover, #barMenu #searchHelp a:active { color: #FFF; text-decoration: underline; }

#barMenu #Col2 {
	background: url(bgHorizMenuCol2.gif) repeat-x;
	margin-left: 201px;
}
#barMenu #infoLinks{
	height: 32px;
	/*min-height: 32px;*/
}
#barMenu #infoLinks #whoLink{
	float: right;
	width: 128px;
	height: 32px;
	/*min-height: 32px;*/
	background: url(bgInfoLink1.gif) no-repeat top right;
}
#barMenu #infoLinks #whatLink{
	float: right;
	width: 128px;
	height: 32px;
	/*min-height: 32px;*/
	background: url(bgInfoLink2.gif) no-repeat top right;
}
#barMenu #infoLinks .inner {
	padding: 9px 0 3px 24px;
}

#barMenu #infoLinks a{ text-decoration: none; font-size: 1.1em; }
#barMenu #infoLinks #whoLink a { color: #FFF; }
#barMenu #infoLinks #whatLink a { color: #00746B; }
#barMenu #infoLinks a:hover{ text-decoration: underline; }

#barMenu #title {
	float: left;
	display: inline;
	padding-top: 2px;
}
#barMenu #title h2{
	color: #FFF;
	font-size: 1.8em;
	font-weight: normal;
	letter-spacing: 0.02em;
	padding-left: 14px;
}
#barMenu #today {
	float: right;
	display: inline;
	color: #FFF;
	padding: 9px 12px 0 0;
}

/* *** Navigation ******************** */
#navMenu{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	width: 200px;
	padding-bottom: 15px;
}
#navMenu ul {
	list-style-type: none;
	text-align: left;
	margin: 18px 0 0 0;
}
#navMenu li{
	padding-left: 16px;
}
#navMenu li.selected { background: url(bgNavSelected.gif) no-repeat top left; }
#navMenu li a {
	width: 100%;
	color: #00746B;
	font-weight: bold;
	background-color: transparent;
	display: block;
	padding: 9px 0;
	margin: 0;
	text-decoration: none;
	border-top: #00746B 1px solid;
}
#navMenu li a:link{
	text-decoration: none;
}
#navMenu li a:visited{
	text-decoration: none;
}
#navMenu li a:active{
	text-decoration: none;
}
#navMenu li a:hover {
	color: #00746B;
	background-color: #DBEFEE ;
}

#navMenu li.sectionNav {}
#navMenu li.subsectionNav a { font-weight: normal; border: none; }
#navMenu li.subsubsectionNav a { 
	font-weight: normal;
	border: none;
	padding-left: 16px;
	width: 90%;
}
#navMenu li.subsubsectionNav a.selected_sub { 
	background: url(bgNavSelected_sub.gif) no-repeat top left;
}

#quickLinks{ width: 200px; padding-bottom: 1em; }
#quickLinks h2{
	color: #FCAF17;
	font-size: 1.1em;
	letter-spacing: 0.1em;
	font-weight: bold;
	padding-left: 16px; 
	margin: 12px 0 0 0;
}
#quickLinks ul {
	list-style-type: none;
	text-align: left;
	margin: 3px 0 0 0;
	padding: 0;
}
#quickLinks li{ margin: 0; padding:0; padding-left: 16px; }
* html #quickLinks li { height: 1px; } /* IE6 only */
#quickLinks li a {
	color: #00746B;
	background: url(linkBG.gif) transparent no-repeat 0px 6px;
	display: block;
	margin: 0;
	padding: 9px 0 9px 24px;
	text-decoration: none;
	border-top: #E6F4F3 1px solid;
}
#quickLinks li a:link, #quickLinks li a:visited { text-decoration: none; }
#quickLinks li a:active, #quickLinks li a:hover { color: #00746B; text-decoration: underline; }

/* 2009 edit */ 
#imgLinks { width: 200px; padding-bottom: 1em; }
#imgLinks img { padding-left: 16px; padding-bottom: 1em; }

#eventImgs { width: 160px; padding: 1em 0; }
#eventImgs img { margin-top: 5px; border: 1px solid #00746B; }


#pageFooter{
	border-top: 1px solid #00746B;
}
#footerBar{
	padding-left: 16px;
	color: #FCAF17;
	background-color: transparent;
	line-height: 0.9em;
	padding-top: 12px;
	padding-bottom: 12px;
}
#footerBar a:link, #pageFooter a:visited {
	color: #DF771C;
	text-decoration: none;
}
#footerBar a:hover, #footerBar a:active {
	color: #666666;
	text-decoration: underline;
}
#closingFooter{
	padding-left: 16px;
	font-size: x-small;
	line-height: 0.9em;
	color: #666;
}
.hpGreen { color: #00746B; }

/* *** Content Styles ************************* */
/* 2009 edit */
#masthead{
	float: left;
	margin: 0;
	padding: 12px;
	width: 346px;
	background-color: #E6F4F3;
}
#masthead #col1 {
	float: left;
	position: relative;
	display: inline;
	width: 70%;
}

#masthead #hotTopics {
	float: right;
	position: relative;
	display: inline;
	width: 30%;
}

/* 2009 edit */
#masthead #hotTopics h3, #secondaryNavMenuWrap #hotTopics h3 { color: #FCAF17; border-bottom: 1px solid #00746B; padding-bottom: 3px; }
#masthead #hotTopics p{ padding:0; margin: 0 0 0 24px; font-size: x-small; }
#masthead #hotTopics li { padding: 2px 0; border-bottom: 1px solid #00746B; }

#masthead ul, #secondaryNavMenuWrap ul { list-style: none; margin:0;}
#masthead li { padding: 6px 0;}
#masthead a, #secondaryNavMenuWrap a { position: relative; background: url(linkBG_green.gif) transparent no-repeat; padding: 3px 0 6px 24px; display: block;}
#secondaryNavMenuWrap a img { margin-top: -1px; margin-left: -23px; border: none 0;}

/* 2009 edit */
#secondaryNavMenuWrap ul { list-style: none; margin:0;}
#secondaryNavMenuWrap a { position: relative; background: url(linkBG.gif) transparent no-repeat; padding: 3px 0 6px 24px; display: block;}

#themeBox { width: 100%; }
#themeBox h2 { color: #00746B; }
#themeBox #themePic {
	float: left;
	display: inline;
	width: 55%;
}
#themeBox #themePic img { border:1px solid #00746B; }
/* 2009 edit */
#themeBox #themeText {
	text-align: justify;
	clear: both;
}

#contentBody .colLeft { float: left; width: 65%; padding-right: 5%; }
#contentBody .colRight { float: left; width: 30%; }

.newsItem {padding: 0 12px;}
.newsItem a { text-decoration: none; }
.newsItem a:hover, newsItem a:active { text-decoration: underline; }

#featureBox { margin: 6px 0 24px 0; padding-bottom: 6px; width: 90%;  border-bottom: 1px solid #00746B; }
#featureBox H3 { padding-bottom: 3px; margin-bottom: 6px; border-bottom: 1px solid #00746B; }
#featureBox a { background: url(linkBG.gif) transparent no-repeat; padding: 3px 0 6px 24px; }

#resourceBox { margin: 6px 0 24px 0; padding-bottom: 6px; width: 90%; }
#resourceBox H3 { padding-bottom: 2px; margin-bottom: 2px; border-bottom: 1px solid #00746B; }
#resourceBox ul { list-style: none; margin:0; }
#resourceBox li { padding: 2px 0; border-bottom: 1px solid #00746B; }
#resourceBox img {float: left; margin-top: 3px; }
#resourceBox a{ float: left; padding: 3px 0 0 6px; display: block; font-size: 0.9em}
#resourceBox p{ clear: left; margin: 0 0 0 24px; font-size: 0.9em; }
#resourceBox .resourceInfo {margin-left: 24px; font-size: 0.9em; color: #666; vertical-align: bottom; }
#resourceBox .resourceInfo .infoBox {float: left; display: inline-block;}
#resourceBox .resourceInfo p {margin: 0;}


#relatedLinks { margin-bottom: 36px; }
#relatedLinks h3 { position: relative; color: #FCAF17;  border-bottom: 1px solid #AEDBD9; }
#relatedLinks ul { list-style: none; margin: 0; }
#relatedLinks li { padding: 2px 0; }
#relatedLinks a{ background: url(linkBG.gif) transparent no-repeat; padding: 3px 0 6px 24px; display: block; position: relative;}
#relatedLinks p{ margin: 0 0 0 24px; font-size: 0.9em; }

.featureLink { margin-bottom: 1em;}
.featureLink h3 { position: relative; color: #FCAF17;  border-bottom: 1px solid #AEDBD9;}
.featureLink ul { list-style: none; margin:0; }
.featureLink li { padding: 6px 0;}
.featureLink a{ background: url(linkBG.gif) transparent no-repeat; padding: 3px 0 6px 24px; display: block; position: relative;}
.featureLink p{ margin: 0 0 0 24px; font-size: 0.9em; }


#pageFooter a.external{
	background: url(icoExternalFFF.gif) no-repeat top right;
	padding-right: 11px;
}
#pageFooter a.external:link, #pageFooter a.external:visited {
	text-decoration: none;
}
#pageFooter a.external:hover, #pageFooter a.external:active {
	text-decoration: underline;
}
/* *** Misc Styles *************************** */
a.external{
	padding-right: 11px;
	height: 1.0em;
	background: url(icoExternal.gif) no-repeat top right;
}
.breadCrumb{
	background-color: #FFF;
	font-size: 0.8em;
	color: #999;
	margin-bottom: 12px;
}
.breadCrumb a {
	text-decoration: underline;
	color:#999 ;
}
.breadCrumb a:hover{
	color: #2B5BB6;
}
.breadCrumb a:active{
	color: #2B5BB6;	
}

.clearFloat, .clearRight{
	display: block;
	float: none;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
	overflow: hidden;
}
.clearRight{ clear: right; }
.clearFloat{ clear: both; }
.hidden {
	height: 1px! important;
	left: -6000px! important;
	position: absolute! important;
	top: -6000px! important;
	width: 1px! important;
}

/* Feature Box Colours */
.featureGreen H3 { color: #00746B; border-bottom: 1px solid #00746B; }
.resourceBoxGreen H3 { color: #00746B; border-bottom: 1px solid #00746B; }

.featureBoxCyan H3 { color: #00ABBC; border-bottom: 1px solid #00746B; }
.resourceBoxCyan H3 { color: #00ABBC; border-bottom: 1px solid #00746B; }

.featureBoxPurple H3 { color: #25247B; border-bottom: 1px solid #00746B; }
.resourceBoxPurple H3 { color: #25247B; border-bottom: 1px solid #00746B; }

.featureBoxRed H3 { color: #C5341C; border-bottom: 1px solid #00746B; }
.resourceBoxRed H3 { color: #C5341C; border-bottom: 1px solid #00746B; }

.featureBoxYellow H3 { color: #FCAF17; border-bottom: 1px solid #00746B; }
.resourceBoxYellow H3 { color: #FCAF17; border-bottom: 1px solid #00746B; }

.featureBoxOrange H3 { color: #DF771C; border-bottom: 1px solid #00746B; }
.resourceBoxOrange H3 { color: #DF771C; border-bottom: 1px solid #00746B; }

/* Print Variant Style - added by Chris Brown 20080820 */
.printFriendly a { background: url(printer.gif) no-repeat left; padding-left: 25px; font-size: 0.8em;}

.returnToMainPage a { background: url(icoTop.gif) no-repeat left; padding-left: 25px; font-size: 0.8em;}