body     { font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 150%; background-image: url(images/headerbackground.gif); background-repeat: repeat-x; background-position: 0 top; text-align: center; margin: 0 }
#container   { margin-right: auto; margin-left: auto; width: 900px }
/*....................Header Content.......................*/
#header        { background-color: #009de0; width: 900px; height: 110px; float: left }
#intro     { background-image: url(images/headerbackground.gif); background-repeat: repeat-x; background-position: 0 -110px; width: 900px; float: left }
#intro h2         { color: #009de0; font-size: 17px; text-align: left; margin-top: 20px; clear: left }
#intro p         { font-size: 12px; text-align: left; margin-bottom: 12px; clear: left }
#intro h3   { color: #fff; font-size: 12px; text-align: left; margin-top: 5px; clear: left }
#intro h3 a:link   { color: #000; font-size: 12px; text-align: left; margin-top: 5px; padding-right: 10px; clear: left }
#intro h3 a:visited   { color: #000; font-size: 12px; text-align: left; margin-top: 5px; padding-right: 10px; clear: left }
#intro h3 a:hover  { color: #efa400; font-size: 12px; text-align: left; margin-top: 5px; padding-right: 10px; clear: left }
#intro ul   { margin: 10px 0 0 0; padding: 0 }
#intro li    { font-size: 12px; line-height: 20px; background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: left center; text-align: left; list-style-type: none; padding: 0 0 0 25px }




#intro a:link { color: #009de0; font-weight: bold; text-decoration: none }
#intro a:visited { color: #009de0; font-weight: bold; text-decoration: none }
#intro a:hover { color: #efa400; font-weight: bold; text-decoration: none }
.image_float     { margin-top: 0; margin-bottom: 0; float: right }
.spacers { clear: right }
#head   { background-image: url(images/headerbackground.gif); background-repeat: repeat-x; background-position: 1em -110px; margin-right: 2%; width: 333px; height: 210px; float: right; clear: left }
#strapline     { height: 110px; float: right }
#contact  { width: 300px; height: 110px; float: left }
#logo       { text-align: left; width: 208px; height: 110px; float: left }
.phone  { color: #fff; font-size: 24px; font-family: "Arial Black", sans-serif; font-weight: normal; line-height: 16px }
#contact p   { color: #fff; font-size: 12px; line-height: 20px; text-align: left; margin-top: 27px; margin-left: 22px; clear: right }
/*....................Navigation boxes General.......................*/
#boxes          { text-align: center; width: 900px; float: left }
#boxes ul      { margin: 10px 0 0 10px; padding: 0; }
#boxes li  { font-size: 12px; line-height: 200%; text-align: left; list-style-type: none }
#boxes h2     { color: #fff; font-size: 18px; font-weight: bold; text-decoration: none; text-align: left; display: block; margin: 0; padding: 7px 0 7px 7px }
#boxes h2 a:link { color: #fff; font-size: 18px; font-weight: bold; text-decoration: none; background-color: black; background-repeat: no-repeat; background-position: right 0; text-align: left; display: block; margin-top: 0; padding: 7px 0 7px 7px }
#boxes h2 a:visited { color: #fff; font-size: 18px; font-weight: bold; text-decoration: none; background-color: black; background-repeat: no-repeat; background-position: right 0; text-align: left; display: block; margin-top: 0; padding: 7px 0 7px 7px }
#boxes h2 a:hover { color: #fff }
#boxes a:link { color: #fff }
#boxes a:hover { color: #000 }
#boxes a:visited   { color: #fff }
.box          { margin-right: 12px; width: 216px; float: left }
.leftbox { margin-right: 12px; width: 216px; float: left }
.rightbox    { width: 216px; float: left }
.spacer { clear: both }
/*....................Main content.......................*/
#maincontent             { background-color: #acebec; text-align: left; margin-top: 30px; margin-bottom: 10px; margin-left: 1%; width: 97%; float: left }
#maincontent h1 { color: #fff; font-size: 18px; background-color: black; text-align: left; margin-top: 0; padding: 7px 0 7px 10px }
#maincontent p   { margin: 12px 12px 0 }
/*....................Navigation boxes Content.......................*/
/*....................Join Us.......................*/
.joinus           { background-color: #009de0; width: 100% }
#joinustop   { width: 100%; float: left; }
#joinustop h2   { margin-top: 0 }
#joinustop h2 a:link { }
#joinustop h2 a:visited { }
#joinustop h2 a:hover { }
/*....................Your Account.......................*/
.youraccount        { background-color: #6bc044; width: 100% }
#youraccounttop   { margin-bottom: 0; width: 100%; float: left; }
#youraccounttop h2  { }
/*....................Support.......................*/
.support        { background-color: #efa400; width: 100% }
#supporttop   { margin-bottom: 0; width: 100%; float: left }
#supporttop h2  { }
/*....................What's new.......................*/
.whatsnew        { background-color: #a694c2; width: 100% }
#whatsnewtop   { margin-bottom: 0; width: 100%; float: left }
#whatsnewtop h2  { }
/*....................other boxes.......................*/
#footer     { text-align: left; margin-top: 20px; width: 900px; float: left }
#footer p      { color: #9a9a9a; font-size: 9px; line-height: 120% }
#footer a:link { color: #009de0; text-decoration: none }
#footer a:visited { color: #009de0 }
#footer ul   { margin-left: 0; padding: 0 }
#footer li  { font-weight: bold; list-style-type: none; display: inline; padding-right: 10px }
/*----------Sliding boxes----------
*/
.topbox { cursor: pointer; overflow: hidden; background-repeat: no-repeat; background-position: right; background-color: #000000; }
.bottombox { visibility: visible; position: relative; overflow: hidden; margin: 0; }
.bottombox_content { position: relative; width: 100% }
.bottombox_content_bottom { margin-left:-10px; }
.bottombox_content_bottom div { margin:0 -3px -3px -3px; }