/* CSS Document */

/* colour notes  */
/*
primary hbsc grey/black #222E3B
primary hbsc blue #00B5DD
hbsc highlight #D2007A
hbsc green #97BF0D
hbsc yellow #F6A924
hbsc purple #8685BB
hbsc mid blue #98BBDB
hbsc pale blue #ccf2fa

darkened pale blue #bce0e7

hbsc dark end of gradient #455560


*/

/* --------------------- section begins ------------------------- */
/* basic tag definitions for use on site */

body, p {
	font-family: "Futura, Tahoma, san-serif";
	font-family: "Fedra Sans Condensed Book";
	font-stretch: normal;
	font-size: 1.1em;
	color: #222E3B;
	font-weight: normal;
}

a, a:visited, a:link {
	text-decoration: none;
	color: #D2007A;
}

a:hover {
	text-decoration: underline;
	color: #D2007A;
}

img, a img {
	border: 2px;
}

hr {
	
	background: url(/images/css/hbsc_banner_gradient.jpg) no-repeat;
    border: none;
    height: 20px;

		
}

/* --------------------- section begins ------------------------- */
/* webfont defined fonts */
.Fedra_Sans_Condensed_Light {
font-family: "Fedra Sans Condensed Light";
font-style: normal;
font-weight: normal;
font-stretch: normal;
}
.Fedra_Sans_Condensed_Book {
font-family: "Fedra Sans Condensed Book";
font-style: normal;
font-weight: normal;
font-stretch: normal;
}
.Fedra_Sans_Condensed_Demi {
font-family: "Fedra Sans Condensed Demi";
font-style: normal;
font-weight: normal;
font-stretch: normal;
}
.Fedra_Sans_Condensed_Bold {
font-family: "Fedra Sans Condensed Bold";
font-style: normal;
font-weight: normal;
font-stretch: normal;
}

.italic {
font-style: italic;
}

.bold {
font-weight: bold;
}







/* --------------------- section begins ------------------------- */
/* this section defines an area around the 960 content block 
   it adds 10px left and right of 960 
   and makes a top and bottom region
   these may be filled with (eg) shadow images to define the perimiter of the page
*/

.container_12_plus, .container_16_plus {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	background: url('/images/css/grad_sides.jpg') repeat-y;
}

.container_12_plus_prepage, .container_16_plus_prepage {
	width: 980px;
	background: #FFF;
	
}

.container_12_plus_top, .container_16_plus_top {
	width: 980px;
	background: url('/images/css/grad_top.jpg') bottom no-repeat #FFF;
	height: 6px;
	
}
.container_12_plus_base, .container_16_plus_base {
	width: 980px;
	background: url('/images/css/grad_base.jpg') top no-repeat #FFF;
}

/* --------------------- section begins ------------------------- */
/* class definitions for main branding use on site */
.HBSC_maintitle {
	position: absolute; 
	bottom: -156px;
	
}



.bannerBG {
	background:url(/images/css/hbsc_banner_1.jpg) no-repeat;
	height: 160px;
	color: #FFF;
	
}

.bannerBG h1 .microspace {
	letter-spacing:3px;
}
.bannerBG h1 {
font-size: 20px;
font-family: "Fedra Sans Condensed Bold";
font-style: normal;
font-weight: normal;
font-stretch: normal;
letter-spacing:1px;
margin-top:0px;
margin-bottom:-6px;
}
.bannerBG h2 {
font-size: 15px;
font-family: "Fedra Sans Condensed Demi";
font-style: normal;
font-weight: normal;
font-stretch: normal;
margin-top:0px;
margin-bottom:0px;
}

/* --------------------- section begins ------------------------- */
/* class definitions for general use on site */

.topspace {
	margin-top: 10px;
}


.pageArea {
	background-color: #FFF;
	font-size: 0.9em;
	line-height: normal;	
}

.pageArea h1, .pageArea h2, .pageArea h3, .pageArea h4, .pageArea h5, .pageArea h6 {
	color: #00B5DD;
	font-family: "Fedra Sans Condensed Demi";
}

.pageArea h1 {
	 
	margin:20px -10px 0px -10px;
	padding: 4px 2px 0px 10px;
	
	color: #F6A924;
}

.pageArea h2 {
	line-height: 1.1em;
}

.footer {
	margin-top:30px;
	padding-top: 10px;
	height: 36px;
	font-size: 11px;
}

.footer a,  .footer a:visited{
	
}

.newsTitle h2 {
	color: #6ec55b;
}

.knockbackHeading {
	font-weight: normal;
	color: #a1d995;
font-size:0.75em;	
}


.smallText {
	font-size: 0.8em;	
}
.rightText {
	text-align: right;
}

.centerText {
	text-align: center;
	
}

.highlight {
	background-color:#FFFF00;
}

.imageRight {
	float:right;
	margin-left:10px;	
}


.imageLeft {
	float:left;
	margin-right:10px;	
}

.hbsc_text_highlight {
	background-color: #F6A924;
}

.white a, .white div {
color: #ffffff;
}