/*
Name: Default
Media: Screen,Projection
Version: 1
Created: 2006-12-08
Updated: 2007-04-16
Author: Dan Conaghan
Intended for: http://www.boyerallan.co.uk
*/
@import url("magic-footer.css");

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font: small/normal Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background: #EBEAE7 url("../images/bkg_img.gif") 0 0 repeat-x;
	}

* html #wrap {

	}

/*  Wrap */	

#wrap {
	width: 970px;
	display: block;
	text-align: left;
	margin: 0 auto;
	padding: 0 0 0 0;
	}
	
.p_hom #wrap { background: #fff url("../images/hom_sub_bkg.gif") 10px 25px repeat-y; }
.p_abo #wrap { background: #fff url("../images/abo_sub_bkg.gif") 10px 25px repeat-y; }
.p_fun #wrap { background: #fff url("../images/fun_sub_bkg.gif") 10px 25px repeat-y; }
.p_con #wrap { background: #fff url("../images/con_sub_bkg.gif") 10px 25px repeat-y; }
.p_sec #wrap { background: #fff url("../images/sec_sub_bkg.gif") 10px 25px repeat-y; }
.p_mis #wrap { background-color: #fff; }
	
	
/* Header */
#header {
	margin: 0;
	padding: 15px 10px 0 10px;
	background: #fff url("../images/bkg_img.gif") 0 0 repeat-x;
	height: 138px;
	position:relative;
	}
	

	
#logo {
	 display: block;
	 background: transparent url("../images/boyerallan.jpg") 0 0 no-repeat;
	 padding: 0;
	 margin: 0;
	 width:950px;
	 height:104px;
	}
#print_logo {
	 display: block;
	 background: transparent url("../images/boyerallan_print.jpg") 0 0 no-repeat;
	 padding: 0;
	 margin: 0;
	 width:700px;
	 height:104px;
	}

#logo img,#print_logo img{
	display: none;
	}

#page_number {
	position: absolute;
	float: left;
	font-size: 40px;
	left: 20px;
	top: 79px;
	color: #FFFFFF;
}

#nav, 
#nav li{
	list-style: none;
	margin: 0;
	padding: 0;
	}

#nav {
	display: block;
	text-align: left;
	height: 34px;
	}

#nav li {
	display: block;
	float: left;
	height: 34px;
	width: 104px;
	}

#nav li a{
	display: block;
	height: 34px;
	width: 104px;
	}



#nav li.hom a:link, #nav li.hom a:visited { background: url("../images/menu/hom_off.gif"); }
#nav li.abo a:link, #nav li.abo a:visited { background: url("../images/menu/abo_off.gif"); }
#nav li.fun a:link, #nav li.fun a:visited { background: url("../images/menu/fun_off.gif"); }
#nav li.con a:link, #nav li.con a:visited { background: url("../images/menu/con_off.gif"); }
#nav li.sec a:link, #nav li.sec a:visited { background: url("../images/menu/sec_off.gif"); }
#nav li.log a:link, #nav li.log a:visited { background: url("../images/menu/log_off.gif"); }

#nav li.hom a:hover, 
#nav li.hom a:active,
.p_hom #nav li.on { background: url("../images/menu/hom_on.gif"); }

#nav li.abo a:hover,
#nav li.abo a:active,
.p_abo #nav li.on { background: url("../images/menu/abo_on.gif"); }

#nav li.fun a:hover,
#nav li.fun a:active,
.p_fun #nav li.on { background: url("../images/menu/fun_on.gif"); }

#nav li.con a:hover,
#nav li.con a:active,
.p_con #nav li.on { background: url("../images/menu/con_on.gif"); }

#nav li.sec a:hover,
#nav li.sec a:active,
.p_sec #nav li.on { background: url("../images/menu/sec_on.gif"); }

#nav li.log a:hover,
#nav li.log a:active,
.p_sec #nav li.on { background: url("../images/menu/log_on.gif"); }

/* main */
#main {
	padding: 0 10px 50px 10px;
	margin: 0;
}

/* Subnav */

#subnav {
	padding: 0;
	margin:40px 0 0 0;
	width: 208px;
	float: left;
	text-transform: uppercase;
	list-style: none;
	font-size: 0.8em;
	background-color: #D6E0E9;
}

#subnav ul, 
#subnav ul li{
	list-style: none;
	margin: 0;
	padding: 0;
	}

#subnav li.on_nest {
	display: block;
	padding: 5px 0px 5px 10px;
	background-color: #e4ecf3;
	}
	
#subnav li.on_nest .blue {
	background-color: #80A1B6;
	display: block;
	width: 198px;
	padding: 5px 0 5px 10px;
	margin: 0 0 0 -10px;
	color: #fff;
	}

#subnav li.on {
	display: block;
	padding: 5px 10px 5px 10px;
	width: 188px;
	}
	
#subnav li a{
	display: block;
	color: #000; 
	padding: 5px 10px 5px 10px;
	width: 188px;
	text-decoration: none;
	}
	
#subnav li li a{
	display: block;
	color: #000; 
	padding: 5px 10px 5px 20px;
	width: 178px;
	text-decoration: none;
	}
	
#subnav li li {
	/*margin:0 0 0 -10px;*/
	background-color: #D6E0E9;
	}

.p_sec #subnav li li{
	margin: 0 0 0 -10px;
	/*padding-left: 10px;*/
	width: 208px;
}

.p_sec #subnav li li.on{
	background-color: #a5c2d4;
	padding-left: 20px;
	color: #000;
}

.p_abo #subnav li a:link, .p_abo #subnav li a:visited { background-color: #FBF3DD; }
.p_fun #subnav li a:link, .p_fun #subnav li a:visited { background-color: #EDEAE1; }
.p_con #subnav li a:link, .p_con #subnav li a:visited { background-color: #C9D7D1; }
.p_sec #subnav .level-2 li a:link, .p_sec #subnav .level-2 li a:visited { background-color: #D6E0E9; }
.p_sec #subnav .level-1 li a:link, .p_sec #subnav .level-1 li a:visited { background-color: #B7CAD8; }

.p_abo #subnav li a:active,
.p_abo #subnav li.on { background-color: #E9BD5A; color: #fff; }

.p_fun #subnav li a:active,
.p_fun #subnav li.on { background-color: #D3CAB7; color: #fff; }

.p_con #subnav li a:active,
.p_con #subnav li.on { background-color: #386351; color: #fff; }

.p_sec #subnav li a:active,
.p_sec #subnav li.on { width:178px; background-color: #80A1B6; color: #fff; }

.p_sec #subnav li li a:active,
.p_sec #subnav li li.on { width:178px; }

.p_abo #subnav li a:hover,
.p_fun #subnav li a:hover,
.p_con #subnav li a:hover { width:188px; background-color: #fff; color: #000; }
.p_sec #subnav li li a:hover,
.p_sec #subnav li li a:hover { width:178px; background-color: #fff; color: #000; }

#content {
	padding: 40px 50px 0 50px;
	margin: 0;
	float: left;
	width: 642px;
}

.p_con #content {
	padding: 40px 0 0 50px;
	margin: 0;
	float: left;
	width: 690px;
}

.p_mis #content {
	padding: 40px 0 50px 50px;
	margin: 0;
	float: left;
	width: 850px;
}

#content a:link, #content a:visited {
 color: #80A1B6;
 text-decoration: none;
}

#content a:hover, #content a:active {
 color: #80A1B6;
 text-decoration: underline;
 }

.p_hom #main #content  { 
background: #D4CEC0 url("../images/hom_main.jpg") 0 0 no-repeat;
height: 900px; 
}

.p_hom #main #content  { 
background: #D4CEC0 url("../images/hom_main.jpg") 0 0 no-repeat;
height: 900px; 
}

.p_hom #subnav #login{ background-color:#990000; }
.p_abo #subnav #login{ background-color:#990000; }
.p_fun #subnav #login{ background-color:#990000; }
.p_con #subnav #login{ background-color:#990000; }
.p_hom #subnav #login{ background-color:#990000; }



form legend {
	display: none;
	}
form fieldset {
	padding: 0;
	}


/**************** Hedgesite *******************/

/* login */
.p_hom #login {
	text-align: left;
	padding: 10px 0 0 10px;
	width: 198px;
	margin: 0 0 0 0;
}

#login, #registerform, #password, #registerextra {
	margin: 25px 0 0 258px;
}

#login input{
	margin: 8px 0 0 1px;
	border: #54534A solid 1px;
	background-color: #FFFFFF;
}

#login label{
	font-size: 0.9em;
}

#login p#remind {
	margin: 8px 0 0 0;
	padding: 0;
}

#login p {
	margin: 0;
	padding: 0;
}

#login #pass-login,
#login #user-login {
	width: 250px;
}

#login a{
	font-size: 0.8em;
	text-decoration: none;
	color: #fff;
	margin: 0;
	padding: 0;
}

/* submenu */

#subnav div.secure_nav ul.level-1 {
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
	background-color: #B8CBD9;
	/*background-color: #FFF;*/
}

#subnav div.secure_nav ul.level-2 {
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
}

#subnav #login #legend_replace {
	display: block;
	height: 15px;
	width: 140px;
	padding: 0;
	margin: 0 0 -10 0;
	background: #990000 url("../images/sec_log.gif") 0 0 no-repeat;
}

/* content */
.sidebox {
	position: absolute;
	float: left;
	font-size: 13px;
	left: 270px;
	top: 135px;
	color: #fff;
	}
.sidebox p {
	margin: 0;
	}

.p_sec #content ul,
.p_sec #content li {
	/*margin: 0;
	font-size: 1em;
	padding: 0;
	color: #000000;
	*/
}

.p_sec #content img {
	margin: 10px 0 0 0;
	padding: 0;
}

#asset_table {
	margin: 40px 0 0 0;
	padding: 0 0 0 0;
}


#add_record {
	border: 1 solid #666666;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
}


/**************** End Hedgesite *****************/

/* Footer */

#footer{
	background: #fff url("../images/footer_bkg.gif") 0 0 repeat-x;
	text-align: center;
	padding: 10px 0 0 0;
}

#footerblock{
	font-size: 0.8em;
	margin: 0 auto 0 auto;
	width: 950px;
	text-align: left;
}

#footerblock p{
	position: relative;
	width: 950px;
	display: block;
}

#footerblock p small{
	text-align: left;
	display: block;
}

#footerblock ul,
#footerblock ul li {
	list-style: none;
	padding: 0;
	margin: 0 5px 0 0 ;
	display: inline;
}


#footerblock ul li a:link,
#footerblock ul li a:visited {
 color: #80A1B6;
 text-decoration: none;
}

#footerblock ul li a:hover,
#footerblock ul li a:active {
 color: #80A1B6;
 text-decoration: underline;
}


/* Contact pop-up */

#address {
	float: left;
	width: 260px;
	font-size: 0.9em;
}
#address h2{font-size:1.2em}
#smallmap {
	width: 247px;
	padding: 25px 0 0 0;
	float: right;
}

/* Accessibility*/


kbd {
	margin: 0 0 0 2px;
	padding: 0.5px .2em;
	font-size: .8em;
	font-family: tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #f6f6f6;
	border: 1px solid #ddd;
	border-right-color: #666;
	border-bottom-color: #666;
}

#accesskeys {
	display: block;
	margin-bottom: 1em;
}

#accesskeys dt {
	float: left;
	clear: left;
	}

#accesskeys dd {
	margin: 1em 0 1em 50px;
	padding-top: .1em;
	}

/* universal */

h1 {
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}

h2 {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	color: #0A1C34;
}

h2 strong {
	color: #6F1400;
}
h3 {
	margin: 0;
	padding: 0;
	color: #666;
	font-size: 1em;
}

a img {
	border:0;
}
#skiplinks, 
.hide {
	display: none;
}

.clearer {
	clear: both;
}

.p_sec #content {
	padding: 40px 0 0 35px;
	margin: 0;
	float: left;
	width: 680px;
	}
#organigram {
	/* margin-left: -25px;
	margin-right: -20px;
	border: 1px solid red; */
	}
	
	.red_header{color:#9F0B0B}
	
	#content ul{margin-left:15px;padding-left:0}
	#content li{color:#9F0B0B;margin-bottom:10px}
	#content li span{color:black;}
	#content h1{margin-bottom:15px}
	#content li ul{margin:10px 0 10px 15px;}
	
	.company-info table{border:1px dotted  #B3C3CF;}
	.company-info td{border:0;}
	
	.company-info .grey-bg{background:#D6E0E9}
	.company-info .red-bg{background:#B8CBD9}
	.company-info .orange-bg{background:orange}

.bottom_space{margin-bottom:30px}

.profile{position:relative;
width:100%;
padding-bottom:40px;}


.profile_content{width:500px}

.profile_image{
height:128px;
position:absolute;
right:10px;
top:0;
width:128px;
visibility:hidden;
}
#performance_history input{font-size:0.80em;width:70px}
.blue_line{border:0;border-top:1px solid #B8CBD9;margin:20px 0}



#print_buttons{margin-top:30px;width:680px}
#print_button{position:inline;float:left;}
#close_button{position:inline;float:right;}