﻿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;
}



h1.right
{
    text-align:right;
}
h1.left
{
    text-align:left;
}
h1.centre
{
    text-align:center;
}
h2.right
{
    text-align:right;
}
h2.left
{
    text-align:left;
}
h2.centre
{
    text-align:center;
}
h3.right
{
    text-align:right;
}
h3.left
{
    text-align:left;
}
h3.centre
{
    text-align:center;
}

h4.right
{
    text-align:right;
}
h4.left
{
    text-align:left;
}
h4.centre
{
    text-align:center;
}



.bold
{
    font-weight:bold;
}


.ErrorLabels
{
    font-weight:bold;
    font-size:11px;
    color:Red;
    text-align:center;
}

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:20px 0px 15px 0px;
}


/* ################################### HEADER LAYOUT  #################################*/


#HeaderContainer
{
    width:100%;   
    background:url(../images/header_bg.jpg) top; 
}

#Header
{
    width:986px;
    position:relative;
    margin:0 auto;
    z-index:10;
}

#Logo
{
    float:left;
}

#CallUs
{
    float:right;
    clear:right;
}

#login
{
    float:right;
}



/* ################################### NAV LAYOUT  #################################*/

#NavContainer
{
display:none;}



/* ################################### BREADCRUMB LAYOUT  #################################*/

#breadcrumb
{
    width:774px;
    padding:0px 0px 0px 20px;
    border:solid 0px #000;
    margin:0px 0px 0px 0px;
    float:right;
    background:#094c7c url(../images/breadcrumb_bg.jpg) no-repeat bottom;
}

/* ################################### PAGE LAYOUT  #################################*/

#main_container
{
    width:100%;
    background:#fff url(../images/page_bg.jpg) top repeat-x;
}



/* ################################### HOMEPAGE LAYOUT  #################################*/

#ctl00_MainArea_HomepageArea
{
    width:986px;
    margin:0 auto;
    padding:0px 0px 0px 0px;
    background:#fff;
}

#home_content_1
{
    border:solid 0px #000;
    width:986px;
    padding:0px 0px 1px 0px;
}

#ctl00_MainArea_home_content_2
{
    border:solid 0px #000;
    width:191px;
    float:left;
    margin:0px 0px 0px 0px;
    padding:0px 0px 20px 0px;
    min-height:120px;
    height:auto !important;
    height:120px;
}

#ctl00_MainArea_home_content_3
{
    border:solid 0px #000;
    width:521px;
    float:left;
    margin:0px 0px 0px 0px;
    padding:26px 0px 20px 30px;
}
#ctl00_MainArea_home_content_4
{
    border:solid 0px #000;
    float:right;
    width:207px;
    padding:26px 0px 20px 0px;
}

/*######################################### COPYPAGE LAYOUT #########################*/


#ctl00_MainArea_SideMenu
{
    width:191px;
    border:solid 0px #000;
    padding:0px 0px 0px 0px;
    background-image:url(../images/side_menu_bg.gif);
    background-repeat:repeat-y;
}

.quotes
{
    display:block;
    width:191px;
    margin:11px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    border:solid 0px #000;
}

.quotestop
{
    display:block;
    background-image:url(../images/side_nav_first_bg.gif);
    background-repeat:no-repeat;
    background-color:#959595;
    padding:6px 0px 5px 15px;
}
.quotesmiddle
{
    padding:10px 15px 1px 15px;
    display:block;
    border-left:solid 1px #e0e0e0;
    border-right:solid 1px #e0e0e0;
}
.quotesbottom
{
    display:block;
    border-bottom:solid 1px #e0e0e0;
}

#latest_news
{
    width:207px;
}

#latest_news_top
{
    width:187px;
    background:#929292 url(../images/news_top.jpg) no-repeat;
    color:#fff;
    font-weight:bold;
    padding:4px 0px 3px 20px;
}

#latest_news_middle
{
    padding:10px 10px 0px 20px;
}

.NewsOverview
{
    display:block;
    margin:15px 0px 0px 0px;
    min-height:80px;
    height:auto !important;
    height:80px;
}




/*##################################################################################################*/
/* Login Boxes */
/*##################################################################################################*/               
#login_container
{
    width:190px;
    margin:0 auto;
    text-align:center;
    padding:10px 0px 10px 0px;
}

#login_box
{
    height:174px;
    width:190px;
    background:url(../images/login_bg.jpg);
}

#login_title
{
    padding:5px 0px 0px 0px;
    height:29px;
    text-align:center;
}

#login_boxes
{
    height:85px;
    text-align:center;
}



#login_button
{
    padding:0px 10px 0px 0px;
    text-align:right;
}



/*##################################################################################################*/
/* Login Boxes End */
/*##################################################################################################*/


/*########################################FOOTER LAYOUT##############################*/

#footer_container
{
    width:100%;
    background:#fff url(../images/footer_bg.jpg) repeat-x;
    border:solid 0px #000;
}


#footer
{
    width:986px;
    margin:0 auto;
    padding:0px 0px 40px 0px;
}

#SiteMap
{
    float:left;
    padding:20px 0px 0px 0px;
}
#Copyright
{
    float:right;
    padding:20px 0px 0px 0px;
}












body
{
color:#747474;
font-size:62.5%;
font-family:arial, Verdana, Sans-Serif;
line-height:1.6em;
}

/* ################################### HOMEPAGE STYLES  #################################*/

#ctl00_MainArea_home_content_3
{
    text-align:justify;
}


#ctl00_MainArea_HomepageArea
{
font-size:1.3em;
line-height:1.4em;
}

#ctl00_MainArea_HomepageArea h1
{
color:#0c66a7;
font-weight:bold;
font-size:1.4em;
margin:0px 0px 20px 0px;
border-bottom:solid 1px #c2c2c2;
}

#ctl00_MainArea_HomepageArea h2
{
color:#0c66a7;
font-size:1.3em;
font-weight:bold;
margin:0px 0px 20px 0px;
}

#ctl00_MainArea_HomepageArea h3
{
color:#0c66a7;
font-weight:bold;
margin:0px 0px 0px 0px;
}

#ctl00_MainArea_HomepageArea h4
{
display:block;
font-size:0.9em;
font-weight:bold;
color:#fff;
border-bottom:solid 1px #fff;
background-color:#959595;
background-image:url(../images/side_nav_first_bg.gif);
background-repeat:no-repeat;
padding:4px 0px 3px 10px;
margin:0px;
}

#ctl00_MainArea_HomepageArea p
{
margin:0px 0px 20px 0px;
}

#ctl00_MainArea_HomepageArea a
{
color:#0c66a7;
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 20px;
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 10px;
list-style-image:url(../images/bullet.gif);
}

#ctl00_MainArea_HomepageArea ol
{
margin:0px 0px 20px 20px;
padding:0px 0px 0px 0px;
list-style-type:decimal;
}

#ctl00_MainArea_HomepageArea ol li
{
list-style-type:decimal;
padding:0px 0px 10px 10px;
}

#ctl00_MainArea_HomepageArea ul.SiteMap
{
list-style-image:none;
}

#ctl00_MainArea_HomepageArea ul.SiteMap li
{
list-style-image:none;
}

#ctl00_MainArea_home_content_2 ul
{
    padding:0px;
    margin:0px;
}
#ctl00_MainArea_home_content_2 ul li
{
    padding:0px;
    margin:0px;
    list-style-image:none; 
}

#ctl00_MainArea_home_content_2 ul li a
{
    display:block;
    list-style-image:none;
    color:#6c6b6b;
    font-weight:normal;
    font-size:0.9em;
    border-bottom:solid 1px #fff;
    background:#cccccc url(../images/side_nav_second_bg.gif) top no-repeat;
    padding:4px 0px 4px 20px;
    margin:0px;
}

#ctl00_MainArea_home_content_2 ul li a:hover
{
    text-decoration:none;
    color:#fff;
    background:#2b6d9d url(../images/side_nav_second_on_bg.gif) top no-repeat;
}













.quotes
{
    line-height:1.4em;
    font-size:0.9em;
}

.quotestop
{
    color:#fff;
    font-weight:bold;
}

.quotes p
{
    margin:0px 0px 10px 0px
}

#ctl00_MainArea_HomepageArea .quotesmiddle ul
{
margin:0px 0px 0px 5px;
padding:0px 0px 0px 0px;
list-style-image:url(../images/bullet.gif);
}

#ctl00_MainArea_HomepageArea .quotesmiddle ul li
{
margin:0px 0px 0px 0px;
padding:0px 0px 10px 5px;
list-style-image:url(../images/bullet.gif);
}

#ctl00_MainArea_HomepageArea .quotes h4
{
    font-size:0.9em;
    color:#7b7b7b;
    font-weight:normal;
    margin:0px 0px 10px 0px
}



#latest_news_middle
{
    font-size:0.9em;
}
#latest_news_middle ul
{
margin:0px 0px 0px 15px;
padding:0px 0px 0px 0px;
list-style-image:url(../images/news_bullet.jpg);
}

#latest_news_middle ul li
{
margin:0px 0px 0px 0px;
padding:0px 0px 5px 5px;
list-style-image:url(../images/news_bullet.jpg);
}












/*##################################################################################################*/
/* Login Boxes */
/*##################################################################################################*/               

#login_box
{

}

#login_title
{
    font-weight:bold;
    color:#0b4d7e;
}

#login_boxes ul
{
    margin:0px;
    padding:0px;
}

#login_boxes ul li
{
    margin:0px 0px 5px 8px;
    padding:0px;
    list-style-image:none;
}

#login_boxes ul li a
{
    display:inline;
    background:none;
    color:#0c66a7;
}
#login_boxes ul li a:hover
{
    display:inline;
    background:none;
    color:#0c66a7;
}

.login_boxes
{
    height:21px;
    width:159px;
    border:solid 1px #b5b5b5;
}



#login_button
{

}



/*##################################################################################################*/
/* Login Boxes End */
/*##################################################################################################*/














#ctl00_MainArea_HomepageArea tr.pager a
{
    color:#696969;
  /*  display:block;*/
    width:11px;
    padding:0px 0px 0px 3px;
    text-decoration:underline;
    height:35px;
}


#ctl00_MainArea_HomepageArea tr.pager span
{
color:#005983;
}




/* ################################### BREADCRUMB STYLES  #################################*/

#breadcrumb
{
color:#fff;
font-weight:normal;
font-size:0.8em;
}

#breadcrumb a
{
display:block;
font-weight:normal;
float:left;
color:#fff;
text-decoration:none;
padding:3px 10px 4px 0px;
}

#breadcrumb a:hover
{
text-decoration:underline;
}

#breadcrumb a.arrow
{
    display:block;
    background:url(../images/breadcrumb_arrow.gif) no-repeat;
    float:left;
    padding:3px 10px 4px 25px;
    
}














/*######################################FOOTER STYLES###############################*/

#footer
{
color:#494949;
font-size:1.1em;
text-align:right;
line-height:1.4em;
}

#footer a
{
text-decoration:none;
color:#494949;
}

#footer a:hover
{
text-decoration:underline;
}







/*################################################################################################
########################### FORM ELEMENTS STYLING ###############################################*/




#ctl00_MainArea_HomepageArea 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;
}

.error
{
font-weight:bold;
    color:Red;
}




#ctl00_MainArea_HomepageArea a.MenuTop 
{
    border-bottom:none;
    padding:1px 0px 3px 30px;
    width:464px;
    font-weight:bold;  
    display:block;
    background:url('../images/expand2.gif') no-repeat;
	cursor:pointer;
	color:#747474;
}
#ctl00_MainArea_HomepageArea a.MenuTop:hover
{
text-decoration:none;
}

#ctl00_MainArea_HomepageArea a.MenuTopon
{
    background-image:url('../images/expand.gif');
}


.expandable_box
{
width:472px; 
padding:10px;
border:solid 0px #000;
}


