/* CSS intended for all browsers but IE Win */

/* HTML SELECTORS */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14pt;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/body_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
p, h1, h2, h3 {
	margin: 0px;
	padding: 0px;
}
h1 {
	font-size: 14pt;
	margin:0px auto 10px 20px;
	padding: 20px 0;
	font-weight:bold;
}
img {border:none;}
ul, li {
	margin: 0px;
	padding: 0px;
}

/*TO PAGE
a {
text-decoration: none;
color:#FF6600;
}
a:hover {
text-decoration: underline;
}
*/

/* ID SELECTORS */
#flash{
	width: 600px;
	height: 150px;
}

#flash p{
	padding-left: 10px;
        padding-top: 10px;
}

#logo{
    position: absolute;
    left: 76px;
    top: 181px;
}
#wrapper {
}
#top {
	height: 350px;
}
#topLeft {
	margin-left: 0px;
	height: 350px;
	width: 200px;
	float: left;
	background-image: url(../img/menu_divider.gif);
	background-repeat: repeat-x;
	background-position: 0px 336px;
}
#topLeft ul {
	list-style-type: none;
	margin: 215px 20px 30px auto;
	text-align:right;
}
#topLeft ul li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	display: block;
}
#topLeft ul li a {
}
#topLeft ul li a:hover {}

#topMain {
	margin:0 0 0 200px;
	background-image: url(../img/wrapper_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#top_pic_green {
	height:200px;
	background-image: url(../img/flower_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#top_pic_orange {
	height:200px;
	background-image: url(../img/carrots_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#top_pic_yellow {
	height:200px;
	background-image: url(../img/mellon_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#top_pic_mack {
	height:200px;
	background-image: url(../img/mack_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#mid {
	margin:0;
	padding:0;
	display:block;
}
#midLeft {	
	margin-left: 0px;
	width: 200px;
	float:left;
}
#midLeft ul {
	margin:20px 20px auto auto;
	text-align:right;
	list-style-type: none;
}
#midLeft ul li {
	margin:0;
	padding:0px;
	list-style-type: none;
}
#midLeft ul li a {
	margin:0;
	padding:0;
}
#midLeft ul li a:hover{}

#midMain {
	margin:0 0 0 200px;
	width: 600px;
	border-left: 1px dashed #D9D9D9;
	padding-bottom:20px;
}
#midMain p {
	margin: 10px 20px 5px 20px;
	color:#333333;
}
#midMain ul{
    margin: 10px 0 10px 40px;
    list-style-type: square;
}
#bottom {
	position: relative;
}

#bottomLeft {
	margin-left: 0px;
	width: 200px;
	float:left;
	text-align:right;
	position: absolute;
	top: 0px;
	left: 0px;
}
#bottomMain {
	margin:0 0 0 200px;
	background-image: url(../img/bottom_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#greenPic {
	background-image: url(../img/flower_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 150px;
}
#orangePic {
	background-image: url(../img/carrots_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 150px;
}
#yellowPic {
	background-image: url(../img/mellon_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 150px;
}
#mackPic {
	background-image: url(../img/mack_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 150px;
}
#footer {
	width:600px;
	height:14px;
	background-color: #535353;
	color: #8C8C8C;
	font-size: 7pt;
	padding-bottom: 5px;
	position: relative;
}
#footer ul{
	display:inline;
	list-style-type: none;	
}
#footer ul li{
	display:inline;
	margin-bottom:5px ! important;
}
#fresca{
	position: absolute;
	right: 5px;
        /*padding-left: 20px;*/
}
#credits {
margin-left: 10px;
}
#credits a {
color: #8C8C8C;
}
/* CLASS SELECTORS */

.copyright {
	margin-left:5px;
}

.clear:after {  /*  THIS ONE IS USED TO CLEAR THE FLOAT AFTER THE RELEVANT SELECTOR	*/
content: "."; 
display: block; 
height: 40px; 
visibility: hidden;
clear: both;
}


/* CSS for forms inside content pages */

#contentForm {
margin: 10px auto auto 20px;
width: 300px;
padding: 10px 10px 40px 0px;
background: #FDFDFD;
border: 1px dashed #E6E6E6;
}
#contentForm input.field {
width: 250px;
border: 1px solid #333333;
margin-bottom: 10px;
margin-left: 20px;
}
#contentForm textarea {
width: 250px;
border: 1px solid #333333;
margin-bottom: 10px;
margin-left: 20px;
}
#subButton {
margin-top: 10px;
width: 50px ! important;
margin-left: 222px;
}
#contentForm label {
margin-left: 20px;
}
#preForm {
width: 230px;
}
#formStyle {
width: 230px;
margin: 20px auto 30px 20px;
}
input {
	margin: 0px auto 10px 0;
	width: 200px;
	border: 1px solid #444444;
	background-color: #FFFFFF;
        font-size: 11px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}
textarea {
	margin: 0px auto 10px 0;
	width: 200px;
	border: 1px solid #444444;
	background-color: #FFFFFF;
        font-size: 11px;
        height: 60px;
        overflow: auto;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}

label {
        font-size: 7pt;
        font-weight: bold;
        color: #444444;
}
address {
	font-style:normal;
	position: absolute;
	right: 5px;
	top: 20px;
	text-align:right;
}
#midMainTwo {
	margin:0 0 0 200px;
	width: 600px;
	border-left: 1px dashed #D9D9D9;
	padding-bottom: 20px;
	position: relative;
}

#midMainTwo p {
	margin: 10px 20px 5px 20px;
	color:#333333;
}
#formStyle #button {
width: 50px;
margin: 10px 0 0 152px;
font-size: 11px;
}

#position, #eligibility, #workvisa {
width: 200px ! important;
font-size: 11px;
}

/* CSS for vacancy bits */

.vacancy {
line-height: 11pt;
padding-top: 10px;
}

.vacancy_id {
font-weight: bold;
}

.vacancy_location {
font-weight: bold;
}

.vacancy a {
position: relative;
top: 5px;
text-decoration: none;
}

.vacancy a:hover {
text-decoration: underline;
}

.bold {
font-weight: bold;
}

.divider {
height: 5px;
border-bottom: 1px dashed #EDEDED;
}

#midMain h2, h3 {
font-size: 10pt;
font-weight: bold;
margin: 0px auto 5px 20px;
}
#midMainTwo h2, h3 {
font-size: 10pt;
font-weight: bold;
margin: 0px auto 5px 20px;
}
#application_form_1 {
margin-left: 20px;
}

#application_form_1 label {
margin-left: 0px;
}
#application_form_1 input {
display: block;
font-size: 11px;
}
#application_form_1 p {
margin-left: 0px;
}
#application_form_1 select {
display: block;
margin-bottom: 10px;
border: 1px solid #333333;
}
#application_form_1 #button {
margin: 30px 0px 0px 157px;
border: 1px solid #333333;
width: auto ! important;
padding: 0px 5px 0px 5px;
}

#application_form_1 textarea {
overflow: auto;
height: 60px;
display: block;
font-size: 11px;
}
#application_form_2 label {
margin-left: 20px;
}
#application_form_2 #gender, #ethnicity {
display: block;
margin: 0px auto 10px 20px;
width: 200px;
border: 1px solid #333333;
}
#application_form_2 #rp_year {
margin-bottom: 10px;
border: 1px solid #333333;
width: 65px;
}
#application_form_2 #rp_day {
margin: 0px auto 0px 20px;
border: 1px solid #333333;
margin-bottom: 10px;
border: 1px solid #333333;
width: 63px;
}
#application_form_2 #rp_month {
margin-bottom: 10px;
border: 1px solid #333333;
width: 63px;
}

#application_form_2 #ethnic {
display: block;
margin-bottom: 10px;
margin-left: 20px;
width: 200px;
border: 1px solid #333333;
}

#application_form_2 input {
display: block;
margin-left: 20px;
width: 200px;
font-size: 11px;
}

#application_form_2 #disability {
margin-left: 20px;
width: 200px;
border: 1px solid #333333;
}

#application_form_2 #cv_upload {
border: 1px solid #333333 ! important;
font-size: 11px;
}
#application_form_2 #submit {
margin-top: 40px;
width: 100px;
font-size: 11px;
}

#application_form_2 select {
font-size: 11px;
}

/* PRESS RELATED CLASSES */

h2.news_title {
font-style: italic;
font-weight: bold;
color:#333333;
}
p.news_list_title {
font-weight: bold;
font-size: 8pt;
margin-bottom: -5px ! important;
}
p.news_list_title a {
text-decoration: none;
color:#333333;
}
p.news_list_title a:hover {
text-decoration: underline;
}


p.news_location {
margin-bottom: -10px ! important;
padding-bottom: 0px;}

p.news_date {}

p.news_summary {
font-style: normal;
}

p.news_body {
line-height: 11pt;
color: #666666 ! important;
}