/*			Systech Basic CSS		*/


/*		*** Default ***		*/
* {
padding: 0;
margin: 0;
}

a {
color: #000;
text-decoration: none;	
}

/*		*** Structure ***		*/

body {
/*background: url(/images/systech_body_overflow.gif) 0 0 repeat-x;*/
width: 100%;
}

#wrapper {
margin: 0 auto;
width: 960px;
}

#header {
height: 90px;
position: relative;
width: 100%;
}

#logo{
width: 170px;
}

#logo img {
border: none;
margin: 0;
}

	/*styling for main_nav */

#main_nav{
min-width: 556px;
margin-bottom: 10px;
position: absolute;
left: 230px;
top: 0;
}

#main_nav.jp{
min-width: 710px;
}

#main_nav li {
	list-style: none; 
	display: inline;
	
}

#main_nav li a {

display: block; 
height: 17px;
padding: 0px 5px 0 4px;
margin-left: 4px;
text-decoration: none; 
float: left;
border-bottom: 5px solid transparent;
padding-top: 63px;
}

#breadcrumb_nav{
background: #f6f6f6 url(images/gradient_bar.html) left no-repeat;
width: 100%;
min-width: 766px;
height: 23px;
clear: both;
margin-bottom: 5px;
overflow: hidden;
}

#breadcrumb_nav p {
margin-left: 26px;	
}

#content_wrapper {
margin-bottom: 0px;
height: auto;
}

#side_image{
width: 134px;
height: 389px;
float: left;
margin-right: 5px;
margin-left: 5px;
background: #ffffff;
overflow:hidden;
}

#side_nav {
width: 159px;
min-height: 390px;
float: left;
margin-right: 5px;
}

#navLinks {
min-height: 330px;
}

body.about #side_nav{

}

#side_nav ul, #side_nav p {
margin: 20px 10px 0 10px;
}

#side_nav ul li {
margin-bottom: 1.5em;
list-style: none;
}

#side_nav ul li a {
display: block;
}

#side_nav_footer_links {
position: relative;
top: 0px;
margin-top: 6px;
margin-left: 10px;
clear: both;	
}

#side_nav_footer_links p {
margin: 0;
}

#side_nav_footer_links p a {
margin-bottom: 5px;
}

#main_body{
width: 610px;
height: auto;
min-height: 389px;
float: left;
background: #ffffff;
}

#main_body table {
margin: 0em 20px 10px 20px;
}


/*Layout styling for content pages*/
#main_body h1 {
margin: 20px 20px 20px 20px;
}

#main_body h2, #main_body h2.staff_profile {
margin: 10px 20px 0 20px;
}

#main_body h2 {
margin: 10px 20px 0 20px;
}

#main_body.contactBody h2 {
margin: 15px 20px 5px 20px;
}

#main_body h3 {
margin: 10px 20px 0 20px;
}

#main_body.contactBody h3 {
margin: 15px 20px 5px 20px;
}

#main_body.contactBody img {
margin: 10px 0 10px 0;
}

#main_body p, #japaneseContent {
margin: 10px 20px 20px 20px;
}

.inlineImage img{
margin-bottom: -4px;
}

#main_body ul {
margin: 1.8em 20px 0 20px;
}

#main_body ul li, #main_body ul li ul li, #main_body ul li a, #main_body ul li ul li a{
margin-bottom: 10px;
margin-left: 20px;
}

/*Layout styling for home pages*/

body.home #main_body, #main_body.jp{
width: 458px;
}

body.home #main_body h1 {
margin: 20px 20px 0 20px;
}

body.home #main_body p {
margin: 1.8em 20px 0 20px;
}

#main_body td ul li a {
margin-left: 0px;
}

#flashMap {
height: auto;
margin: 0 20px;
}

/* Styling for Document Listing Table*/

#documentListing {
margin: 1.8em 20px 0 20px;
}

#documentListing th {
padding-top: 3px;
padding-bottom: 3px;
}

#documentListing td {
padding:3px 3px 3px 3px;
vertical-align:top;
}

#documentListing td p {
margin: 0;
}

#documentListing td img {
position: relative;
top: 0px;

}

.listingType{
border: 1px solid #fff;
width: 30px;
}

.listingDate{
border: 1px solid #fff;
padding-right: 10px !important;
text-align: left;
width: 85px;
}

.listingTitle{
border: 1px solid #fff;
width: 293px;
}

.listingFilesize{
border: 1px solid #fff;
width: 50px;
text-align: center;
}

/*Japanese Specific*/

.listingTypeJap{
border: 1px solid #fff;
width: 30px;
}

.listingDateJap{
border: 1px solid #fff;
width: 78px;
padding-right: 10px !important;
text-align: left;
}

.listingTitleJap{
border: 1px solid #fff;
width: 260px;
}

.listingFilesizeJap{
border: 1px solid #fff;
width: 50px;
text-align: center;
}

#vacancyDetails{
margin: 20px 20px 0 0px;
}

#vacancyForm{
}

#vacancyFields{
border: 1px black solid;
padding: 5px;
margin-left: 20px;
}

#vacancyForm input{
display: block;
}

#vacancyForm input.textfield{
width: 145px;
height: 20px;
border: 1px solid #7f9db9;
}

#vacancyForm input.textfield:focus{
border: 2px solid #7f9db9
}

#vacancyForm label{
display: block;
}


#coverletter{
width: 380px; 
height: 120px;
}

#candidatename{

}

#cv{
}

#applyButton{
}

#footer {
width: 960px;
height: 50px;
clear: both;
float: left;

}

#footer_items {
display: inline;
margin-top: 10px;
margin-left: -9px;
float: left;
width: 465px;
text-align: left;
}

.left_link {
border-right: 1px solid #000;
padding-right: 10px;
}

#footer_items li {
display: inline;
margin-left: 10px;	
}

.seperator {
clear: both;
}

/*		*** Typography ***		*/

body {
font-size: 62.5%;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#header {
}

#main_nav{
font-size: 1.1em;
}

#main_nav li a:link, #main_nav li a:visited {
color: #000;
text-decoration: none;
}

#main_nav li a:active {
}

#main_nav li a:hover {
}

#breadcrumb_nav p, #breadcrumb_nav a{
font-size: 1.0em;
padding-top: 4px;
color: #666666;
}

#content_wrapper {
height: auto;
}

#side_image{
}

#side_nav {
}

#side_nav ul li a {
font-size: 1.2em;
text-decoration: none;
}

#side_nav_footer_links p a {
color: #999999;
font-size: 1.1em;	
}

#main_body h1 {
font-size: 1.5em;
font-weight: bold;
color: #000000;
}

#main_body h2 {
font-size: 1.3em;
font-weight: bold;
color: #000000;
}

#main_body h2.staff_profile {
font-size: 1.3em;
font-weight: normal;
color: #000000;
}

#main_body p{
font-size: 1.2em;
line-height: 1.3em;
}

#main_body td{
font-size: 1.2em;
line-height: 1.3em;
}

#main_body a {
text-decoration: underline;
}

#main_body ul li, #main_body ul li a{
font-size: 1.2em;
}

#main_body td ul li, #main_body td ul li a {
font-size: 1.0em;/*Inherits  the font-size of 1.2em from #main_body td*/
}

#main_body ul li ul li {
font-size: 1.1em;
}

sub, sup {
line-height: 0;
}	

/* Styling for Document Listing Table*/

#documentListing p, #documentListing p a {
font-size: 1.0em; /*Inherits  the font-size of 1.2em from #main_body td*/
}

#footer {

}

#footer_items {
}

#footer_items li a {
color: #999;
text-decoration: none;
}


/*		*** Page Specific Behvaiours ***		*/


/* home */
body.home h1 {
color: #385689 !important;
font-weight: bold;
}

body.home a:hover {
color: #385689 !important;
}

/* about */

body.about h1 {
color: #e61517 !important;
font-weight: normal !important;
}

body.about #about_link a {
background: url(../images/nav/red_top_active.gif) top left repeat-x;
border-bottom: 5px solid #e61517;
color: #e61517 !important;
}

body.about a:hover {
color: #e61517 !important;
}

body.about #side_nav ul li a.active {
color: #e61517;
}

/* services */
body.services h1 {
color: #733178 !important;
font-weight: normal !important;
}

body.services #services_link a {
background: url(../images/nav/purple_top_active.gif) top left repeat-x;
border-bottom: 5px solid #733178 ;
color: #733178 !important;
}

body.services #main_body ul li {
text-indent: 0 !important;
}

body.services a:hover, body.services #side_nav ul li a.active {
color: #733178 !important;
}


/* sectors */
body.sectors h1 {
color: #006BBA !important;
font-weight: normal !important;
}

body.sectors #sectors_link a {
background: url(../images/nav/blue_top_active.gif) top left repeat-x;
border-bottom: 5px solid #006BBA;
color: #006BBA;
}

body.sectors a:hover, body.sectors #side_nav ul li a.active {
color: #006BBA !important;
}

/* regions	*/

body.regions h1 {
color: #e61517 !important;
font-weight: normal !important;
}

body.regions #regions_link a {
background: url(../images/nav/red_top_active.gif) top left repeat-x;
border-bottom: 5px solid #e61517;
color: #e61517 !important;
}

body.regions a:hover {
color: #e61517 !important;
}

body.regions #side_nav ul li a.active {
color: #e61517;
}

/* clients */
body.clients h1 {
color: #03226b !important;
font-weight: normal !important;
}

body.clients #clients_link a {
background: url(../images/nav/navy_top_active.gif) top left repeat-x;
border-bottom: 5px solid #03226b;
color:#03226b !important;
}

body.clients a:hover, body.clients #side_nav ul li a.active {
color: #03226b !important;
}

/* contact */
body.contact h1 {
color: #038365 !important;
font-weight: normal !important;
}

#main_body.contactBody h2, #main_body.contactBody h3 {
font-size: 1.4em;
}

body.contact #contact_link a {
background: url(../images/nav/green_top_active.gif) top left repeat-x;
border-bottom: 5px solid #038365;
color: #038365 !important;
}

body.contact a:hover, body.contact #side_nav ul li a.active {
color: #038365 !important;
}

/* Opportunities */
body.opportunities h1 {
color: #e61517 !important;
font-weight: normal !important;
}

body.opportunities #opportunities_link a {
background: url(../images/nav/red_top_active.gif) top left repeat-x;
border-bottom: 5px solid #e61517;
color: #e61517 !important;
}

body.opportunities a:hover, body.opportunities #side_nav ul li a.active {
color: #e61517 !important;
}

/* sitemap */

#sitemap {
margin: 20px 20px 0 20px;
height: auto;
min-height: 389px;
width: 458px;
float: left;
padding-bottom: 10px;
}

/*Level 1*/
#sitemap ul li {
font-weight: bold;
margin-bottom: 20px;
list-style:none;
}

/*Level 2*/
#sitemap ul li ul li {
font-weight: normal;
margin-bottom: 5px;
margin-left: 20px;
margin-top: 5px;
}

/*Level 3*/
#sitemap ul li ul li ul li {
font-weight: normal;
margin-bottom: 	10px;
}

/*Level 4*/
#sitemap ul li ul li ul li ul li {
font-weight: normal;
margin-bottom: 	0px;
}

body.sitemap #sitemap h1 {
color: #733178  !important;
font-weight: normal !important;
font-size: 1.5em;
margin-bottom: 1.8em;
}

#sitemap  a {
text-decoration: underline;
}

#sitemap p, #sitemap a, #sitemap p li a {
font-size: 1.2em;
}

body.sitemap #sitemap_link a {
background: url(../images/nav/purple_top_active.gif) top left repeat-x;
border-bottom: 5px solid #733178;
color: #733178 !important;
}

body.sitemap a:hover, body.sitemap #side_nav ul li a.active {
color: #733178 !important;
}



/* Disclaimer */
body.disclaimer #side_image, body.disclaimer #side_nav{
background: #ffffff !important;
}


/*		*** Main Navigation Hover Behvaiours ***		*/


#about_link a:hover{
color: #e61517 !important;
border-bottom: 5px solid #e61517;
}

#services_link a:hover{
color: #733178 !important;
border-bottom: 5px solid #733178 ;
}

#sectors_link a:hover{
color: #006BBA !important;
border-bottom: 5px solid #006BBA ;
}

#regions_link a:hover{
color: #e61517 !important;
border-bottom: 5px solid #e61517;
}

#clients_link a:hover{
color: #03226b !important;
border-bottom: 5px solid #03226b ;
}

#contact_link a:hover{
color: #038365 !important;
border-bottom: 5px solid #038365 ;
}

#opportunities_link a:hover{
color: #e61517 !important;
border-bottom: 5px solid #e61517 ;
}

#sitemap_link a:hover{
color: #733178 !important;
border-bottom: 5px solid #733178;
}

/*		Japanese Specific Stylings		*/

a.japaneseLink {
font-size: 1.0em;
}

#versionLink{
border-right: 1px solid #000;
padding-right: 10px;
}

#versionLink a img{
border: none;
margin-bottom: -9px;
}
/*#versionLink.japanFlag{
background-image: url(/images/fflag_icon_japan_inactive.png) top left no-repeat;
padding-left: 30px;
}

#versionLink.ukFlag{
background-image: url(/images/fflag_icon_uk_inactive.png) top left no-repeat;
padding-left: 30px;
}*/