body
{
}

.floatleft
{
    float:left;
    padding:1px 1px 1px 1px;
}

.floatright
{
    float:right;
    padding:1px 1px 1px 1px;
}

.clear
{
    clear:both;
}

.center
{
    text-align:center;
}

p.right
{
text-align:right;
}
p.left
{
text-align:left;
}
p.centre
{
text-align:center;
}

img.right
{
float:right;
}
img.left
{
float:left;
}
img.center
{
text-align:center;
}

.bold
{
    font-weight:bold;
}

.ErrorLabels
{
    font-weight:bold;
    font-size:11px;
    color:Red;
}

td
{
    vertical-align:top;
}

img
{
    border:0px;
    margin:0px;
    padding:0px;
}

.TextBoxes
{
    vertical-align:top;
    margin:-1px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    background-color:#ffffff;
    border-width:1px;
    border-color:#8e8e8e;
    border-style:solid;
    color:#5e5e5e;
    height:15px;
    font-size:1.2em;
}

.formtickboxes
{
    margin:-20px 0px 0px 160px
}

/* ################################### HEADER LAYOUT  #################################*/
#HeaderContainer
{
Width:100%;
background-color:#005983;
}
#Header
{
width:770px;
margin:0 auto;

}
#Logo
{
text-align:center;
}


/* ################################### NAV LAYOUT  #################################*/

#NavContainer
{
display:none;
}

#navigation
{
display:none;
}

/* ################################### BREADCRUMB LAYOUT  #################################*/

#breadcrumbcontainer
{
    width:100%;
    height:30px;
    padding:0px 0px 0px 0px;
}

#breadcrumb
{
    padding:7px 0px 1px 20px;
    margin:0 auto;
    width:750px;
    height:10px;
    border:solid 0px #000;
}

#ctl00_search
{
    display:none;
    
}


/* ################################### PAGE LAYOUT  #################################*/

/* ################################### HOMEPAGE LAYOUT  #################################*/

#ctl00_MainArea_HomepageArea
{
width:770px;
margin: 0 auto;
}

#HomeCopyArea
{
width:736px;
float:left;
padding:10px 10px 0px 10px;
background-color:#ffffff;
}

#HomeCopyBottom
{
display:none;
}

#LatestVacancies
{
display:none;
}

#HomeQuickLinks
{
display:none;
}

#LatestNews
{
display:none;
}

#HomeFloatingButtons
{
display:none;
}

.ColumnBottom
{
display:none;
}









/*######################################### COPYPAGE LAYOUT #########################*/


#ctl00_MainArea_CopypageArea
{
width:770px;
margin: 0 auto;
}

#rightcol
{
width:773px;
float:right;
}

#leftcol
{
display:none;
}

#SideMenu
{
display:none;
}
                
#Downloads
{
display:none;
}                      
                
#CopyQuickLinks
{
display:none;
}
                 
#CopyFloatingButtons
{
display:none;
}

.CopyColumnBottom
{
display:none;
}
                
#Quotes
{
display:none;
}

.QuoteBottom
{
display:none;
}
                
#CopyArea
{
width:551px;
padding:15px 11px 1px 11px;
background-color:#ffffff;
}

#CopyBottom
{
background-image:url(../images/copy_column_rounded_bottom.gif);
background-position:bottom;
background-repeat:no-repeat;
width:573px;
height:8px;
}





/*########################################FOOTER LAYOUT##############################*/

#footer
{
    width:770px;
    height:50px;
    margin:0 auto;
    padding: 10px 15px 1px 15px;
}

#DesignedBy
{
    width:770px;
    height:30px;
    margin:0 auto;
    padding:0px 0px 1px 10px;
}

















































body
{
color:#747474;
font-size:62.5%;
font-family:Verdana, Arial, Sans-Serif;
line-height:1.6em;
}



/* ################################### BREADCRUMB STYLES  #################################*/

#breadcrumb
{
font-size:0.9em;
}

#breadcrumb a
{
color:#a1a4a8;
text-decoration:none;
}

#breadcrumb a:hover
{
text-decoration:underline;
}


/* ################################### HOMEPAGE STYLES  #################################*/


#ctl00_MainArea_HomepageArea
{
font-size:1.1em;
line-height:1.6em;
}

#ctl00_MainArea_HomepageArea h1
{
color:#005983;
font-size:1.3em;
font-weight:bold;
margin:17px 0px 14px 0px;
}

#ctl00_MainArea_HomepageArea h2
{
font-weight:bold;
margin:0px 0px 17px 0px;
}

#ctl00_MainArea_HomepageArea h4
{
   
color:#005983;
font-weight:bold;
margin:0px 0px 17px 0px;
font-size:1.0em;

}

#ctl00_MainArea_HomepageArea p
{
margin:0px 0px 17px 0px;
}

#ctl00_MainArea_HomepageArea a
{
color:#005983;
text-decoration:none;
}

#ctl00_MainArea_HomepageArea a:hover
{
text-decoration:underline;
}

#ctl00_MainArea_HomepageArea strong
{
font-weight:bold;
}

#ctl00_MainArea_HomepageArea em
{
font-style:italic;
}

#ctl00_MainArea_HomepageArea ul
{
margin:0px 0px 17px 30px;
padding:0px 0px 0px 0px;
list-style-image:url(../images/bullet.gif);
}

#ctl00_MainArea_HomepageArea ul li
{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
list-style-image:url(../images/bullet.gif);
}

#ctl00_MainArea_HomepageArea ol
{
margin:0px 0px 17px 30px;
padding:0px 0px 0px 0px;
list-style-type:decimal;
}

#ctl00_MainArea_HomepageArea ol li
{
list-style-type:decimal;
}

#ctl00_MainArea_HomepageArea h3
{
display:block;
width:178px;
height:22px;
padding:3px 0px 0px 15px;
margin:0px 0px 10px 0px;
color:#ffffff;
font-size:1.2em;
font-weight:normal;
background-image:url(../images/column_heading_bg.jpg);
}

#LatestVacancies ul
{
margin:0px 0px 10px 30px;
}

#LatestVacancies ul li
{
list-style-image:url(../images/column_bullet.gif);
margin:0px 0px 5px 0px;
}

#LatestVacancies p
{
margin:0px 0px 0px 0px;
}

#LatestVacancies ul li a
{
font-size:1.0em;
color:#555555;
margin:0px 0px 0px 0px;
}

#LatestVacancies a
{
font-size:0.9em;
margin:0px 0px 0px 15px;
}

#HomeQuickLinks ul
{
margin:0px 0px 0px 30px;
}

#HomeQuickLinks ul li
{
list-style-image:url(../images/column_bullet.gif);
margin:0px 0px 5px 0px;
}

#HomeQuickLinks a
{
font-size:1.0em;
color:#555555;
margin:0px 0px 0px 0px;
}

#LatestNews ul li
{
list-style-image:url(../images/column_bullet.gif);
margin:0px 0px 5px 0px;
}

#LatestNews p
{
margin:0px 0px 10px 0px;
padding:0px 15px 0px 15px;
}

#LatestNews a
{
font-size:0.9em;
margin:0px 0px 0px 15px;
}

#LatestNews p a
{
font-size:1.0em;
color:#555555;
font-weight:bold;
margin:0px 0px 0px 0px;
}





/*################################################### COPY STYLES ####################*/

#ctl00_MainArea_CopypageArea
{
font-size:1.1em;
line-height:1.6em;
}

#ctl00_MainArea_CopypageArea h1
{
color:#005983;
font-size:1.3em;
font-weight:bold;
margin:0px 0px 14px 0px;
}

#ctl00_MainArea_CopypageArea h2
{
font-weight:bold;
color:#005983;
margin:0px 0px 17px 0px;
}

#ctl00_MainArea_CopypageArea h4
{
   
color:#005983;
font-weight:bold;
margin:0px 0px 17px 0px;
font-size:1.0em;

}

#ctl00_MainArea_CopypageArea p
{
margin:0px 0px 17px 0px;
}

#ctl00_MainArea_CopypageArea a
{
color:#005983;
text-decoration:none;
}

#ctl00_MainArea_CopypageArea a:hover
{
text-decoration:underline;
}

#ctl00_MainArea_CopypageArea strong
{
font-weight:bold;
}

#ctl00_MainArea_CopypageArea em
{
font-style:italic;
}

#ctl00_MainArea_CopypageArea ul
{
margin:0px 0px 17px 30px;
padding:0px 0px 0px 0px;
list-style-image:url(../images/bullet.gif);
}

#ctl00_MainArea_CopypageArea ul li
{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
list-style-image:url(../images/bullet.gif);
}

#ctl00_MainArea_CopypageArea ol
{
margin:0px 0px 17px 30px;
padding:0px 0px 0px 0px;
list-style-type:decimal;
}

#ctl00_MainArea_CopypageArea ol li
{
list-style-type:decimal;
}

#ctl00_MainArea_CopypageArea h3
{
display:block;
width:166px;
height:22px;
padding:3px 0px 0px 15px;
margin:0px 0px 10px 0px;
color:#ffffff;
font-size:1.2em;
font-weight:normal;
background-image:url(../images/column_heading_bg.jpg);
}

#CopyQuickLinks ul
{
margin:0px 0px 0px 30px;
}

#CopyQuickLinks ul li
{
list-style-image:url(../images/column_bullet.gif);
margin:0px 0px 5px 0px;
}

#CopyQuickLinks a
{
font-size:1.0em;
color:#555555;
margin:0px 0px 0px 0px;
}

#Downloads ul
{
margin:0px 0px 0px 30px;
}

#Downloads ul li
{
list-style-image:url(../images/column_bullet.gif);
margin:0px 0px 5px 0px;
}

#Downloads a
{
font-size:1.0em;
color:#555555;
margin:0px 0px 0px 0px;
}

#Quotes
{
color:#555555;
}

#Quotes h4
{
color:#005983;
font-weight:bold;
font-size:1.0em;
}


#ctl00_MainArea_CopypageArea tr.pager a
{
    color:#696969;
  /*  display:block;*/
    width:11px;
    padding:0px 0px 0px 3px;
    text-decoration:underline;
    height:35px;
}


#ctl00_MainArea_CopypageArea tr.pager span
{
color:#005983;
}















/*######################################FOOTER STYLES###############################*/

#footer
{
color:#555555;
text-align:center;
line-height:2em;
}

#footer a
{
color:#555555;
text-decoration:none;
}

#footer a:hover
{
text-decoration:underline;
}


#DesignedBy
{
color:#889095;
text-align:center;
}

#DesignedBy a
{
color:#889095;
text-decoration:none;
}

#DesignedBy a:hover
{
text-decoration:underline;
}




/*################################################################################################
########################### FORM ELEMENTS STYLING ###############################################*/




#ctl00_MainArea_CopypageArea p.form_element{
width: 450px;
clear: left;
margin: 0;
padding: 0px 0px 0px 0px;
padding-left: 10px; /*width of left column containing the label elements*/
}

.form_element label{
font-weight: bold;
font-size:11px;
line-height:15px;
color:#646a6f;
text-align:right;
float: left;
margin:0px;
padding:0px 20px 0px 0px;
margin-left: 0px; /*width of left column*/
width: 135px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.form_element span label{
font-weight: normal;
float:none;
}

.form_element input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 205px;
height:20px;
background-color:#ffffff;
border: solid 1px #8997bc;
margin:0px;
padding:0px;
}

.form_element textarea{
width: 250px;
height: 94px;
background-color:#ffffff;
border: solid 1px #8997bc;
font-family:Verdana;
margin:0px;
padding:0px;
}


.radio_element p{
width: 300px;
margin: 0;
padding: 0px 0px 0px 0px;
padding-left: 155px; /*width of left column containing the label elements*/
}

.radio_element label{

font-size:11px;
float:left;
margin:0px;
padding:3px 0px 0px 0px;
width:126px;
margin-left: 0px; 
}

.radio_element table
{
    margin-bottom:20px;
}
.asterix
{
    color:Red;
}



h6
{
    background-color:#b5b7b8;
    color:#ffffff;
    padding-top:4px;
    padding-left:35px;
    width:422px;
    font-weight:bold;
    font-size:12px;
    height:18px;
    display:block;
    background-image:url('../images/expand.gif');
    background-repeat:no-repeat;
    margin:0px;
    margin-bottom:10px;
}

.MenuTop
{
    background-color:#005983;
    color:red;
    padding-top:3px;
    padding-left:35px;
    padding-right:5px;
    width:422px;
    font-weight:bold;
  
    height:auto;
    padding-bottom:5px;
    display:block;
    background-image:url('../images/expand2.gif');
    background-repeat:no-repeat;
	
	cursor:pointer;
	cursor:hand;
}
.MenuTop:hover
{
	color:#ffffff;
}

#CopyArea a.MenuTop 
{
	color:#ffffff;
}
    
