/* LAYOUT */

#container {
	width:900px;
	margin:0 auto;
}
#header {height:100px;}
#main,#content {min-height:400px;}
#menu {width:200px;float:left;}
#content {width:650px;float:left;}

/* BRANDING */
#header {background:#990000;}
h1,h2,h3,h4,h5,h6,a {color:#990000;}

/* 990000 = NSPCC green */

/* DESIGN */
* {font-family:Verdana, Arial, Helvetica, sans-serif;}
#container {border:1px solid #990000;}
#header {padding:10px;}
#header #site-logo {width:150px;float:left;}
#header #site-title {margin-left:250px;}
#header h1 {color:#ffffff;text-align:center;float:left;font-size:150%;}
#header #help-button {float:right;}
#main {padding-top:20px;/*background: url(../images/masthead-shadow.gif) repeat-x left top;*/}
#menu {border-right:1px solid #990000;text-align:right;padding-top:20px;background:#ffffff;}
#menu ul {margin:0;padding:0;}
#menu ul li {margin:0;padding:0;list-style-type:none;margin-bottom:15px;}
#menu a {font-weight:bold;padding:5px 20px;font-size:117%;display:block;}
#menu a:hover {background:#990000;color:#ffffff;}
#menu .bmrb-mention {font-size:77%;padding:0 20px;text-align:center;background:##DFD09D;border:1px solid #990000;color:#990000;padding:10px;margin:10px;}
#menu .bmrb-mention img {border:1px solid #990000;margin:5px;}
#menu .bmrb-mention a {font-weight:normal;padding:0;font-size:100%;display:inline;}
#menu .bmrb-mention a:hover {background:none;color:#990000;}
#content {background:#ffffff;padding:20px;line-height:150%;}
.page-image {float:right;margin:0 0 20px 20px;}
.page-image img, img.page-image {border:1px solid silver;padding:10px;background:#ffffff;}
img.button {border:0;padding:0;}
#footer {margin-top:20px;background:#990000;text-align:center;color:#ffffff;font-size:85%;clear:both;}
a {color:#990000;}
.attention {padding:10px;border:1px solid #990000;background:lemonchiffon;}
.attention td {border:0;}
.subtle {font-size:85%;}