body
{
    background-color: #F1F1F2;
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 80%;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 150%;
}

a
{
    cursor: hand;
    text-decoration: none;
    color: #666666;
}
a:hover
{
    text-decoration: underline;
}
img
{
    border: 0;
}
p
{
    margin: 0;
    padding: 2px 0 10px 0;
}
.hide
{
    position: absolute;
    left: -1000em;
    width: 20em;
    height: 0px;
    margin: 0px;
}
ul, li
{
    margin: 0;
    padding: 0;
}
hr
{
    height: 1px;
    color: #ffffff;
}

/*######### Outer Container#############*/

#container
{
    width: 975px;
    overflow: hidden;
    margin: 0% auto;
    padding: 0;
    border: 0px solid red;
}

#topBackground
{
    width: 975px;
    height: 20px;
    margin: 0;
    padding: 0;
    border: 0px solid red;
    background-image: url(../images/includeImages/topBackground1.jpg);
    background-repeat: no-repeat;
}

#middleBackground
{
    width: 970px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 0px solid red;
    background-image: url(../images/includeImages/middleBackground.jpg);
    background-repeat: repeat-y;
}

#bottomBackground
{
    width: 975px;
    height: 25px;
    margin: 0;
    padding: 0;
    border: 0px solid red;
    background-image: url(../images/includeImages/bottomBackground.jpg);
    background-repeat: no-repeat;
}

#logo
{
    width: 370px;
    height: 30px;
    margin: 20px 0 0px 20px;
    padding: 0;
    border: 0px solid red;
    background-image: url(../images/includeImages/logo_workPermit.jpg);
    background-repeat: no-repeat;
    float: left;
}

#visaSearch
{
    float: right;
    width: 255px;
    border: 0px solid red;
    text-align: left;
    margin: 20px 0px 0 0;
    padding: 0 10px 0 0;
    white-space: normal;
    height: 20px;
}

#strapline
{
    width: 700px;
    float: right;
    text-align: right;
    font-size: 130%;
    color: #666666;
    padding: 0px 15px 0 0;
    margin: 0;
    font-weight: bold;
}

#topBar
{
    width: 950px;
    height: 23px;
    margin: 0px 0 0px 18px;
    padding: 0;
    border: 0px solid red;
    clear: both;
}

#topBar ul
{
    width: 970px;
    margin: 0;
    padding: 0;
}

#topBar li
{
    float: left;
    margin: 0 4px 0 0px;
    padding: 0;
    list-style: none;
}

#topBar ul li a
{
    border: 1px solid #F1F1F2;
    width: 128px;
    color: #000000;
    margin: 0px;
    padding: 3px 0 5px 0px;
    text-align: center;
    display: block;
    float: left;
    text-decoration: none;
    font-weight: normal;
    background-color: #999999;
}

#topHeader_subTopBarUK, #subTopBarUK
{
    /*width:940px;  	margin:0px 0 0px 18px;  	height:20px; 	padding:0; 	border:0px solid #FC6111;*/
}

#topHeader_subTopBarUK a
{
    width: 104px;
    margin: 0px 0 0px 0px;
    padding: 3px 0 5px 0px;
    text-align: center;
    display: inline;
    float: left;
    text-decoration: none;
    color: #ffffff;
    font-size: 10px;
}

#topHeader_subTopBarUK a:hover
{
    text-decoration: underline;
}

#leftNav
{
    float: left;
    width: 200px;
    margin: 0px 0 0 0px;
    padding: 0;
    --border: 0px solid red;
}

#leftNav ul, #rightNav ul
{
    list-style: none;
    background-color: #ffffff;
    --padding: 5px 0 5px 0;
}

#leftNav li, #rightNav li
{
    --border-bottom: 0px solid #009acf;
    margin: 5px 5px 2px 20px;
    list-style: disc;
    list-style-type: disc;
    vertical-align: top;
}

#leftNav a, #rightNav a
{
    text-decoration: none;
    --padding: 0px 0 2px 0;
    --margin: 0 0 0 0px;
    --color: #666666;
    font-size: 90%;
    --display: block;
    --width: 170px;
    vertical-align: top;
    --border: 0px solid #000000;
}

#leftNav a:hover, #rightNav a:hover
{
    text-decoration: underline;
}

.subList
{
    margin-left: -15px;
}
.subList li
{
    list-style: circle !important;
}

#rightNav
{
    float: right;
    width: 200px;
    border: 0px solid red;
    margin: 0;
    padding: 0;
}

.tlBGTeal
{
    background: url(../images/includeImages/curves/CurveTLTeal.jpg) no-repeat 0% 0% #009acf;
}
.tlBGRed
{
    background: url(../images/includeImages/curves/CurveTLRed.jpg) no-repeat 0% 0% #F61213;
}
/*.tlBGJade{background:url(../images/includeImages/curves/CurveTLJade.jpg) no-repeat 0% 0% #8d9150;}
*/
.tlBGPurple
{
    background: url(../images/includeImages/curves/CurveTLPurple.jpg) no-repeat 0% 0% #885e80;
}
.tlBGGreen
{
    background: url(../images/includeImages/curves/CurveTLGreen.jpg) no-repeat 0% 0% #317023;
}
.tlBGAqua
{
    background: url(../images/includeImages/curves/CurveTLAqua.jpg) no-repeat 0% 0% #5b97b1;
}
.tlBGOrange
{
    background: url(../images/includeImages/curves/CurveTLOrange.jpg) no-repeat 0% 0% #FC6111;
}



.trBGTeal
{
    background: url(../images/includeImages/curves/CurveTRTeal.jpg) no-repeat 100% 0%;
}
.trBGRed
{
    background: url(../images/includeImages/curves/CurveTRRed.jpg) no-repeat 100% 0%;
}
.trBGJade
{
    background: url(../images/includeImages/curves/CurveTRJade.jpg) no-repeat 100% 0%;
}
.trBGPurple
{
    background: url(../images/includeImages/curves/CurveTRPurple.jpg) no-repeat 100% 0%;
}
.trBGGreen
{
    background: url(../images/includeImages/curves/CurveTRGreen.jpg) no-repeat 100% 0%;
}
.trBGAqua
{
    background: url(../images/includeImages/curves/CurveTRAqua.jpg) no-repeat 100% 0%;
}
.trBGOrange
{
    background: url(../images/includeImages/curves/CurveTROrange.jpg) no-repeat 100% 0%;
}


.blBGTeal
{
    background: url(../images/includeImages/curves/CurveBLTeal.jpg) no-repeat 0% 100%;
}
.blBGRed
{
    background: url(../images/includeImages/curves/CurveBLRed.jpg) no-repeat 0% 100%;
}
.blBGJade
{
    background: url(../images/includeImages/curves/CurveBLJade.jpg) no-repeat 0% 100%;
}
.blBGPurple
{
    background: url(../images/includeImages/curves/CurveBLPurple.jpg) no-repeat 0% 100%;
}
.blBGGreen
{
    background: url(../images/includeImages/curves/CurveBLGreen.jpg) no-repeat 0% 100%;
}
.blBGAqua
{
    background: url(../images/includeImages/curves/CurveBLAqua.jpg) no-repeat 0% 100%;
}
.blBGOrange
{
    background: url(../images/includeImages/curves/CurveBLOrange.jpg) no-repeat 0% 100%;
}

.brBGTeal
{
    background: url(../images/includeImages/curves/CurveBRTeal.jpg) no-repeat 100% 100%;
}
.brBGRed
{
    background: url(../images/includeImages/curves/CurveBRRed.jpg) no-repeat 100% 100%;
}
.brBGJade
{
    background: url(../images/includeImages/curves/CurveBRJade.jpg) no-repeat 100% 100%;
}
.brBGPurple
{
    background: url(../images/includeImages/curves/CurveBRPurple.jpg) no-repeat 100% 100%;
}
.brBGGreen
{
    background: url(../images/includeImages/curves/CurveBRGreen.jpg) no-repeat 100% 100%;
}
.brBGAqua
{
    background: url(../images/includeImages/curves/CurveBRAqua.jpg) no-repeat 100% 100%;
}
.brBGOrange
{
    background: url(../images/includeImages/curves/CurveBROrange.jpg) no-repeat 100% 100%;
}

.formfield
{
    border: 1px solid #DADADA;
    font-size: 90%;
    width: 150px;
    --height: 15px;
}

.formfieldMain
{
    border: 1px solid #DADADA;
    font-size: 100%;
    width: 245px;
    height: 17px;
}

.formfieldDropDown
{
    border: 1px solid #DADADA;
    font-size: 100%;
    width: 140px;
}

.formfieldMultiLine
{
    border: 1px solid #DADADA;
    font-size: 110%;
    width: 245px;
}

.button
{
    border: 1px solid #DADADA;
    background-color: #DADADA;
    display: inline;
    width: 20px;
    float: right;
    font-size: 80%;
    margin: 0 5px 0 0;
    padding: 2px 0 2px 0;
    color: #666666;
}

#topHeader_mainImageContainer, #mainImageContainer
{
    width: 940px;
    height: 120px;
    margin: 0px 0 0px 18px;
    padding: 0;
    border: 0px solid red;
    clear: both;
}

#topHeader_mainImageLeft, #mainImageLeft
{
    width: 535px;
    height: 120px;
    margin: 0px 0 0px 0px;
    padding: 0;
    border: 0px solid red;
    float: left;
    color: #fff;
}


#mainImageRight
{
    width: 400px;
    height: 120px;
    margin: 0px 0 0px 0px;
    padding: 0;
    border: 0px solid red;
    float: right;
}

#outerMiddle
{
    width: 940px;
    overflow: hidden;
    margin: 15px 0 0 7px;
    padding: 0px 0 0 10px;
    border: 0px solid red;
}

#content
{
    width: 520px;
    float: left;
    margin: 0 0 0 10px;
    padding: 0;
    border: 0px solid red;
}

#content ul
{
    margin-left: 30px;
    line-height: 17px;
}

#footer
{
    width: 100%;
    clear: both;
    margin: 5px 0 0px 0px;
    padding: 10px 0 10px 0;
    border: 0px solid red;
    background-color: #F1F1F2;
    text-align: center;
    float: none;
    font-size: 90%;
}

#footer a
{
    text-decoration: none;
    color: #666666;
}

#footer a:hover
{
    text-decoration: underline;
    color: #666666;
}


.siteBy
{
    text-align: right;
    margin: 5px 10px 0 0;
    padding: 0;
    font-size: 80%;
}

#callBack
{
    overflow: hidden;
    height: 220px;
}

#callBack tl, #callBack tr, #callBack bl, #callBack br
{
    height: 100px;
}

.slogan
{
    width: 195px;
    padding: 30px 0 30px 0;
    margin-bottom: 10px;
    background-image: url(../images/contentImages/slogan-bg.jpg);
    background-repeat: no-repeat;
    text-align: center;
    border: 0px solid red;
    font-size: 120%;
    font-style: italic;
}

/*##################### COLOUR CODING ########################*/

#topBar a.BGRed
{
    background-color: #F61213;
    color: #ffffff;
    border-color: #F61213;
}
#topBar a.BGPurple
{
    background-color: #DDB2D6;
    color: #ffffff;
    border-color: #DDB2D6;
}
#topBar a.BGGreen
{
    background-color: #4cb74e;
    color: #ffffff;
    border-color: #4cb74e;
}
#topBar a.BGTeal
{
    background-color: #8FCDE1;
    color: #ffffff;
    border-color: #8FCDE1;
}
#topBar a.BGJade
{
    background-color: #C5C97F;
    color: #ffffff;
    border-color: #C5C97F;
}
#topBar a.BGAqua
{
    background-color: #A3C8D7;
    color: #ffffff;
    border-color: #A3C8D7;
}
#topBar a.BGOrange
{
    background-color: #F9A276;
    color: #ffffff;
    border-color: #F9A276;
}

#topBar a.BGJade:hover, #topBar a.BGJadeSelected
{
    background-color: #4cb74e;
    color: #ffffff;
    border-color: #4cb74e;
}
#topBar a.BGRed:hover, #topBar a.BGRedSelected
{
    background-color: #F61213;
    color: #ffffff;
    border-color: #F61213;
}
#topBar a.BGPurple:hover, #topBar a.BGPurpleSelected
{
    background-color: #885e80;
    color: #ffffff;
    border-color: #885e80;
}
#topBar a.BGAqua:hover, #topBar a.BGAquaSelected
{
    background-color: #5b97b1;
    color: #ffffff;
    border-color: #5b97b1;
}
#topBar a.BGOrange:hover, #topBar a.BGOrangeSelected
{
    background-color: #FC6111;
    color: #ffffff;
    border-color: #FC6111;
}
#topBar a.BGTeal:hover, #topBar a.BGTealSelected
{
    background-color: #009acf;
    color: #ffffff;
    border-color: #009acf;
}
#topBar a.BGGreen:hover, #topBar a.BGGreenSelected
{
    background-color: #317023;
    color: #ffffff;
    border-color: #317023;
}

.BGTeal
{
    background-color: #009acf;
}
.BGRed
{
    background-color: #F61213;
}
.BGJade
{
    background-color: #4cb74e;
}
.BGPurple
{
    background-color: #885e80;
}
.BGAqua
{
    background-color: #5b97b1;
}
.BGOrange
{
    background-color: #FC6111;
}
.BGGreen
{
    background-color: #317023;
}
/*#


#
*/

/*####################### BANNER BOX ##########################*/
.bannerOuter
{
    width: 450px;
    border: 0px solid red;
    margin: 18px auto;
    overflow: hidden;
}
.rectangleTop
{
    background: url(../images/includeImages/bg-main-top.jpg) no-repeat 0 0;
    height: 20px;
    border: 0px solid red;
    color: #444444;
    font-size: 11px;
    font-weight: bold;
    padding: 8px 0 0 5px;
    margin: 0;
}
.rectMiddle
{
    --background: url(../images/includeImages/leftVerticalRepeater.jpg) repeat-y;
    height: 100px;
    padding: 10px 8px 2px 5px;
    color: #555555;
    margin: -3px 0 0 0;
    border: 1px solid #d8d8d8;
    border-top: 0px;
    border-bottom: 0px;
    --text-align:justify;
}
.rectBottom
{
    --background: url(../images/includeImages/bg-main-bottom.jpg) no-repeat;
    --background-color: #F16333;
    text-align: right;
    padding: 0px 10px 3px 0;
    border: 1px solid #d8d8d8;
    border-top: 0px;
}
.rectBottom a
{
    color: #000;
    font-size: 12px;
    text-decoration: none;
}
.rectBottom a:hover
{
    text-decoration: underline;
}

#accreditations h2
{
    background: transparent url(../images/includeImages/h2_bg.jpg) repeat-x scroll left top;
    font-size: 100%;
    margin: 0.6em 0 0.2em;
    padding: 0.2em 0 0.4em 1em;
    text-align: left;
    color: #000;
}

.formLabel
{
    color: #fff;
    font-weight: bold;
    padding-left: 30px;
}