body {
max-width: 950px;
background-color:#4580e9; 
font-family: Arial, Verdana, sans-serif;
font-size: 93%; /*leave this...it sets the overall size of your fonts.*/
color: #000;
margin:auto;
padding:0;
text-align:center;
}

.max-width {
width:expression(document.body.clientWidth > 952? "950px": "auto" );
}

table {
font-size:100%; 
color:inherit;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}


hr{
border: 0;
color:inherit;
background-color: #999;
height: 1px;
width: 80%;
text-align: center;
}

ul {
list-style-type: none;
padding-left: 0;
margin-left: 10px;
}
 
li.custom {
 background: url(../image-files/bullet2.gif) left top no-repeat; 
 padding-left: 20px;
 margin-bottom: 10px;
}

li.custom2 {
 background: url(../image-files/tick-in-a-box.gif) left center no-repeat; 
 padding-left: 20px;
 margin-bottom: 10px;
 font-weight:normal;
}

li.custom3 {
 background: url(../image-files/star-8points.gif) left center no-repeat; 
 padding-left: 20px;
 margin-bottom: 10px;
}

li.custom4 {
 background: none; 
 padding-left: 20px;
 margin-bottom: 2px;
}

a {
 font-family: Arial, Verdana, sans-serif; 
 font-size: 100%;
 color: #2424af; 
 text-decoration: none;
}

a:hover {
 font-family: Arial, Verdana,  sans-serif;
 font-size: 100%; 
 color: #2424af;
 text-decoration: underline;
}

a.bul {
 font-family: Arial, Verdana, sans-serif; 
 font-size: 100%;
 font-weight: bold;
 color: #2424af; 
 text-decoration: underline;
}

a.bul:hover {
 font-family: Arial, Verdana,  sans-serif;
 font-size: 100%; 
 font-weight: bold;
 color: #5050e0;
 text-decoration: underline;
}


h1 { font-family: Arial, Verdana, sans-serif; font-size: 150%;  color: #000; text-align:center;}
h2 { font-family: Arial, Verdana, sans-serif; font-size: 124%;  color: #000; text-align:center;}
h3 { font-family: Arial, Verdana, sans-serif; font-size: 108%;  color: #000; text-align:center;}

td.logo {
background-color:#fff;
font-size: 100%; 
}

td.headerbg {
background-color:#4580e9f;
font-size: 93%; 
}

td.spacerbg {
background-color:#83aaf1;
font-size: 93%;  
}

td.contentbg {
background-color:#fff;
border-left: 0px solid #ff8914;
border-right: 0px solid  #ff8914;
border-bottom: 0px solid  #ff8914;
font-size: 93%; 
color:inherit;
padding:10px;
}

td.rightbg {
background-color:#90c8ff; 
font-family: Arial, Verdana, sans-serif;
font-size: 86%;
color:inherit;
padding:5px;
}

td.leftbg {
background-color:#90c8ff;
font-family: Arial, Verdana, sans-serif;
font-size: 86%;
color:inherit;
margin-left: 5px;
padding:5px; 
}

td.footerbg {
font-family: Arial, Verdana, sans-serif;
font-size: 86%;
color:inherit;
background-color:#90c8ff;
padding:5px; 
}

div.footertext {
   background-color: #90c8ff;
   margin: 0px 150px 0px 150px;
   padding: 10px;
   font-size: 95%;
   text-align: center; 
}

.hbg{
font-family: Arial, Verdana, sans-serif;
background-color: #3561c9; 
color:#fff;
width: auto;
}

/*this style is to offset the H1 just below the nav crumb - set margin-top as required*/
.hbguc{
font-family: Arial, Verdana, sans-serif;
background-color: #3561c9; 
color:#fff;
width: auto;
margin-top: 0cm;
}

/*this style is to offset the H1 just below the nav crumb - set margin-top as required*/
.hbguc2{
font-family: Arial, Verdana, sans-serif;
background-color: #fff; 
color:#000;
width: auto;
margin-top: 0cm;
}

.hbgrightcol{
font-family: Arial, Verdana, sans-serif;
background-color: #3561c9; 
color:#fff;
width: auto;
}

.hbgleftcol{
font-family: Arial, Verdana, sans-serif;
background-color: #3561c9; 
color:#fff;
width: auto;
}

.hblue{
font-family: Arial, Verdana, sans-serif;
background-color: #fff; 
color:#3561c9;
width: auto;
}

.hbgnav{
font-family: Arial, Verdana, sans-serif;
background-color:#ff8914; 
color:#fff;
width: auto;
}

.rightcolsml {
font-size: 86%;
font-family: Arial, Verdana, sans-serif;
background-color: inherit; 
color:#000;
width: auto;
text-align: left;
padding-bottom: 0px;
}

.newsletter-signup {
font-size: 85%;
font-family: Arial, Verdana, sans-serif;
color:#000;
width: auto;
padding-bottom: 0px;
}

.rightcolnav {
font-size: 86%;
font-family: Arial, Verdana, sans-serif;
background-color: inheret; 
color:#000;
width: auto;
text-align: center;
padding-bottom: 0px;
}

.searchresultssml {
font-size: 86%;
font-family: Arial, Verdana, sans-serif;
background-color: inherit; 
color:#000;
width: auto;
text-align: left;
padding-bottom: 0px;
}

/* information below is to remove the link styling for anchor links.
Just leave this as it is....it works fine, and shouldn't be modified */
a.jumplink{
text-decoration: none;
font-size: 100%; 
background-color: transparent;
color: #000;
}

a:hover.jumplink  {
text-decoration: none;
font-size: 100%; 
background-color: transparent;
color: #000;
} 

.input {
 border: 1px solid #006;
 background: #9cf;
}

.input:hover {
 border: 1px solid #f00;
 background: #bdf;
}

.button {
    border: 1px solid #006;
    background: url(../image-files/button_on.gif) repeat top left;
}

.button:hover {
    border: 1px solid #f00;
    background: url(../image-files/button_hover.gif) repeat top left;
}

.subBodyText { 
    font-size: 90%; 
}