﻿body
{
color:#454d57;
font-size:62.5%;
font-family:Arial, Verdana, Sans-Serif;
line-height:1.4em;
}






/* ################################### HOMEPAGE STYLES  #################################*/


#ctl00_MainArea_HomepageArea
{
font-size:1.2em;
line-height:1.4em;
}

#ctl00_MainArea_HomepageArea h1
{
color:#0a803f;
font-size:1.5em;
font-weight:bold;
margin:0px 0px 20px 0px;
}

#ctl00_MainArea_HomepageArea h2
{
color:#0a803f;
font-size:1.0em;
font-weight:bold;
margin:0px 0px 20px 0px;
}

#ctl00_MainArea_HomepageArea h3
{
color:#0a803f;
font-weight:bold;
margin:0px 0px 20px 0px;
}

#ctl00_MainArea_HomepageArea h4
{
color:#E00A0A; 
font-weight:normal;
margin:0px 0px 0px 0px;
font-size:1.0em;

}

#ctl00_MainArea_HomepageArea p
{
margin:0px 0px 20px 0px;
}

#ctl00_MainArea_HomepageArea a
{
color:#E00A0A;
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 20px 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 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;
}












#HomeCaseStidies
{
    font-size:0.9em;
    line-height:1.2em;
}

#HomeCaseStidies p
{
    margin:0px 0px 2px 0px
}

#HomeCaseStidies h4
{
    color:#e00a0a;
    font-weight:bold;
}

#HomeCaseStidies hr
{
width:100%;
border-top:solid 1px #007f00;
border-right:solid 0px #cccccc;
border-left:solid 0px #cccccc;
border-bottom:solid 0px #cccccc;
margin:20px 0px 15px 0px;
}









/*################################################### COPY STYLES ####################*/

#ctl00_MainArea_CopypageArea
{
font-size:1.2em;
line-height:1.4em;
}

#ctl00_MainArea_CopypageArea h1
{
color:#0a803f;
font-size:1.5em;
font-weight:bold;
margin:0px 0px 20px 0px;
}

#ctl00_MainArea_CopypageArea h2
{
color:#0a803f;
font-size:1.0em;
font-weight:bold;
margin:0px 0px 20px 0px;
}

#ctl00_MainArea_CopypageArea h3
{
color:#0a803f;
font-weight:bold;
margin:0px 0px 20px 0px;
}

#ctl00_MainArea_CopypageArea h4
{
   
color:#E00A0A;   
font-weight:normal;
margin:0px 0px 0px 0px;
font-size:1.0em;

}

#ctl00_MainArea_CopypageArea p
{
margin:0px 0px 20px 0px;
}

#ctl00_MainArea_CopypageArea a
{
color:#E00A0A;
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 2px 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 2px 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:#004a8d;
font-size:1.0em;
font-weight:bold;
margin:0px 0px 10px 0px;
}
























#ctl00_MainArea_CopypageArea tr.pager table{
float:right;
margin-bottom:0px;
}


#ctl00_MainArea_CopypageArea tr.pager a
{
    color:#e00a0a;
  /*  display:block;*/
    width:11px;
    font-size:10px;
    padding:0px 0px 0px 3px;
    text-decoration:underline;
    height:35px;
}


#ctl00_MainArea_CopypageArea tr.pager span
{
color:#6c6c6c;
font-size:10px;
}




/* ################################### BREADCRUMB STYLES  #################################*/

#breadcrumb
{
color:#bebdbd;
font-size:0.8em;
}

#breadcrumb a
{
color:#bebdbd;
text-decoration:none;
}

#breadcrumb a:hover
{
text-decoration:underline;
}














/*######################################FOOTER STYLES###############################*/

#footer
{
color:#ffffff;
text-align:center;
}

#footer a
{
color:#ffffff;
text-decoration:none;
}

#footer a:hover
{
text-decoration:underline;
}


#DesignedBy
{
color:#ffffff;
text-align:left;
line-height:1.4em;
}

#DesignedBy a
{
color:#ffffff;
text-decoration:underline;
}

#DesignedBy a:hover
{
text-decoration:underline;
}

#footer_address
{
    text-align:left;
    font-size:1.2em;
    line-height:1.5em;
    
}

#footer_address h2
{
    font-size:1.4em;
    font-weight:bold;
}


#copyright a
{
	color:#454d57;
}



/*################################################################################################
########################### FORM ELEMENTS STYLING ###############################################*/




#ctl00_MainArea_CopypageArea p.form_element{
width: 500px;
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;
margin-right: 10px;
padding:0px 20px 0px 0px;
margin-left: 0px; /*width of left column*/
width: 190px; /*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;
}

/*################################# EXPANDABLE BOX #########################*/

h6
{
    background-color:#d6d6d6;
    color:#484848;
    padding-top:4px;
    padding-left:35px;
    width:494px;
    font-weight:bold;
    font-size:12px;
    height:18px;
    display:block;
    background-image:url('../images/expand_minus.jpg');
    background-repeat:no-repeat;
    margin:0px;
    margin-bottom:10px;
}

.MenuTop
{
    background-color:#d6d6d6;
    color:#484848;
    padding-left:35px;
    padding-top: 2px;
    padding-right:5px;
    width:476px;
    font-weight:bold;
    height:18px;
    display:block;
    background-image:url('../images/expand_plus.jpg');
    background-repeat:no-repeat;
	cursor:pointer;
	cursor:hand;
}

#ctl00_MainArea_HomepageArea a.MenuTop 
{
	color:#0a803f;
}

#ctl00_MainArea_HomepageArea a.MenuTop:hover
{
	color:#0a803f;
	text-decoration: none;
}

#ctl00_MainArea_maincol td h4.centre
{
   
text-align:center;

}