﻿*{ margin: 0; padding: 0; }

html, body, form, fieldset 
{
    width: 772px;
    font: 10px Verdana,Helvetica,Arial,sans-serif;
    color: #330066;
}
	.small
	{
		font-size: 8px;
	}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
}

h1 {
	font-size: 175%;
}

h2 {
	font-size: 150%;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
	margin-left: 1em;
}

/* Form field text-scaling */
input, select, textarea {
	font-size: 100%;
}

hr
{
	height:1px;
	border:none;
	color:#330066;
	background:#330066;
}

table,
table th,
table td
{
	border-collapse: collapse;
}
	table th
	{
		font-size: 12px;
	}

table.padded th,
table.padded td
{
	padding: .6em;
}


img
{
	border: none;
}

.hidden 
{
	display: none;
}

div#container
{
    margin-left: auto;
    margin-right: auto;
}

div#container-heading
{
    padding-bottom: 18px;
}
	div#container-heading img
	{
		float: left;
	}

div#container-left,
div#container-centre,
div#container-right
{
    float: left;
}

div#container-footer
{
    padding-top: 10px;
    clear: both;
    text-align: center;
}

div#container-left
{
    width: 150px;
}

div#container-centre
{
    width: 470px;
}
    div#container-centre-header
    {
        border-right: 1px solid #fff;
    }
    div#container-centre-header h1
    {
        font-size: 80%; /* Change font-size so H1 height is OK in IE 6 */
        margin: 0;
        padding: 0;
    }
    div#container-centre-content
    {
        padding: 15px;
    }

div#container-right
{
	width: 151px;
}

div#container-centre-header,
div#EnquiryForm-header
{
    background-color: #330066;
    padding: 1px 0 1px 10px;
    height: 36px;
}





/*****************************
    LOGIN FORM START
*****************************/

div#container-heading-login
{
	float:right;
	width: 30%;
	margin: 1em 2em;
}

	/*div#container-heading-login .login_title,
    div#container-heading-login .login_instructions,
    div#container-heading-login .login_button*/
    .login
    {
    	width: 50%;
    	background-color: #9999CD;
    	border: 1px solid #330066;
    }
		.login_title
		{
			color: #FFF;
			font-weight: bold;
			font-size: 12px;
			padding: .4em 0;
		}
		.login_button
		{
			margin-top: .4em;
			padding: .1em;
		}

/*****************************
    LOGIN FORM END
*****************************/





/*****************************
    ENQUIRY FORM START
*****************************/
div#EnquiryForm-header
{
    width: 150px;
}
div#EnquiryForm-form
{
    width: 145px;
}

div#EnquiryForm-header
{
    background: #330066 url(/layout/img/cnr/cnr_rgt_purple.gif) no-repeat right;
    color: #fff;
    font-weight: bold;
    border-left: 1px solid #330066;
    padding-left: 0;
}
    div#EnquiryForm-header p
    {
        margin: 23px 0 0 0;
        padding: 0;
        text-align: center;
    }

div#EnquiryForm-form
{
    border: 1px solid #330066;
    padding: 2px;
}
    div#EnquiryForm-form p.heading
    {
        margin-top: 0;
        font-weight: bold;
        text-decoration: underline;
    }
    div#EnquiryForm-form input,
    div#EnquiryForm-form textarea
    {
        font-size: 11px;
        background-color: #fff;
        border: 1px solid;
        color: #666;
        /*width: 140px;*/
    }
        div#EnquiryForm-form input.submitButton
        {
            margin-right: 4px;
            float: right;
            width: 50px;
        }

/*****************************
    ENQUIRY FORM END
*****************************/





/*****************************
    LEFT NAVIGATION START
*****************************/
ul#leftNav-List,
ul#leftNav-List li ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}
    ul#leftNav-List li,
    ul#leftNav-List li ul li
    {
    	position: relative;
    	margin: 0;
        padding: 0;
    }
        ul#leftNav-List li a,
        ul#leftNav-List li ul li a
        {
            display: block;
            padding: 4px 5px 0 18px;
            width: 127px;
            background: #EBEBF5 url(/layout/img/nav/arrow-off.gif) no-repeat 5px;
            text-decoration: none;
            font-weight: bold;
            height: 18px;
            color: #330066;
            border-top: 1px solid #000;
        }
            ul#leftNav-List li a:hover
            {
                background: #330066 url(/layout/img/nav/arrow-on.gif) no-repeat 5px;
                color: #fff;
            }
            ul#leftNav-List li a.last
            {
                border-bottom: 1px solid #000;
            }
    
    /* sub nav */
    ul#leftNav-List li ul
    {
    	position: absolute;
		left: -1000px;
		z-index: 100;
	}
	
	ul#leftNav-List li:hover ul
	{
		top: 0;
		left: 150px;
	}
    
    div#leftNav-Logos
    {
    	text-align: center;
    }
		div#leftNav-Logos img
		{
			margin: 2em 0;
		}
/*****************************
    LEFT NAVIGATION END
*****************************/





/*****************************
        CONTENT START
*****************************/

img.intro
{
	float: left;
	padding: 0 1em .5em 0;
}

/* Homepage Content Boxes */
div.homeContentBoxLeft,
div.homeContentBoxRight
{
    width: 210px;
    height: 130px;
    margin-bottom: 3em;
}
    div.homeContentBoxLeft img,
    div.homeContentBoxRight img,
    div.homeContentBoxFull img
    {
        margin: 0;
        padding: 0;
        vertical-align: bottom;
    }
    div.homeContentBoxLeft
    {
        float: left;
    }
    div.homeContentBoxRight
    {
        float: right;
    }

div.homeContentBoxLeft div.homeContentBox-Content,
div.homeContentBoxRight div.homeContentBox-Content {
	height: 100%;
}

div.homeContentBox-Content
{
    margin: 0;
    padding: 5px;
    border: 1px solid #9999CC;
}
	div.homeContentBox-ContentText
	{
		height: 75%;
	}
	div.homeContentBox-ContentImage img {
		float: right;		
	}
    div.homeContentBox-Content p.first
    {
        margin-top: 0;
    }
    
    /* Used for latest vacancies */
    div.homeContentBox-Content ol
    {
    	margin-left: 1.5em;
    }
/* Homepage Content Boxes End */

/* Jobs */
span.jobHeading
{
	display: block;
	float: left;
	width: 110px;
	clear: left;
	font-weight: bold;
}
/* Jobs End */

/* Buisness Card */
table#tblBuisnessCard
{
	color: #808080;
}
	table#tblBuisnessCard tr td
	{
		border: 1px solid;
		border-top: none;
		border-bottom: none;
		height: 18px;
	}
/* End Buisness Card */

/*****************************
        CONTENT END
*****************************/