* {
	margin:						0;
	padding:						0;
}

html, body {
	width:						100%;
}

body {
	background:					#BDC1C1 url(../images/layout/bg.jpg) 0 0 repeat-x;
	color:						#333333;
	font-family:				Verdana, Geneva, sans-serif;
	font-size:					75%;		/* 12pt */
}
h1, h2, h3, h4 {
	color:						#BA1C4C;
	font-weight:				normal;
	margin:						0 0 15px 0;
}
h1 {
	font-size:					1.5em;		/* 18pt */
}
h2 {
	font-size:					1.3em;		/* 16pt */
}
h3 {
	font-size:					1.17em;		/* 14pt */
}
h4 {
	font-size:					1.0em;
}
p {
	margin:						0 0 15px 0;
}


/* ---------- Base Styles ---------- */
a {
	color:						#666666;
	font-weight:                bold;
    outline:						none;
	text-decoration:			none;	
    
}
a:hover {
	color:						#333333;
}
form fieldset {
	border:						none;	
}
form input,
form select {
	border:						1px solid #999999;
	color:						#333333;
	font-size:					1.0em;
	padding:						2px;
}
form textarea {
	border:						1px solid #999999;
	padding:						2px 0px;
}
form input:focus,
form select:focus,
form textarea:focus {
	border:						1px solid #BA1C4C;
}
img {
	border:						none;	
}


/* ---------- Structural Styles ---------- */
#site-wrapper {
	border-left:				1px solid #999999;
	border-right:				1px solid #999999;
	border-bottom:				1px solid #999999;
	height:						100%;
	margin:						0 auto;	
	width:						800px;
}
#framework {
	background:					#FFFFFF;
	clear:						both;
	overflow:					hidden;
	width:						800px;
}
#content {
	float:						left;
	padding:					10px;
	width:						510px;
}
#sidebar {
	float:						right;
	margin:						5px 3px 0 0;
	width:						264px;	
}

#sidebar form select {
	width:						250px;
}

/* ---------- Header Styles ---------- */
#header h1 {
	background:					url(../images/branding/header.jpg) 0 0 no-repeat;
	margin:						0;
	text-indent:				-5000px;
	height:						220px;
	width:						800px;
}
#navigation {
	background:					url(../images/layout/bg_nav.png)  0 0 repeat-x;
	border-top:					1px solid #FFFFFF;
	border-bottom:				1px solid #FFFFFF;
	display:					inline-block;
	width:						800px;
}
#navigation:after {
	content:					".";
	display:					block;
	clear:						both;
	height:						0;
	line-height:				0;
	visibility:					hidden;
}
html[xmlns] #navigation {
	display:					block;
}

#navigation li {
	float:						left;
	list-style-type:			none;
	position:					relative;
}
#navigation li a {
	border-right:				1px solid #FFFFFF;
	color:						#FFFFFF;
	display:					block;
	font-weight:				bold;
	height:						16px;
	padding:					12px 14px;
	white-space:				nowrap;
}
#navigation li a.selected,
#navigation li a:hover {
	background:					#5F5F5F;	
}

#navigation li.last a {
    border-right:               none;
    padding:                    12px 16px;
}

#navigation ul {
	background:					#333333;
	display:					none;
	position:					absolute;
	z-index:					100;
}
#navigation ul li {
	background:					none;
	display:					block;
	float:						none;
}
#navigation ul li a {
	background:					#333333;
	border:						none;
	display:					block;
	font-weight:				normal;
	padding:					6px 5px;
	width:						230px;
}


/* ---------- Modular Styles ---------- */
#content a {
	text-decoration:			underline;
	color:						#BA1C4C;				
}
#content ul {
	margin:						0 0 10px 0;
}
#content ul li {
	list-style-type:			circle;
	margin:						0 0 3px 15px;
}
.button {
	cursor:						pointer;
}
.button:hover {
	
}
.telephone {
	font-size:					1.83em;		/* 20pt */
}


/* ---------- Homepage Styles ---------- */
.homepage {
	overflow:					hidden;
	width:						800px;
}
.homepage ul.sections {
	margin:						2px 0 0;
	overflow:					hidden;
	width:						800px;
}
.homepage ul.sections li {
	display:					inline;
	float:						left;
	list-style-type:			none;
	margin:						0 1px 0 3px;
}

.homepage ul.sections li.section-1 {
	background:					url(../images/branding/section-1.jpg) 0 0 no-repeat;
}
.homepage ul.sections li.section-2 {
	background:					url(../images/branding/section-2.jpg) 0 0 no-repeat;
}
.homepage ul.sections li.section-3 {
	background:					url(../images/branding/section-3.jpg) 0 0 no-repeat;
}
.homepage ul.sections li a {
	background-image:			url(../images/titles/sections-sprite.jpg);
	text-indent:				-5000px;
	margin:						132px 0 0;
	display:					block;
	height:						56px;
	width:						262px;
}
.homepage ul.sections li.section-1 a {

	background-position:		0 0;
}
.homepage ul.sections li.section-2 a {
	background-position:		-262px 0;
}
.homepage ul.sections li.section-3 a {
	background-position:		-524px 0;
}
.homepage ul.sections li.section-1 a:hover {
	background-position:		0 -56px;
}
.homepage ul.sections li.section-2 a:hover {
	background-position:		-262px -56px;
}
.homepage ul.sections li.section-3 a:hover {
	background-position:		-524px -56px;
}

/* ---------- Vacancy Styles ---------- */
.job-details {
	border:						1px dotted #CCCCCC;
	margin:						0 0 20px;
	overflow:					hidden;
	padding:					5px 5px 0;
	width:						300px;	
}
.job-details dt {
	clear:						both;
	display:					inline-block;
	float:						left;
	margin:						0 0 5px;
	width:						80px;
}
.job-details dd {
	display:					inline-block;
	float:						left;
	margin:						0 0 5px;
	width:						210px;
}

/* ---------- Sidebar Styles ---------- */
#sidebar .sideblock {
	margin:						0 0 5px;	
}
#sidebar .pill {
	background:					url(../images/layout/sidebar_pill.jpg) 0 0 no-repeat;
	color:						#FFFFFF;
	height:						47px;
	padding:					15px 0 0 10px;
}

#sidebar .vacancies {
	background:					url(../images/layout/sidebar_pill_top.jpg) 0 0 no-repeat;
	padding:					11px 0 0;
}	
#sidebar .vacancies div {
	border-left:				3px solid #AC214B;
	border-right:				3px solid #AC214B;
	padding:					1px 10px;
}
#sidebar .vacancies li {
	border-bottom:				1px dotted #CCCCCC;
	list-style-type:			none;
	margin:						0 0 5px;
	padding:					0 0 5px;
}
#sidebar .vacancies li.last {
	border:						0;
	padding:					0;
}
#sidebar .vacancies li p {
	margin:						0 0 5px;	
}

#sidebar .vacancies a.button {
	background-image:			url(../images/buttons/btn_view_vacancies.jpg);
	background-position:		0 0;
	display:					block;
	float:						left;
	height:						26px;
	width:						264px;
	text-indent:				-5000px;
}
#sidebar .vacancies a.button:hover {
	background-position:		0 -26px;
}

#sidebar .vacancy-search {
	overflow:					hidden;
	padding:					0 10px;
	width:						244px;
}
#sidebar .vacancy-search li {
	list-style-type:			none;
	margin:						0 0 5px;
}
#sidebar .vacancy-search label {
	display:					block;
	font-size:					0.92em;		/* 11pt */
	margin:						0 0 5px;
}
#sidebar .vacancy-search li input {
	width:						200px;
}

/* ---------- Form Styles ---------- */
.contact-form li {
	list-style-type:			none;
	margin:						0 0 10px;
	overflow:					hidden;
    padding:                    2px 5px;
    width:                      500px;
}

.contact-form li label {
	float:						left;
	margin:					    3px 8px 0 0;
	width:						120px;
}
.contact-form li input {
	font-family:				Verdana, Geneva, sans-serif;
	font-size:					1.0em;
	float:						left;
	width:						172px;	
}
.contact-form li textarea {
	color:						#333333;
	font-family:					Verdana, Geneva, sans-serif;
	font-size:					1.0em;
	float:						left;
	height:					100px;
	width:						176px;
}
.contact-form li .button {
	background:					#BA1C4C;
	border:					1px solid #4F1627;
	color:						#FFFFFF;
	float:						right;
	margin:					0 16px 0 0;
	width:						auto;
}
.contact-form li .button:hover {
	background:					#5F5F5F;
}
.contact-form p.error {
	font-size:					0.92em;		/* 11pt */
}
#content .business-application-form ul li {
    list-style-type:            none;
    margin:                     0 0 3px;    
}
.business-application-form li label {
	width:						300px;
}
.business-application-form li strong {
	color: 					#FF0000;
	margin:					0 0 0 5px;
}
.business-application-form .checkbox {
	width:						auto;
}
#content .candidate-application-form ul li {
    list-style-type:            none;
    margin:                     0 0 3px;    
}
.candidate-application-form li.multiple {
    width:                      550px;
}
.candidate-application-form li.multiple input {
    width:                      92px;
}
#content .candidate-application-form li.multiple a.addinput,
#content .candidate-application-form li.multiple a.removeinput {
    display:                    inline-block;
    float:                      left;
    padding:                    0 0 0 2px;
}
#content .candidate-application-form li.multiple span {
    display:                    inline-block;
    margin:                     0 0 3px;
}
.candidate-application-form li label {
	width:						255px;
}
.candidate-application-form li strong {
	color: 					#FF0000;
	margin:					0 0 0 5px;
}
.candidate-application-form .checkbox {
	width:						auto;
}
#content .referral-form ul li {
    list-style-type:            none;
    margin:                     0 0 3px;    
}
.referral-form li label {
	width:						300px;
}
li strong {
	color: 					#FF0000;
	margin:					0 0 0 5px;
}
.referral-form .checkbox {
	width:						auto;
}

#content.fullwidth {
    width:                      780px;
}

#content.fullwidth #sidebar {
    margin:                     0 0 0 20px;
}

#content .contact-us-form ul li {
    list-style-type:            none;
    margin:                     0 0 3px;    
}

.contact-us-form li label {
	width:						300px;
}
.contact-us-form li strong {
	color: 					#FF0000;
	margin:					0 0 0 5px;
}
.contact-us-form .checkbox {
	width:						auto;
}

p#required {
	text-align:					right;
}

/* ---------- Search Styles ---------- */
ul#search-results {
	margin:						0;	
}
ul#search-results h4 {
	margin:						0 0 5px;
	text-transform:				none;
}
ul#search-results h4 span {
	font-size:					0.92em;		/* 11pt */
	font-style:					italic;
	font-weight:				bold;
}
ul#search-results li {
	border-bottom:				1px dotted #BA1C4C;
	list-style-type:			none;
	margin:						0 0 10px;
	padding:					0 0 10px;
}
ul#search-results li p {
	margin:						0 0 5px;
}
ul#search-results li a:hover {
	color:						#333333;
}

/* ---------- Footer Styles ---------- */
#footer {
	background:					#FFFFFF;
    height:                     70px;
	padding:					10px;
	position:					relative;
}
#footer ul.logos {
    float:                      left;
	overflow:					hidden;
	width:						400px;	
}
#footer ul.logos li {	
	float:						left;
	list-style-type:			none;
}
#footer ul.logos li a {
    display:                    block; 
    padding:                    10px 0 0;   
}
#footer ul.logos li img {
	display:					block;	
}
#footer ul.rlogos {
    float:                      right;
    overflow:                   hidden;
    width:                      380px;    
}
#footer ul.rlogos li {    
    float:                      right;
    list-style-type:            none;
    margin:                     0 0 0 10px;
}
#footer ul.rlogos li a {
    display:                    block; 
    padding:                    18px 0 0;   
}
#footer ul.rlogos li img {
    display:                    block;    
}
#footer #facebook {
	float:			right;
	position:		relative;
	right:			-205px;
	top:			-27px;	
}

#footer p {
    float:                      left;
	font-size:					0.92em;		/* 11pt */
	
    width:                      780px;
}
#footer p span {
    float:                      right;
}  
#footer a {
	text-decoration:			underline;
}
#site-wrapper .tagline {
	color:						#666666;
	float:						right;
	font-size:					0.83em;		/* 10pt */
	margin:						5px;
}
#site-wrapper .tagline a {
	text-decoration:			underline;
	color:						#fff;
}
#site-wrapper .tagline a:hover {
	text-decoration:			underline;
	color:						#000;
}

/* ---------- Additional Styles ---------- */
p.success {
	background:					#E4FFCF url(../images/icons/success.png) 8px 50% no-repeat;
}
p.warning {
	background:					#FFFF99 url(../images/icons/warning.png) 8px 50% no-repeat;
}
p.error {
	background:					#FFCFCF url(../images/icons/error.png) 8px 50% no-repeat;
}
.success {
    background:                    #E4FFCF;
}
.warning {
    background:                    #FFFF99;
}
.error {
    background:                    #FFCFCF;
}
p.notice {
	border:						1px solid #666666;
	color:						#000000;
	margin:						10px 0;
	padding:					5px 32px;
}
.hidden {
	display:					none;
}
.visible {
	display:					block;
}

/* ----------  Styles ---------- */
/* ----------  Styles ---------- */
/* ---------- IE6 Styles ---------- */
* html #navigation {
	height: 1%;
}
* html #navigation li {
	display:					inline;
	width:						1%;
}
