/*------------------------------------------------------------------------------------------------*/
/*-                                              PRINT.CSS                                       -*/
/*-                                    STYLE SHEET USED FOR PRINTING                             -*/
/*-                     ALL VALUES MUST BE REDECLARED FOR PRINT AND NONE ESSECIAL ELEMENTS       -*/
/*-      HIDDEN TO MAKE A BETTER PRINTOUT, THIS MUST BE RE-CREATED FOR EVERY WEBSITE!!!          -*/
/*------------------------------------------------------------------------------------------------*/

.bold {
 font-weight: bold
}

.center {
 text-align: center
}

.clear {
 clear: both
}

.ErrorLabels {
 color: #ff0000;
 font-size: 11px;
 font-weight: bold
}

.floatleft {
 float: left;
 padding: 1px 1px 1px 1px
}

.floatright {
 float: right;
 padding: 1px 1px 1px 1px
}

h1.centre {
 text-align: center
}

h1.left {
 text-align: left
}

h1.right {
 text-align: right
}

h2.centre {
 text-align: center
}

h2.left {
 text-align: left
}

h2.right {
 text-align: right
}

h3.centre {
 text-align: center
}

h3.left {
 text-align: left
}

h3.right {
 text-align: right
}

hr {
 border-bottom: solid 0px #cccccc;
 border-left: solid 0px #cccccc;
 border-right: solid 0px #cccccc;
 border-top: solid 1px #d9d9d9;
 margin: 20px 0px 15px 0px;
 width: 100%
}

img {
 border: 0px;
 margin: 0px;
 padding: 0px
}

img.center {
 text-align: center
}

img.left {
 float: left
}

img.right {
 float: right
}

p.centre {
 text-align: center
}

p.left {
 text-align: left
}

p.right {
 text-align: right
}

td {
 vertical-align: top
}

body {
 background: #cccccc
}
/* ################################### HEADER LAYOUT #################################*/

#headercontainer {
 background: #ddd;
 width: 100%
}

#header {
 background: #ffffff;
 margin: 0 auto;
 width: 980px
}

#logo {
 float: left
}

#strapline {
 float: right;
 text-align: right
}
/* ################################### NAV LAYOUT #################################*/

#navigationcontainer {
 display:none;
}

/* ################################### BREADCRUMB LAYOUT #################################*/

#ctl00_mainarea_breadcrumb {
 background: #999;
 float: left;
 padding: 10px 0px 10px 20px;
 width: 760px
}
/* ################################### PAGE LAYOUT #################################*/

#maincontainer {
 background: #fff;
 margin: 0 auto;
 width: 980px
}

#copyarea {}

#ctl00_mainarea_content1 {
 background: #ddd;
 float: left;
 height:auto !important;
 height: 300px;
 min-height: 300px;
 padding: 0px 0px 20px 10px;
 width: 190px
}

#ctl00_mainarea_content2 {
 background: #ccc;
 float: left;
 height:auto !important;
 height: 300px;
 min-height: 300px;
 padding: 0px 0px 20px 20px;
 width: 540px
}

#ctl00_mainarea_content3 {
 background: #ddd;
 float: right;
 height:auto !important;
 height: 300px;
 min-height: 300px;
 padding: 0px 10px 20px 0px;
 width: 190px
}

#ctl00_mainarea_content4 {
 background: #bbb;
 width: 980px
}

#ctl00_mainarea_sidemenu {
 display:none;
}

.quotes {
 display: block;
 margin: 11px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 180px
}

.quotestop {
 background: #8da5c8;
 display: block;
 padding: 6px 0px 6px 15px
}

.quotesmiddle {
 background: #fff;
 border-right:solid 1px #ccc;
 border-left:solid 1px #ccc;
 display: block;
 padding: 10px 15px 1px 15px;
 
}

.quotesbottom {
 border-bottom:solid 1px #ccc;
 display: block;
}

.newsoverview {
 display: block;
 height:auto !important;
 height: 120px;
 margin: 15px 0px 0px 0px;
 min-height: 120px
}
/*########################################FOOTER LAYOUT##############################*/

#footercontainer {
 background: #0b274b;
 width: 100%
}

#footer {
 margin: 0 auto;
 width: 980px
}

#sitemap {
 background: #555;
 padding: 20px 0px 20px 0px;
 text-align: center;
 width: 980px
}

#copyright {
 background: #777;
 padding: 20px 0px 20px 0px;
 text-align: center;
 width: 980px
}






















body {
 color: #7a7a7a;
 font: 62.5%/1.6em Arial, Verdana, Sans-Serif
}
/*################################################### COPY STYLES ####################*/

#maincontainer {
 font-size: 1.3em;
 line-height: 1.6em
}

#maincontainer h1 {
 border-bottom: solid 1px #b7c2d1;
 color: #003579;
 font-size: 1.6em;
 line-height: 1.2em;
 margin: 0px 0px 20px 0px;
 padding: 0px 0px 0px 0px
}

#maincontainer h2 {
 color: #003579;
 font-size: 1.4em;
 margin: 0px 0px 20px 0px
}

#maincontainer h3 {
 color: #003579;
 font-weight: bold;
 margin: 0px 0px 0px 0px
}

#maincontainer h4 {
 color: #003579;
 font-size: 1.0em;
 font-weight: bold;
 margin: 0px 0px 0px 0px
}

#maincontainer p {
 margin: 0px 0px 20px 0px
}

#maincontainer a {
 color: #003579;
 font-weight: bold;
 text-decoration: none
}

#maincontainer a:hover {
 text-decoration: underline
}

#maincontainer strong {
 font-weight: bold
}

#maincontainer em {
 font-style: italic
}

#maincontainer ul {
 list-style: url(../images/bullet.gif);
 margin: 0px 0px 10px 20px;
 padding: 0px 0px 0px 0px
}

#maincontainer ul li {
 list-style: url(../images/bullet.gif);
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 10px 10px
}

#maincontainer ol {
 list-style: decimal;
 margin: 0px 0px 10px 20px;
 padding: 0px 0px 0px 0px
}

#maincontainer ol li {
 list-style: decimal;
 padding: 0px 0px 10px 10px
}

#maincontainer h2 a {
 color: #003579;
 font-size: 1.4em;
 margin: 0px 0px 20px 0px
}

#maincontainer ul.SiteMap {
 list-style: none
}

#maincontainer ul.SiteMap li {
 list-style: none
}
/* ############################################# QUOTE BOXES ###################################*/

.quotes {
 color: #0e3465;
 font-size: 0.9em;
 line-height: 1.4em
}

.quotestop {
 color: #fff
}

.quotes p {
 margin: 0px 0px 10px 0px
}

#maincontainer .quotes h4 {
 color: #7b7b7b;
 font-size: 0.9em;
 font-weight: normal;
 margin: 0px 0px 10px 0px
}
/*############################################## .NET PAGER STYLING ###############################*/

#maincontainer tr.pager a {
 color: #696969;
 height: 35px;
 padding: 0px 0px 0px 3px;
 text-decoration: underline;
 width: 11px
}

#maincontainer tr.pager span {
 color: #005983
}
/* ################################### BREADCRUMB STYLES  #################################*/

#ctl00_mainarea_breadcrumb {
 color: #fff;
 font-size: 0.8em
}

#ctl00_mainarea_breadcrumb a {
 color: #fff;
 text-decoration: none
}

#ctl00_mainarea_breadcrumb a:hover {
 text-decoration: underline
}
/*######################################FOOTER STYLES###############################*/

#footer {
 color: #aebaca;
 font-size: 1.1em;
 line-height: 1.4em;
 text-align: right
}

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

#footer a:hover {
 text-decoration: underline
}
/*################################################################################################
########################### FORM ELEMENTS STYLING ###############################################*/

#maincontainer p.form_element{
 clear: left;
 margin: 0;
 padding: 0px 0px 0px 0px;
 padding-left: 10px;/*width of left column containing the label elements*/
 width: 450px
}

.form_element label{
 color: #646a6f;
 float: left;
 font-size: 11px;
 font-weight: bold;
 line-height: 15px;
 margin: 0px;
 margin-left: 0px;/*width of left column*/
 padding: 0px 20px 0px 0px;
 text-align: right;
 width: 135px/*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.form_element span label{
 float: none;
 font-weight: normal
}

.textboxes {
 background: #ffffff;
 border: solid 1px #8e8e8e;
 color: #5e5e5e;
 font-size: 1.1em;
 height: 21px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 vertical-align: top;
 width: 250px
}

.asterix {
 color: #FF0000
}

.error {
 color: #FF0000;
 font-weight: bold
}
/* ############################################### EXPANDABLE BOXES ###############################*/

#maincontainer a.MenuTop {
 background: #d0dcea url('../images/expand2.gif') no-repeat;
 border-bottom: none;
 color: #183d6c;
 cursor: pointer;
 display: block;
 font-weight: bold;
 padding: 3px 0px 3px 30px;
 width: 450px
}

#maincontainer a.MenuTop:hover {
 text-decoration: none
}

#maincontainer a.MenuTopon {
 background: url('../images/expand.gif')
}

.expandable_box {
 border: solid 0px #000;
 padding: 10px;
 width: 460px
}