/* 
CSS Document - Global elements for Breathing Space HR site
Created by: Richard Payne
Last updated date: October 2006
Copyright: Richard Payne
*/

/* Page-specific css */
@import url("nav.css");
@import url("nav_what.css");
@import url("lower_nav.css");

@import url("home.css");
@import url("contact.css");
@import url("doc.css");
@import url("strat_man.css");
@import url("proj.css");
@import url("sme.css");
@import url("tests.css");
@import url("who.css");
@import url("what.css");

@import url("down.css");

@import url("absence.css");
@import url("discipline.css");
@import url("documentation.css");
@import url("engagement.css");
@import url("sme.css");
@import url("recruitment.css");
@import url("redundancy.css");
@import url("support.css");
@import url("tupe.css");

@import url("legal.css");
@import url("map.css");


body {
	padding: 5px 0px 0px 0px;
	margin: 0px;
	color: #000; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%; 
	background-image: url(../css_images/global/bg_green.gif);  
	background-color: #add742;
	background-repeat: repeat-x;
	text-align: left;
}

/****************************************Accessibility stuff*************************************/

/*Skip to content*/
.skip {
height: 0;
width: 0;
overflow: hidden;
position: absolute; /* for the benefit of IE5 Mac */
}

#hide {
height:0;
width:0;
overflow:hidden;
position: absolute; /* for the benefit of IE5 Mac */
}

#abta {
background-image: url(../images/global/abta.jpg);
background-repeat:no-repeat;
position: absolute;
top: 79px;
left: 45px;
width: 32px;
height: 45px;
margin:0px;
padding:0px 0px 0px 0px;
text-indent: -9999px;
color: #ffffff;
}

#abta a {
width: 32px;
height: 55px;
display:block;
text-indent: -9999px;
text-decoration: none;
margin:-15px 0px 0px 0px;
padding:0px 0px 0px 0px;
color: #ffffff;
}

#atol {
background-image: url(../images/global/atol.jpg);
background-repeat:no-repeat;
position: absolute;
top: 83px;
left: 716px;
width: 35px;
height: 34px;
margin:10px 0px 10px 10px;
padding:10px 0px 10px 10px;
display:block;
text-indent: -9999px;
color: #ffffff;
}	

#atol a {
display:block;
text-indent: -9999px;
text-decoration: none;
width: 35px;
height: 36px;
margin:-30px 0px 0px -10px;
padding: 0px 0px 5px 0px;
color: #ffffff;
}

/****************************************END Accessibility stuff*************************************/

/*START Global elememts common throughout site - see other style sheets for section-specific classes*/

p, ul, ol, dl, form, address, fieldset, label, input {
font-size:1.2em; /* Translates to 10px (16 * 62.5 *1.0em = 1000 10px font size) */
}

h1 {
font-size: 1.5em;
text-transform: none;
padding: 0px;
margin: 0px 0px 5px 40px;
color: #ec7000;
}

h2 {
padding: 0px 0px 5px 0px;
margin: 0px 0px 3px 20px;
font-size:1.5em;
text-transform: none;
color: #003366;
}

h3 {
padding: 0px;
margin: 0px 0px 10px 10px;
font-size:1.3em;
text-transform: none;
color: #cb2726;
font-weight: bold;
font-style: italic;
}

h2+p 
{ /*rules applied to first P after a H2 */
	font-weight: bold;
} 

h3+p 
{ /*rules applied to first P after a H2 */
	font-weight: bold;
} 

h4 {
padding: 0;
margin: 15px 0 5px 30px;
font-size:1.2em;
text-transform: none;
color: #000000;
font-weight: bold;
}

h5 {
padding: 0;
margin: 20px 0 5px 30px;
font-size:1.1em;
text-transform: none;
color: #000000;
font-weight: bold;
}

hr {
width: 325px;
color: #317ED5;
}

img {
	border: 0px;
}

.icon {
width: 12px;
height: 14px;
}


p.bold {
	font-weight: bold;
}

.under { text-decoration:underline; }

/*******************************************START positional content div elements**************************************/


/*******************************************END positional content div elements**************************************/

/*******************************************h ref link elements**************************************/

a {
	color: #ffffff; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a:link a:visited a:active {
	color: #ffffff; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a:hover {
	color: #ffffff; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a.chosen {
	color: #003366; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

 a:link a:visited a:active.chosen {
	color: #003366; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a:hover.chosen {
	color: #003366; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a.home {
	color: #3399ff;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

a:link a:visited a:active.home {
	color: #3399ff; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

a:hover.home {
	color: white;
	background-color: #cb2726;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a.not_work {
	margin: 0px 0px 0px 5px;
	color: #cb2728;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
}

a:link a:visited a:active.not_work {
	color: #cb2728; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a:hover.not_work {
	color: white;
	background-color: #cb2726;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

a.bold {
	color: #3399ff;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-weight: bold;
}

a:link a:visited a:active.bold {
	color: #3399ff; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-weight: bold;	
}

a:hover.bold {
	color: white;
	background-color: #cb2726;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;	
}

a.grey {
	color: #cccccc; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a:link a:visited a:active.grey {
	color: #cccccc; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a:hover.grey {
	color: #cccccc; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/*******************************************h ref link elements**************************************/


/******************************************START Global elements - interface and content construction***************************/

#page_div {
	position: relative;
	top: 0;
	right: 0;
	margin: 0 auto;	
	padding: 0px;
    width: 773px;
    text-align: left;
	background-color: transparent;
}

#main_holder {
	position: absolute;
	left: 0;	
	margin: 0 auto;	
	padding: 0px;
	margin: 0px;
    width: 773px;
    text-align: left;
	background-color: transparent;
}


#header {
	width: 751px;
	height: 216px;
	padding: 0px;
	margin: 0px;
	background-image: url(../css_images/global/body_top.gif);
	background-color: transparent;
}

#blog_link {
	width: 106px;
	height: 27px;
	float: left;
	clear: none;
	padding: 0;
	margin: 0 0 -6px 172px;	
	text-indent: -9999px;
}

body> div[id] #blog_link {
	margin: 0 0 -8px 193px;	
}

#blog_link a {
	width: 106px;
	height: 27px;
	display: block;
	background-image: url(../css_images/global/nav/blog_off.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#blog_link a:active, #blog_link a:hover {
	background-image: url(../css_images/global/nav/blog_on.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#phone_link {
	width: 137px;
	height: 27px;
	float: left;
	clear: none;
	padding: 3px 0 0 0;
	margin: 0 0 -6px 42px;	
	font-weight:bold;
}

body> div[id] #phone_link {
	margin: 0 0 -8px 43px;	
}

#down_link {
	width: 137px;
	height: 27px;
	float: left;
	clear: none;
	padding: 0;
	margin: 0 5px -6px 5px;	
	text-indent: -9999px;
}

body> div[id] #down_link {
	margin: 0 10px -8px 16px;	
}

#down_link a {
	width: 137px;
	height: 27px;
	display: block;
	background-image: url(../css_images/global/nav/down_off.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#down_link a:active, #down_link a:hover {
	background-image: url(../css_images/global/nav/down_on.gif);
	background-position: top;
	background-repeat: no-repeat;
}


#head_links {
	color: #ffffff;
	float: right;
	padding: 3px 30px 0px 0px;
	margin: 0px;
	color: #000000;
	font-weight: bold;
}

#head_links a {
	color: #000000;
	text-decoration: none;
}

#head_links a:link a:visited a:active {
	color: #000000;
	text-decoration: none;
}

#head_links a:hover {
	color: #000000;
	text-decoration: underline;
}

#logo {
	padding: 0px;
	margin: 10px 0px 0px 20px;
	width: 190px;
	height: 90px;
	float: left;
	clear: none;
	text-indent: -999px;
	background-image: url(../css_images/global/logo.gif);
	background-repeat: no-repeat;
	display: block;
}

#logo a  {
	padding: 0px;
	margin: 0px;
	width: 190px;
	height: 90px;
	text-indent: -999px;
	display: block;
}

#logo a:hover, #logo a:active {
	padding: 0px;
	margin: 0px;
	width: 190px;
	height: 90px;
	text-indent: -999px;
	display: block;
}

#top_curve {
	width: 753px;
	height: 15px;
	padding: 12px 0px 0px 0px;
	margin: 0px 0px 0px 23px;
	background-image: url(../images/global/top_curve.jpg);
	background-repeat: no-repeat;
	background-color: transparent;	
}

#mid_bar {
	position: absolute;
	top: 215px;
	left: 0px;
	width: 781px;
	height: 237px;
	padding: 0px;
	margin: 0px 0px 0px -14px;
	border: 0px;
	background-image: url(../css_images/global/oj_bar_bg.gif);
	background-position: left;
	background-repeat: no-repeat;
	background-color: transparent;	
	display: block;
}

body> div[id] #mid_bar {
	width: 781px;
	min-height: 237px;
	height: auto;
	margin: 0px 0px 0px -14px;
}

#mid_bar ul {
	margin: 0px;
	padding: 0px;
}

#mid_bar li {
	float: left;
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
}

#mid_bar a {
	display: block;
	padding: 0px;
	margin: 0px;
	background-color: transparent;
	text-decoration: none;
}

#mid_bar a:hover, #mid_bar a:active {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	background-repeat: no-repeat;
}

#bot_body {
	position: absolute;
	top: 452px;
	left: 0px;
	width: 752px;
	height: 200px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-image: url(../css_images/global/new_mid.gif);
	background-position: top;
	background-repeat: repeat-y;
	background-color: transparent;	
}

/*Firefox resize hack - ie doesn't recognise parent (>) command*/
body> div[id] #bot_body {
	min-height: 200px;
	height: auto;
}

#legal_bot_body {
	position: absolute;
	top: 212px;
	left: 0px;
	width: 752px;
	height: 200px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-image: url(../css_images/global/new_mid.gif);
	background-position: top;
	background-repeat: repeat-y;
	background-color: transparent;	
}
/*Firefox resize hack - ie doesn't recognise parent (>) command*/
body> div[id] #legal_bot_body {
	min-height: 200px;
	height: auto;
}


#round_bot {
	width: 752px;
	height: 62px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	float: left;
	clear: left;
	background-image: url(../css_images/global/round_bot.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: transparent;	
}

#round_bot p {
	padding: 30px 0 0 542px;
	margin: 0px;
	border: 0px;
}

#round_bot a {
	padding: 0;
	margin: 0;
	border: 0;
	color: #000;
	font-weight: bold;
}

#round_bot a:active, #round_bot a:hover {
	color: #ff8215;
	font-weight: bold;
}

#bot_body_big {
	position: absolute;
	top: 452px;
	left: 0px;
	width: 752px;
	height: 1900px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-image: url(../css_images/global/body_bot_big.gif);  
	background-position: top;
	background-repeat: no-repeat;
	background-color: transparent;	
}

#col_holder {
	padding: 0px;
	margin: 0px;
	border: 0px;
	width: 650px;
	height: 400px;
}

body> div[id] #col_holder {
	min-height: 400px;
	height: auto;
}

#left_col {
	float: left;
	clear: none;
	width: 300px;
	height: 200px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

body> div[id] #left_col {
	min-height: 300px;
	height: auto;
}

#left_col h3 {
	padding: 0px;
	margin: 20px 0px 10px 30px;
	border: 0px;
	background-image: url(../css_images/home/why_matters.gif);
	background-position: left;
	background-repeat: no-repeat;	
	text-indent: -999px;	
}

#left_col p {
	padding: 0px;
	margin: 10px 0px 10px 30px;
	border: 0px;
}

#right_col {
	float: left;
	clear: none;
	width: 300px;
	height: 200px;
	padding: 0px;
	margin: 0px 0px 0px 50px;
	border: 0px;
}

body> div[id] #right_col {
	min-height: 350px;
	height: auto;
}

#right_col h3 {
	padding: 0px;
	margin: 20px 0px 10px 30px;
	border: 0px;
	background-image: url(../css_images/home/how_we.gif);
	background-position: left;
	background-repeat: no-repeat;
	text-indent: -999px;
}

#right_col p {
	padding: 0px;
	margin: 10px 0px 10px 30px;
	border: 0px;
}

#right_col a {
	color: #8abc00;
	font-weight: bold;
}

#right_col a:link a:visited a:active.grey {
	color: #8abc00;
	font-weight: bold;
}

#right_col a:hover {
	color: #ff8315;
	font-weight: bold;
}

#wide_col {
	float: left;
	clear: none;
	width: 600px;
	height: 200px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

body> div[id] #wide_col {
	min-height: 200px;
	height: auto;
}

#wide_col h3 {
	padding: 0px;
	margin: 20px 0px 10px 30px;
	border: 0px;
	background-image: url(../css_images/global/headings/how_help.gif);
	background-position: left;
	background-repeat: no-repeat;	
	text-indent: -999px;	
}

#wide_col h3.intro {
	padding: 0px;
	margin: 20px 0px 10px 30px;
	border: 0px;
	background-image: url(../css_images/global/headings/intro.gif);
	background-position: left;
	background-repeat: no-repeat;	
	text-indent: -999px;	
}

#wide_col p {
	width: 600px;
	padding: 0px;
	margin: 0px 0px 10px 30px;
	border: 0px;
}

.back_top {
	padding: 0;
	margin: 25px 0px 25px 30px;
	border: 0;
}

#wide_col ul {
	padding: 0px;
	margin: 0px 0px 10px 50px;
	border: 0px;
	list-style:inside;
	list-style-type:disc;
}

#wide_col a {
	color: #8abc00;
	font-weight: bold;
}

#wide_col a:link a:visited a:active.grey {
	color: #8abc00;
	font-weight: bold;
}

#wide_col a:hover {
	color: #ff8315;
	font-weight: bold;
}