/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins/tabs.css";
@import "lib/plugins/toggle1_comments.css";
@import "lib/plugins/toggle2_columns.css";





@font-face {
    font-family: 'CooperBlackRegular';
    src: url('http://www.brandon-centre.org.uk/themes/site_themes/bc/fonts/cooper_black-webfont.eot');
    src: url('http://www.brandon-centre.org.uk/themes/site_themes/bc/fonts/cooper_black-webfont.eot?iefix') format('eot'),
         url('http://www.brandon-centre.org.uk/themes/site_themes/bc/fonts/cooper_black-webfont.woff') format('woff'),
         url('http://www.brandon-centre.org.uk/themes/site_themes/bc/fonts/cooper_black-webfont.ttf') format('truetype'),
         url('http://www.brandon-centre.org.uk/themes/site_themes/bc/fonts/cooper_black-webfont.svg#webfont3LtwhrYh') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	/* This declaration targets Internet Explorer */
	font-family: 'RockwellBold';
	src: url('http://www.brandon-centre.org.uk/themes/site_themes/bc/fonts/rockwell_bold-webfont.eot');
}

@font-face {
	/* This declaration targets everything else */
	font-family: 'RockwellBold';
	src: url(//:) format('no404'), url('http://www.brandon-centre.org.uk/themes/site_themes/bc/fonts/rockwell_bold-webfont.woff') format('woff'), url('http://www.brandon-centre.org.uk/themes/site_themes/bc/fonts/rockwell_bold-webfont.ttf') format('truetype'), url('http://www.brandon-centre.org.uk/themes/site_themes/bc/fonts/rockwell_bold-webfont.svg#webfont6LbyjYiG') format('svg');
	font-weight: normal;
	font-style: normal;
}



/* Page
-------------------------------------------------------------- */


html {


}

body {
	margin-top: 0px;
	margin-left: 0px;
	background: #fff url(../stripe_BG.png) repeat;
}

#page {
	margin: 0 auto;
	width: 970px;
}



/* Header
-------------------------------------------------------------- */

#navtop {
	padding-top: 3px;
	float: right;
	height: 50px;
	width: 650px;
	text-align: right;
}
#navtop li {
	display: inline;
}

#header {
	margin-top: 0px;
	margin: 0;
	height: 115px;
	width: 100%;
	background: #fff url(../header.jpg) no-repeat 0px 0px;
}

#logo {
	float: left;
	width: 200px;height: 100px;
}

#navbar {
	margin-top: 0px;
	margin: 0;
	height: 78px;
	width: 100%;
	background: #fff url(../nav_slice.jpg) repeat-x 0px 0px;
}


/* Content
-------------------------------------------------------------- */


#content { float: left; width: 970px; min-height: 400px;}

#maincontent { float: left; width: 600px; min-height: 160px;padding: 0px;background: url(../bannerHome.gif) no-repeat 0px 0px;padding-top: 320px;}

#maincontenttext { float: left; width: 560px; min-height: 500px;padding: 20px;background-color: #fff; }

.parenting {background: #393;}
.multisystemic {background: #03f;}
.counselling {background: #c30;}
.contraception {background: #c06;}
.about {background: #84afb3;}
.contact {background: #996;}
.info {background: #d7d5fd;}

.whiteBG {background: #fff;}

.homeBG {background: #84afb3;}


.landingcontent { float: left; width: 400px; min-height: 70px;margin-right: 30px;margin-bottom: 0px;margin-top: -15px;
padding: 20px;padding-top: 30px;padding-right: 150px;background:  url(../paper.png) no-repeat 0px 0px;

}

#rightcontent { float: left; width: 370px;  }

#subnavlinks { float: left; width: 330px; padding: 20px;}




#sitewiselinks { float: left; width: 290px;  padding: 20px 20px 0px 20px;	
margin:  20px 0px 0px 20px;
-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background-color: #fff;
}

#share { float: left; width: 290px; padding: 40px 30px 30px 30px;min-height: 180px;background: url(../share_bg.png) no-repeat 20px 0px;margin-top: 20px;}

#sendfriend {
	float: left;
	padding-right: 0px;
	padding-top: 0px;
	text-align: left;
	width: 320px;
	height: 40px;
	background: url(../search.png) no-repeat 0px 0px;
}

/* @group Nav rollovers using tabs css */

#button1 .tabs, #button2 .tabs, #button3 .tabs, #button4 .tabs, #button5 .tabs, #button6 .tabs { height: 78px;}
#button1 .tabs li, #button2 .tabs li, #button3 .tabs li, #button4 .tabs li, #button5 .tabs li, #button6 .tabs li { height: 78px;}
#button1 .tabs a:hover, #button2 .tabs a:hover, #button3 .tabs a:hover, #button4 .tabs a:hover, #button5 .tabs a:hover, #button6 .tabs a:hover { background-position: 0px -100px; height: 78px;}

#button1 .tabs a { text-decoration: none; background: url(../button1.png) 0 0 no-repeat;height: 78px; }
#button2 .tabs a { text-decoration: none; background: url(../button2.png) 0 0 no-repeat;height: 78px; }
#button3 .tabs a { text-decoration: none; background: url(../button3.png) 0 0 no-repeat;height: 78px; }
#button4 .tabs a { text-decoration: none; background: url(../button4.png) 0 0 no-repeat;height: 78px; }
#button5 .tabs a { text-decoration: none; background: url(../button5.png) 0 0 no-repeat;height: 78px; }
#button6 .tabs a { text-decoration: none; background: url(../button6.png) 0 0 no-repeat;height: 78px; }

#button1x .tabs a { text-decoration: none; background: url(../button1x.png) 0 1px no-repeat;height: 78px; }
#button2x .tabs a { text-decoration: none; background: url(../button2x.png) 0 1px no-repeat;height: 78px; }
#button3x .tabs a { text-decoration: none; background: url(../button3x.png) 0 1px no-repeat;height: 78px; }
#button4x .tabs a { text-decoration: none; background: url(../button4x.png) 0 1px no-repeat;height: 78px; }
#button5x .tabs a { text-decoration: none; background: url(../button5x.png) 0 1px no-repeat;height: 78px; }
#button6x .tabs a { text-decoration: none; background: url(../button6x.png) 0 1px no-repeat;height: 78px; }


#buttonwrap1,#buttonwrap2,#buttonwrap3,#buttonwrap4,#buttonwrap5,#buttonwrap6 {
	float: left;margin-left: 12px;
}

/* @end */





#toggledown {
	width: 130px;
	padding-top: 40px;
	margin-top: 20px;
	float: left;
	font-size: 0.8em;
}


#banner {float: left; width: 150px;margin-bottom: -20px;}









/* Footer
-------------------------------------------------------------- */
#footer { float: left; width: 100%;height: 80px;
}

#footerbox { float: left; padding-left: 20px;padding-top: 10px;color: #666666;
}







/* bubbles
-------------------------------------------------------------- */

#landingcontentbubbles { float: left; width: 560px; min-height: 440px;padding: 0px 40px 30px 0px; 
}

.landingbubbles { float: left; margin-top: -15px;padding: 0px;padding-top: 30px;
}


.landingbubbles p {
	font: 1.2em/1.2em 'RockwellBold';
	float: left;width: 150px;margin-left: 20px;text-align: center;
	border: 2px solid #fff;
	min-height: 95px;
}




/*SPEECH BLUE */

.triangle-blue {
	position:relative;
	padding:5px;
	margin:0 0 1em 0;
	background: #3399CC;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.triangle-blue a:link, .triangle-blue a:visited { text-decoration: none;color: #fff;}
.triangle-blue a:hover  { text-decoration: none;color: #ccc;}






/*SPEECH PURPLE */

.triangle-purp {
	position:relative;
	padding:5px;
	margin:0 0 1em 0;
	background: #9966CC;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.triangle-purp a:link, .triangle-purp a:visited { text-decoration: none;color: #fff;}
.triangle-purp a:hover  { text-decoration: none;color: #ccc;}




/*SPEECH ORANGE */

.triangle-orang {
	position:relative;
	padding:5px;
	margin:0 0 1em 0;
	background: #cf7b1a;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.triangle-orang a:link, .triangle-orang a:visited { text-decoration: none;color: #fff;}
.triangle-orang a:hover  { text-decoration: none;color: #ccc;}





/*SPEECH GREEN */

.triangle-green {
	position:relative;
	padding:5px;
	margin:0 0 1em 0;
	background: #7ba97a;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
}

.triangle-green a:link, .triangle-green a:visited { text-decoration: none;color: #fff;}
.triangle-green a:hover  { text-decoration: none;color: #ccc;}





/*SPEECH GREEN */

.triangle-pinky {
	position:relative;
	padding:5px;
	margin:0 0 1em 0;
	background: #d17aa9;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
}

.triangle-pinky a:link, .triangle-pinky a:visited { text-decoration: none;color: #fff;}
.triangle-pinky a:hover  { text-decoration: none;color: #ccc;}