html {font-size: 101%}

body {font-size: 0.625em;}

h1, h2, h3, h4, p, pre, label, ul, ol, dl, fieldset, address {margin: 0em 0 1em 0; padding: 0;}
li, dd {margin-left: 30px; margin-bottom: 0.2em; padding: 0;}

fieldset {padding: .5em;}
textarea {overflow: auto;}

blockquote {margin-top: 1em; margin-bottom: .5em;}

/* links */
:link {text-decoration: underline;}
:visited {text-decoration: underline;}

:link:hover {text-decoration: none;}
:visited:hover {text-decoration: none;}

:link:focus {outline: 0;} /*inherit dotted thin*/
:visited:focus {outline: 0;}

:link:active {outline: 0;}
:visited:active {outline: 0;}
/* /links */

table {font-size: inherit;}

object, embed {outline: 0;}

textarea {overflow: auto;}

a img, img {border: 0; text-decoration: none;}

h1 {font-size: 1.5em; margin: .2em 0 .5em 0; color: #000; line-height: normal; font-family: Georgia, "Times New Roman", Times, serif;}
h2 {font-size: 1.5em; margin: 0 0 .4em 0; color: #007CD6; line-height: normal; text-transform: uppercase;}
h3 {
	font-size: 1.2em;
	margin: 0 0 .3em 0;
	color: #000;
	line-height: normal;
}

.title {
	margin: .5em 0 1em 0;
}
.boldstyle1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.7em;
	color: #000;
	margin-bottom: .5em;
	line-height: 1.3;
}
.boldstyle2 {
	font-size: 1.15em;
	color: #666;
	margin-bottom: .4em;
}

#container {
	font: 1.2em Arial, Helvetica, Verdana;
	line-height: 1;
}
#gaps {margin: 0.8em 0 1.1em 0}

/*********
* COLORS *
**********/
/*
#007CD6 - Light Blue
*/

body {color: #666;}
a {color: #007CD6;}

/**************
* BASE LAYOUT *
***************/
html, body {
	margin:0;
	padding: 0;
}
html {
	height: 100%;
}
body {
	background-color: #CCC;
	height:100%;
}
#container {
	width: 960px;
	margin: 0 auto;
	min-height: 100%;
	_height: 100%;
	position: relative;
	background: url(../img/graphics/bg.jpg) repeat-y 0 0;
}

#bg_container {
	width: 820px;
	padding: 0 70px;
	background: url(../img/graphics/bg_top.jpg) no-repeat 0 0;
	min-height: 100%;
	_height: 100%;
	overflow: hidden;
	_overflow: visible;
}

/****************
* HEADER LAYOUT *
*****************/
#header {
	overflow: hidden;
	height: 300px;
	position: relative;
}

.logo {
	position: absolute;
	top: 0;
	left: 55px;
}

.logo a {
	text-indent: -9999px;
	height: 115px;
	width: 180px;
	display: block;
}

/* --- main nav --- */
ul#main_nav {
	margin: 0;
	position: absolute;
	top: 0px;
	left: 245px;
	list-style-type: none;
	width: 510px;
	height: 35px;
	overflow: hidden;
}

ul#main_nav li {
	margin: 0;
	float: left;
	display: block;
}

ul#main_nav li a {
	color: #FFF;
	text-decoration: none;
	display: block;
	height: 100%;
	text-indent: -9999px;
	height: 35px;
	background: url(../img/graphics/sprite_main_nav.gif) no-repeat 0 0;
}

ul#main_nav li.main_nav_home a {width: 68px; background-position: 0 -35px;}
ul#main_nav li.main_nav_about a {width: 104px; background-position: -68px -35px;}
ul#main_nav li.main_nav_working a {width: 154px; background-position: -172px -35px;}
ul#main_nav li.main_nav_roles a {width: 116px; background-position: -326px -35px;}
ul#main_nav li.main_nav_apply a {width: 68px; background-position: -442px -35px;}

ul#main_nav li.main_nav_home a:hover {background-position: 0 0px;}
ul#main_nav li.main_nav_about a:hover {background-position: -68px 0px;}
ul#main_nav li.main_nav_working a:hover {background-position: -172px 0px;}
ul#main_nav li.main_nav_roles a:hover {background-position: -326px 0px;}
ul#main_nav li.main_nav_apply a:hover {background-position: -442px 0px;}
/* --- /main nav --- */

/*****************
* CONTENT LAYOUT *
******************/
#content {
	line-height: 1.5;
	padding-bottom: 65px;
}

#content ul.local_nav {
	margin: 5px 0 0 0;
	list-style-type: none;
	
}
#content ul.local_nav li {
	margin: 0;
	border-bottom: 1px solid #CCC;
	line-height: 1;
}
#content ul.local_nav a {
	display: block;
	padding: 8px 0;
	text-decoration: none;
	color: #666;
	font-weight: bold;
}
#content ul.local_nav a:hover {
	color: #000;
}


ul.tabs {
	position: absolute;
	margin: 0;
	list-style-type: none;
	height: 35px;
	overflow: hidden;
}
ul.tabs li {
	margin: 0;
	float: left;
	margin: 0 3px;
	padding-left: 6px;
	height: 35px;
	background-color: #FFF;
	background-image: url(../img/graphics/tab_left.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}
ul.tabs li.first {
	margin-left: 0;
}
ul.tabs li.last {
	margin-right: 0;
}
ul.tabs a {
	display: block;
	text-decoration: none;
	line-height: 14px;
	padding: 0px 12px 7px 6px;
	font-weight: normal;
	font-size: 11px;
	background-color: #FFF;
	background-image: url(../img/graphics/tab_right.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
ul.tabs a:link, ul.tabs a:visited {
	text-decoration: none;
}
ul.tabs a:hover {
	color: #014678;
}

/****************
* FOOTER LAYOUT *
*****************/
#footer {
	background-color: #FFF;
	color: #000;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 940px;
	height: 50px;
	overflow: hidden;
	clear: both;
	padding: 10px 10px 0 10px;
	color: #666;
	font-size: 12px;
}

#footer ul.local_nav {
	margin: 10px 0 0 0;
	list-style-type: none;
	float: left;
}
#footer ul.local_nav li {
	margin: 0 5px 0 0;
	display: inline;
}
#footer ul.local_nav a {
	text-decoration: none;
	color: #666;
	font-weight: normal;
}
#footer ul.local_nav a:hover {
	color: #000;
}

/****************
* CUSTOM STYLES *
*****************/
.photo_fr {
	float: right;
	margin: 0 0 10px 10px;
}

.box {
	background: #FFF;
	padding: 10px 15px;
}

.social_care_teams {
	width: 545px;
	float: left;
	margin-bottom: 15px;
	margin-top: 15px;
}
.social_care_teams .pos_img {
	float: right;
	position: relative;
	top: -37px;
	right: -24px;
}
.social_care_teams .content {
	margin-right: 180px;
	height: 144px;
	overflow: hidden;
	width: 330px;
}

.vacancies {
	width: 260px;
	margin-left: 10px;
	float: left;
	background: url(../img/graphics/vacancies.jpg) no-repeat 0 0;
	padding-top: 15px;
	height: 164px;
	background-color: #FFF;
	overflow: hidden;
}
.vacancies .content {
	background-color: transparent;
	margin-right: 130px;
}

.lpanel {
	width: 527px;
	float: left;
	overflow: hidden;
	color: #333;
}
.rpanel {
	width: 230px;
	margin-left: 3px;
	float: left;
	overflow: hidden;
}
/*****************
* GENERIC STYLES *
******************/
.fr {float: right;}
.fl {float: left;}
.clr {clear: both;}
.clr-left {clear: left;}
.clr-right {clear: right;}
.first {margin-left: 0;}
.last {margin-right: 0;}
.l {font-size: 1.15em;}

.ter3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	background-color: #007dd7;
	border: thin solid #00A99D;
	color: #FFFFFF;
	line-height: 24pt;
	text-transform: uppercase;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;}