﻿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:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    background-color:#ffffff;
    border-width:1px;
    border-color:#8e8e8e;
    border-style:solid;
    color:#5e5e5e;
    height:18px;
    font-size:1.2em;
}

.formtickboxes
{
    margin:-20px 0px 0px 160px
}

hr
{
width:100%;
border-top:solid 1px #d9d9d9;
border-right:solid 0px #cccccc;
border-left:solid 0px #cccccc;
border-bottom:solid 0px #cccccc;
margin:0px 0px 20px 0px;
}




/* ################################### HEADER LAYOUT  #################################*/
#HeaderContainer
{
    display:none;
}




/* ################################### NAV LAYOUT  #################################*/

#NavContainer
{
   display:none;
}



/* ################################### BREADCRUMB LAYOUT  #################################*/

#breadcrumb
{
    padding:10px 0px 10px 20px;
    border:solid 0px #000;
    margin:0px 0px 0px 0px;
}


/* ################################### PAGE LAYOUT  #################################*/

#MainOuter
{
    width:100%;
    background-image:url(../images/copy_bg.gif);
    background-position:top;
    background-repeat:repeat-x;
    background-color:#fff;
}

/* ################################### HOMEPAGE LAYOUT  #################################*/

#ctl00_MainArea_HomepageArea
{
    width:938px;
    margin: 0 auto;
    padding:36px 0px 30px 0px;
    border:solid 0px #000;
}











#home_content_1
{
    border:solid 0px #000;
    width:282px;
    float:left;
}

#home_content_1_top
{
    padding:0px 0px 0px 0px;
}
#home_content_1_middle
{
    min-height:230px;
    height:auto !important;
    height:230px;
    border-right:solid 2px #dedede;
    border-left:solid 2px #dedede;
    padding:10px 10px 1px 10px;
}
#home_content_1_bottom
{
    background-image:url(../images/home_content_1_footer.gif);
    height:11px;
}









#home_content_2
{
    border:solid 0px #000;
    width:626px;
    float:right;
}









#home_content_3
{
    border:solid 0px #000;
    width:282px;
    min-height:200px;
    height:auto !important;
    height:200px;
    float:left;
    margin:26px 0px 0px 0px;
}

#home_content_3_top
{
    padding:0px 0px 0px 0px;
}
#home_content_3_middle
{
    padding:15px 10px 1px 10px;
    background-color:#e2e2e2;
}
#home_content_3_bottom
{
    background-image:url(../images/home_content_3_footer.gif);
    background-position:bottom;
    background-repeat:no-repeat;
    background-color:#e2e2e2;
    padding:0px 30px 20px 0px;
}










#home_content_4
{
    border:solid 0px #000;
    width:221px;
    min-height:200px;
    height:auto !important;
    height:200px;
    float:left;
    margin:26px 0px 0px 26px;
}











#home_content_5
{
    border:solid 0px #000;
    width:378px;
    min-height:200px;
    height:auto !important;
    height:200px;
    float:right;
    margin:26px 0px 0px 0px;
}











/*######################################### COPYPAGE LAYOUT #########################*/


#ctl00_MainArea_CopypageArea
{
    width:938px;
    padding:0px 0px 0px 0px;
    margin: 0 auto;
}


#leftcol
{
    width:200px;
    padding:0px 0px 0px 0px;
    float:left;
    border:solid 0px #000;
    min-height:300px;
    height:auto !important;
    height:300px;
}

#SideMenu
{
    display:none;
}

#ctl00_MainArea_downloads
{
    width:199px;
    margin:11px 0px 0px 0px;
    background-color:#dedede;
    background-repeat:no-repeat;
    background-image:url(../images/sidemenu_bottom.gif);
    background-position:bottom;
    border:solid 1px #000;
}

#left_buttons
{
    width:200px;
    margin:11px 0px 0px 0px;
}

#ctl00_MainArea_maincol
{
    float:left;
    border:solid 0px #000;
    padding:0px 0px 20px 47px;
    margin:0px 0px 0px 0px;
    background-color:#fff;
    min-height:400px;
    height:auto !important;
    height:400px;
}

#ctl00_MainArea_rightcol
{
    width:188px;
    padding:0px 0px 0px 0px;
    float:right;
    border:solid 0px #000;
    min-height:300px;
    height:auto !important;
    height:300px;
}

#right_buttons
{
    width:188px;
    margin:11px 0px 0px 0px;
}

#ctl00_MainArea_quotes
{
    width:186px;
    margin:11px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    border:solid 0px #000;
}
#quotestop
{
    background-image:url(../images/quote_top.gif);
    background-repeat:no-repeat;
    background-color:#d0d0d0;
    padding:0px 0px 0px 0px;
    height:9px;
}
#quotesmiddle
{
    background-color:#d0d0d0;
    padding:10px 10px 1px 10px;
}
#quotesbottom
{
    background-image:url(../images/quote_bottom.gif);
    background-repeat:no-repeat;
    height:10px;
}

#cutouts
{
    width:188px;
    margin:11px 0px 0px 0px;   
}

.NewsOverview
{
    display:block;
    margin:15px 0px 0px 0px;
    border-bottom:solid 1px #d0d0d0;
    min-height:90px;
    height:auto !important;
    height:90px;
}

#searchbox
{
    width:379px;
    height:95px;
    background-image:url(../images/vacancy_search_bg.gif);
    margin:0px 0px 20px 40px;
}

#searchbox table
{
    margin:40px 0px 0px 25px;
}



               




/*########################################FOOTER LAYOUT##############################*/

#footer_container
{
    width:100%;
    background-image:url(../images/footer_bg.gif);
    background-position:top;
    background-repeat:repeat-x;
    border-bottom:solid 1px #bf7311;
}

#footer
{
    width:938px;
    margin:0 auto;
    padding: 12px 0px 13px 0px;
}

#sign_off_container
{
    width:100%;
    border-top:solid 1px #fbc37c;
}

#sign_off
{
    width:938px;
    margin:0 auto;
    padding:10px 0px 1px 0px;
}


#DesignedBy
{
    float:right;
    padding:0px 0px 20px 0px;
}







body
{
color:#636363;
font-size:62.5%;
font-family:Verdana, Arial, Sans-Serif;
line-height:1.6em;
}






/* ################################### HOMEPAGE STYLES  #################################*/


#ctl00_MainArea_HomepageArea
{
font-size:1.1em;
line-height:1.4em;
}

#ctl00_MainArea_HomepageArea h1
{
color:#004785;
font-size:1.6em;
font-weight:bold;
margin:0px 0px 20px 0px;
}

#ctl00_MainArea_HomepageArea h2
{
color:#004785;
font-size:1.0em;
font-weight:bold;
margin:0px 0px 20px 0px;
}

#ctl00_MainArea_HomepageArea h3
{
color:#004785;
font-weight:bold;
margin:0px 0px 20px 0px;
}

#ctl00_MainArea_HomepageArea h4
{
color:#004785;   
font-weight:normal;
margin:0px 0px 0px 0px;
font-size:1.0em;

}

#ctl00_MainArea_HomepageArea p
{
margin:0px 0px 10px 0px;
}

#ctl00_MainArea_HomepageArea a
{
color:#004785;
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 0px 25px;
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 10px 0px;
list-style-image:url(../images/bullet.gif);
}

#ctl00_MainArea_HomepageArea ol
{
margin:0px 0px 20px 30px;
padding:0px 0px 0px 0px;
list-style-type:decimal;
}

#ctl00_MainArea_HomepageArea ol li
{
list-style-type:decimal;
padding:0px 0px 10px 0px;
}








/*############ home content 1 specials ###############*/

#home_content_1_top h1
{
    background-image:url(../images/home_content_1_banner.gif);
    color:#004785;
    font-weight:normal;
    padding:11px 0px 17px 15px;
    margin:0px;
}


/*############ home content 3 specials ###############*/

#home_content_3_top h2
{
    background-image:url(../images/home_content_3_banner.gif);
    color:#004785;
    font-weight:normal;
    font-size:1.2em;
    padding:13px 0px 15px 45px;
    margin:0px;
}

#home_content_3_middle a
{
    color:#636363;
}

#home_content_3_middle ul
{
    list-style-image:url(../images/news_bullet.gif);
    margin:0px 0px 10px 25px;
}

#home_content_3_middle ul li
{
    list-style-image:url(../images/news_bullet.gif);
    padding:0px 0px 10px 10px;
}

#home_content_3_bottom
{
    text-align:right;
}












/*################################################### COPY STYLES ####################*/

#ctl00_MainArea_CopypageArea
{
font-size:1.1em;
line-height:1.6em;
}

#ctl00_MainArea_CopypageArea h1
{
color:#004785;
font-size:1.4em;
font-weight:normal;
margin:0px 0px 20px 0px;
padding:0px 0px 5px 0px;
border-bottom:solid 1px #f8981d;
}

#ctl00_MainArea_CopypageArea h2
{
color:#004785;
font-weight:bold;
margin:0px 0px 20px 0px;
}

#ctl00_MainArea_CopypageArea h3
{
color:#004785;
font-weight:normal;
margin:0px 0px 20px 0px;
}

#ctl00_MainArea_CopypageArea h4
{
   
color:#004785;   
font-weight:bold;
margin:0px 0px 0px 0px;
font-size:1.0em;

}

#ctl00_MainArea_CopypageArea p
{
margin:0px 0px 20px 0px;
}

#ctl00_MainArea_CopypageArea a
{
color:#004785;
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 10px 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 10px 0px;
list-style-image:url(../images/bullet.gif);
}

#ctl00_MainArea_CopypageArea ol
{
margin:0px 0px 10px 30px;
padding:0px 0px 0px 0px;
list-style-type:decimal;
}

#ctl00_MainArea_CopypageArea ol li
{
list-style-type:decimal;
padding:0px 0px 10px 0px;
}

#ctl00_MainArea_CopypageArea h2 a
{
color:#004785;
font-size:1.0em;
font-weight:bold;
margin:0px 0px 10px 0px;
}







#ctl00_MainArea_CopypageArea ul.SiteMap
{
margin:0px 0px 10px 30px;
padding:0px 0px 0px 0px;
list-style-image:none;
}

#ctl00_MainArea_CopypageArea ul.SiteMap li
{
margin:0px 0px 0px 0px;
padding:0px 0px 5px 0px;
list-style-image:none;
}









#ctl00_MainArea_downloads h4
{
    display:block;
    color:#004785;
    font-size:1.1em;
    font-weight:normal;
    background-color:#c2c2c2;
    background-image:url(../images/side_nav_bg.gif);
    background-repeat:no-repeat;
    padding:7px 0px 10px 15px;
    margin:0px 0px 10px 0px;
}

#ctl00_MainArea_downloads ul
{
    list-style-image:url(../images/news_bullet.gif);
    margin:0px 0px 10px 30px;
}

#ctl00_MainArea_downloads ul li
{
    list-style-image:url(../images/news_bullet.gif);
    padding:0px 0px 10px 10px;
}

#ctl00_MainArea_downloads ul li a
{
    color:#636363;
    text-decoration:none;
}
#ctl00_MainArea_downloads ul li a:hover
{
    color:#636363;
    text-decoration:underline;
}






#ctl00_MainArea_quotes
{
    font-size:0.9em;
}
#ctl00_MainArea_quotes p
{
    margin:0px 0px 10px 0px
}




#projectheader_container table
{
    border-bottom:solid 1px #ccc;
}

#projectheader_container th
{
    border-top:solid 1px #ccc;
    border-left:solid 1px #ccc;
    font-weight:bold;
    padding:5px;
    width:150px;
}

#projectheader_container td
{
    border-top:solid 1px #ccc;
    border-left:solid 1px #ccc;
    border-right:solid 1px #ccc;
    padding:5px;
    width:280px;
}


















#ctl00_MainArea_CopypageArea tr.pager td
{
border-bottom:solid 0px #000;
}
#ctl00_MainArea_CopypageArea tr.pager td table
{
float:right;
}




#ctl00_MainArea_CopypageArea tr.pager a
{
    display:block;
    width:15px;
    padding:0px 0px 0px 3px;
    text-decoration:underline;
    height:20px;
}


#ctl00_MainArea_CopypageArea tr.pager span
{
display:block;
width:15px;
padding:0px 0px 0px 3px;
}




/* ################################### BREADCRUMB STYLES  #################################*/

#breadcrumb
{
color:#676767;
font-size:0.8em;
}

#breadcrumb a
{
color:#676767;
text-decoration:none;
}

#breadcrumb a:hover
{
text-decoration:underline;
}














/*######################################FOOTER STYLES###############################*/

#footer
{
color:#ffffff;
font-size:1.1em;
}

#footer a
{
color:#ffffff;
text-decoration:none;
}

#footer a:hover
{
text-decoration:underline;
}

#sign_off
{
    font-size:1.1em;
    color:#fff;
}


#DesignedBy
{
color:#ffffff;
text-align:left;
line-height:1.4em;
}

#DesignedBy a
{
color:#ffffff;
text-decoration:underline;
}

#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:#dedede;
    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:#dedede;
    color:#636363;
    padding-top:2px;
    padding-left:35px;
    padding-right:5px;
    width:422px;
    font-weight:bold;
  
    height:auto;
    padding-bottom:2px;
    display:block;
    background-image:url('../images/expand2.gif');
    background-repeat:no-repeat;
	
	cursor:pointer;
	cursor:hand;
}
.MenuTop:hover
{
	color:#ffffff;
}

#ctl00_MainArea_CopypageArea a.MenuTop 
{
	color:#636363;
}