/* includes 2009 design mast changes */
body {
	padding: 0;
	margin: 0;
	text-align: center;
}

#container {
	width: 755px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	padding-top: 117px; /* dictates where menu+content begin after mast height allowed for */
}

#crumbs {
	position: absolute;
	top: 2px;
	left: 0px;
}

#mast {
	position: absolute;
	top: 2.3em;
	left: 0px;
}

/* ******** MAIN MENU (levels 1 and 2) ******** */

#menu {
	border-bottom: 1px solid #E0DFE3;
	margin-bottom: 5px;
}

#menu ul {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#level1nav {
	height: 2.5em;
	position: relative;
	top: 2px;
	border-top: 2px solid #DA2F35;
}

ul#level2nav {
	height: 2.5em;
	background: #E0DFE3;
	border-top: 1px solid #C2C0C9;
}

#menu li {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}

#menu a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #333;
	font-weight: bold;
	font-size: 1em;
	float: left; /* For Mac IE 5 */
}

ul#level1nav a {
	padding: 4px 4px 8px 4px;	
}

ul li#nav-home {
	float: right;
}

ul li#nav-help {
	float: right;
}


ul#level2nav li {
	margin: 3px 2px;
	border: 1px solid #E0DFE3;
}

#menu ul#level2nav a {
	padding: 2px 4px 3px 4px;	
}

/* ******** CONTENT AREAS ******** */

#content {
	border-bottom: 6px solid white; /*  hack to ensure height doesn't collapse */
}

body.twocolumns #content {
	background: url(/bifm/assets/gfx/bg2.gif) repeat-y;
}

body.threecolumns #content {
	background: url(/bifm/assets/gfx/bg.gif) repeat-y;
}

#wrap {
	width: 628px;
	float: left;
}

#primary {
	overflow: hidden;
}

body.twocolumns #primary {
	width: 628px;
}

body.threecolumns #primary {
	width: 493px;
	float: right;
}

body.twocolumns #primary div.padding {
	padding: 0px 18px 0 0;
}

body.threecolumns #primary div.padding {
	padding: 18px;
}

#secondary {
	width: 135px;
	float: left;
	padding-bottom: 20px;
}

/* ******** SIDE MENU ******** */

#sidemenu {
	margin-bottom: 20px;
}

/* shared by all levels */

#sidemenu ul, #sidemenu li {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
}

#sidemenu a {
	color: #333;
	padding: 2px 4px;
	display: block;
	text-decoration: none;
}

#sidemenu ul#level3nav a,
#sidemenu ul#level4nav a
{
	text-transform: uppercase;
}

#sidemenu ul#level5nav a,
#sidemenu ul#level6nav a
{
	text-transform: none;
}

#sidemenu a:hover {
	background: #FFF;
	color: #DF3237;
}

#sidemenu ul li div.active {
	background: #FFF url(/bifm/assets/gfx/nav_arrowright.gif) no-repeat right center !important;
}

#sidemenu ul li div.active a {
	color: #DA2F35 !important;
}

#sidemenu ul li div.active a:hover {
	background: none;
}

#sidemenu li.first_protected {
	margin-top: 1em;
	padding: 3px;
	background: none;
}

/* level 3 */

#sidemenu li {
	background-color: #BAB7BF;
	border-bottom: 1px solid #FFF;
}

/* level 4 */	

#sidemenu li li {
	background-color: #CECDD4; 
	border-top: 1px solid #FFF;
	border-bottom: none;
}

#sidemenu li li a {
	padding-left: 9px;
}

/* level 5 */

#sidemenu li li li {
	background-color: #E1E2E7; 
}

#sidemenu li li li a {
	padding-left: 14px;
}

/* level 6 */

#sidemenu li li li li {
	background-color: #F2F3F7; 
}

#sidemenu li li li li a {
	padding-left: 19px;
}

/* ******** PERIPHERAL ******** */

#peripheral {
	width: 127px;
	float: right;
	overflow: hidden;
}

/* ******** FOOTER ******** */

#foot {
	background: #FFF;
	clear: both;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
	position: relative;
	height: 6.8em;
	color: #666;
	line-height: 2.2em;
	margin-bottom: 1em;
}

#foot img {
	position: relative;
	top: 3px;
}

#foot p {
	margin: 0;
}

#copyright {
	position: absolute;
	bottom: 4px;
	left: 4px;
}

#footlinks {
	position: absolute;
	top: 4px;
	left: 4px;
}	

#credits {
	position: absolute;
	top: 4px;
	right: 4px;
	text-align:right;
	
}
p#logos {float:left; padding-right:50px;border-right:1px solid #ddd;line-height:34px;text-align:center;}
p#logos_more{float:right; padding-right:20px;text-align:center;line-height:34px;}
#logos img, #logos_more img {vertical-align:middle;padding:0 6px}
a#logo_organisations{}

/* ******** HACKS ******** */

div.clear {
	clear: both;
}

#newsarticle.blog {
	padding-bottom:10px;
}

#newsarticle.blog img {
	padding:10px;
}