@charset "UTF-8";
/* CSS Document */

.subcontentright{
float: right;
top: 50px;
width: 300px;
display: inline-block;
}

body
{
	background: #4d4d4d;
	
	color:#4D4D4D;
	
	padding: 0px 0 40px;
}

a{text-decoration: none;}

.fr{
float: right;
padding: 5px 0px 5px 5px;}

.fl{
float: left;
padding: 5px 5px 5px 0px;}

.bgcgray{
background: #707070;
color:#fff;
}

.p10{
padding:10px 10px 0px 10px;
}

.header{background:url(http://www.breatheresource.org.uk/images/interface/b_bg_header.gif) no-repeat;
height: 81px;
overflow: hidden;
}

h1.logolink{
display:block;
width:220px;
height:81px;
overflow:hidden;
}

h1.logolink a{
display:block;
width:220px;
height:81px;
overflow:hidden;
text-indent:-9999px;
}


.signup p{
font-size:14px;
color:#4d4d4d;
text-align:right;
}



.signup form{

margin: 30px 5px 0px 0px;
}

.signup form input.email{
background: #707070;
border: #4d4d4d 1px solid;
color:#000;
padding: 3px;
width:163px;
}

.signup form input.bt{
background: #707070;
border: #4d4d4d 1px solid;
color: #4d4d4d;
padding: 2px;
margin:0px 0px 0px 6px;


}

.signup form input.bt:hover{cursor:pointer;}

.mainimage{
height: 504px;
width: 960px;
position:relative;

}

.frontimages{
float: left;
width: 960px;
height: 504px;
overflow: hidden;
position: absolute;
top:0px;
left: 0px;
z-index:50;
}

.mainimage .overlay{background:url(http://www.breatheresource.org.uk/images/interface/b_overlay_mainimage.png) no-repeat;
height: 504px;
width: 960px;
position: absolute;
top: 0px;
left: 0px;
z-index: 55;
float: left;
}

.sideimage{

height: 504px;
width: 240px;
position:relative;

}

.sideimage .overlay{background:url(http://www.breatheresource.org.uk/images/interface/b_overlay_sidemenu.png) no-repeat;

width: 240px;
height:504px;
position: absolute;
z-index:55;
float: left;
}


.mainmenu{
top: 0px;
left: 0px;
position: absolute;
width: 230px;
z-index:60;
float: left;
}



.big{
font-size: 24px;
}


.medium{
font-size: 21px;
}

.small{
font-size: 19px;
}


ul.menu{
margin: 20px 0px 0px 0px;
padding: 0px;
}

ul.menu li{
font-size: 19px;
color: white;
margin: 2px 3px 2px 0px;
padding:0px;
list-style:none;
}


ul.menu li.here a{
display: inline-block;
background: url(http://www.breatheresource.org.uk/images/interface/b_bg_menuitem.png) repeat-y #4D4D4D;
padding: 2px 10px 2px 15px;
}

ul.menu li a{
color: white;
display: inline-block;
background: url(http://www.breatheresource.org.uk/images/interface/b_bg_menuitem.png) repeat-y #707070;
padding: 2px 10px 2px 15px;
}

ul.menu li ul{
margin: 0px !important;
}

ul.menu li ul li{
margin: 0px 0px 0px 20px;
font-size: 17px;
}


ul.menu li ul li a{
display: none;
}

ul.menu li ul li.here~li a{
color: white;
display: inline-block;
background: none #707070;
padding: 2px 10px 2px 10px;
}


ul.menu li.here ul li a{
color: white;
display: inline-block;
background: none #707070;
padding: 2px 10px 2px 10px;
}

ul.menu li ul li.here~li a:hover, ul.menu li.here ul li a:hover{
background: none #4D4D4D;
}

ul.menu li ul li.here a{
display: inline-block;
background: none #4D4D4D;
padding: 2px 10px 2px 10px;
}



ul.submenu{
margin: 20px 0px 0px 0px;
padding: 0px;
}
ul.submenu li{
font-size: 12px;
color: white;
margin: 2px 3px 2px 0px;
padding:0px;
list-style:none;
}

.sbig{
font-size: 13px;
}


.smedium{
font-size: 11px;
}
.ssmall{
font-size: 10px;
}

ul.submenu li span{
display: inline-block;
background: url(http://www.breatheresource.org.uk/images/interface/b_bg_menuitem.png) repeat-y #707070;
padding: 1px 5px 1px 25px;
}

ul.submenu li.here span{
display: inline-block;
background: url(http://www.breatheresource.org.uk/images/interface/b_bg_menuitem.png) repeat-y #4D4D4D;
padding: 1px 5px 1px 25px;
}

ul.submenu li span a{
color: white;
}

.page{background:url(http://www.breatheresource.org.uk/images/interface/b_overlay_mainimage.png) #fff no-repeat;
}


.maincontent{
margin-top:14px;
height: 479px;
overflow-y: auto;
margin-right: 0px;
padding-right: 10px;
float: left;
display: block;
width: 690px;
margin-bottom: 0px;
padding-bottom: 0px;
}

.maincontent p a{
color:#000000;
font-weight:bold;
}

.maincontent ul{
margin-top:0px;
margin-bottom:0px;
}


.maincontent table td{
}
.maincontent table p{
margin: 10px;
padding: 10px;
background-color:#707070;
color:#fff;
font-size: 14px;
}


.maincontent form legend{
font-weight: bold;
font-size: 14px;
line-height: 26px;
}

.tableofsub a{
display:inline-block;
background:#fff;
padding:2px;
}

.tableofsub a:hover{background:#707070;}

.footer{
background: url(http://www.breatheresource.org.uk/images/interface/b_bg_footer.gif) no-repeat;
height: 44px;
}

.footer p{
font-size:14px;
line-height:41px;
margin: 0px 5px 0px 5px;
color:white;
}

.footer p.d2e{
font-size:22px;
margin: -4px 5px 0px 5px;
color:white;
text-align:right;
}

.footer p a{color:white;}

.footer p a:hover{
color: #4d4d4d;
}

.legals{

}

.legals p{
font-size: 9px;
margin-top: 5px;
color: #707070;
}

.legals p a{color:#707070;}