﻿  /* CSS layout */
body {
	margin: 1px auto;
	width: 978px;
	padding: 0;
	background-color: #FFFFC0;
	font-family:Arial, Helvetica, sans-serif, "Century Gothic";
	font-size:12px
}

#masthead {
	/*padding-top:5px;*/
	margin-top:20px;
	background-image:url('http://brmrc.co.uk/images/banner2.png');
	background-repeat:no-repeat;
	height:120px
}

#top-margin{
	background-color:transparent;
	height:20px
}

#top_nav {
	border-bottom: thin #0000C0;
	border-top: thin #0000C0;
	background-image: url('../images/menu_bk_dn2.gif');
	width: 978px;
	background-repeat: repeat-x;
	height: 30px;
}

#container {
	min-width: 600px;
	margin-top:20px;
	margin-bottom:20px;
	background-image:url('../images/divider.gif');
	background-repeat:repeat-y
}

#container_admin {
	min-width: 600px;
	margin-top:20px;
	margin-bottom:20px;
	background-color:white
}

#left_col {
	width: 240px;
	float: left;
	background-color:white;
	border-right-color:blue;
	border-right-width:thin
}

#page_content {
	margin-left: 260px;
	background-color:white;
	min-height:920px
}
#btm-margin{
	clear: both;
	background-color:#FFFFC0;
	height:10px
}

#footer {
	clear: both;
	background-image: url('../images/footer.gif');
	width: 980px;
	height: 100px;
	background-repeat: repeat-x;
	font-size: x-small;
	color: #FFFFFF;
}

#junior{
	width:90%;
	border:thin black solid;
	margin-left:5%;
	padding:10px
}
/*font styles*/
.body_text{
	font-family:Arial, Helvetica, sans-serif, "Century Gothic";
	font-size:12px
}
h1 {
	color:#0000C0;
	font-size:x-large;
	font-weight:bold;
}
h2{
	color:#0000C0;
	font-size:large;
	font-weight:bold;

}
h3{
	font-size:medium;
	color:#0000C0;
	font-weight:bold;

}

.h4 {
	color:#0000C0;
	font-size:medium;
	font-weight:bold;
}
.h2{
	color:#0000C0;
	font-size:large;
	font-weight:bold;

}
.h3{
	font-size:medium;
	color:#0000C0;
	font-weight:bold;

}

.align_centre {
	text-align: center;
}
.white_text{
	color: #FFFFFF;
}
.copyright{
	font-size: x-small;
}
.news{
	font-size: 11px;
}
/*Horizontal CSS menu styles*/
 
 .horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li{
	position: relative;
	display: inline;
	float: left;
}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
	display: block;
	width: 92px; /*Width of top level menu link items*/;
	padding: 7px 8px 7px 8px;
/*border: 1px solid #202020;*/	border-bottom: thin #0000C0 solid;
	border-top: thin #0000C0 solid;
	border-left-width: 0;
	text-decoration: none;
	color: white;
	background: url('../images/menu_bk_dn.gif') repeat-x center;
	font-family: Calibri, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
	/*left: 10px;*/
	top: 10px; /*border-top: 1px solid #202020;*/;
	position: absolute;
	display: block;
	visibility: hidden;
	z-index: 100;
	padding: 0 8px 10px 0;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
	width: 150px; /*width of sub menu levels*/;
	font-weight: bold;
	padding: 7px 8px 7px 8px;
/*background: #CFB5CF;*/
	background: url("../images/menu_bk_dn.gif") center center repeat-x;
	background-image: url('../images/menu_bk_dn.gif')center center repeat-x;
	border-width: 0 1px 1px 1px;
}

.horizontalcssmenu ul li a:hover{
	background: url("../images/menu_bk_up.gif") center center repeat-x;
	color: #0000C0;

}

.horizontalcssmenu ul li ul li a:hover{
	background: url("../images/menu_bk_up.gif") center center repeat-x;
	color: #0000C0;
	font-style: italic;
}

.horizontalcssmenu .arrowdiv{
	position: absolute;
	right: 10px;
	background: transparent url("../images/menuarrow.gif") no-repeat center left;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */







