/* CSS Document */
* { margin: 0; padding: 0; }
body { background: url("../images/background.gif") top left repeat-x #e4e4e4; text-align: center; font: normal 14px Arial, Helvetica, sans-serif; color: #818285; }

h1 { width: 990px; text-align: right; margin: 0 auto; font: normal 10px Arial, Helvetica, sans-serif; color: #CCC; }

a, a:link, a:visited { color: #818285; }
a:hover, a:hover:visited { color: #666; }

#header { width: 990px; height: 70px; margin: 0px auto }
img.logo { float: left; border: 0; margin-bottom: 10px; }
#menu { clear: both; margin: 10px auto; text-align: center; width: 990px; height: 50px; background: url("../images/menubar.jpg") top center no-repeat #FFF; }
#menu ul { list-style: none; }
#menu ul li { float: left; padding: 0 19px; line-height: 50px; }
#menu a { text-decoration: none; }
#menu a:hover, #menu a:hover:visited { color: #818285; text-decoration: underline; }

#topbanner { clear: both; text-align: left; width: 990px; height: 239px; margin: 0px auto; text-align: left; }

#home { height: 239px; background: url("../images/topbanners/home.jpg") top left no-repeat #FFF; }
#informationbox { float: left; width: 240px; height: 400px; background: url("../images/labels/informationbox.jpg") top center no-repeat #FFF; text-align: left; }
#pensionsbox { float: left; width: 240px; height: 400px; margin-left: 10px; background: url("../images/labels/pensionsbox.jpg") top center no-repeat #FFF; text-align: left; }
#ukpensionsbox { float: left; width: 240px; height: 400px; margin-left: 10px; background: url("../images/labels/ukpensionsbox.jpg") top center no-repeat #FFF; text-align: left; }
#overseasbox { float: left; width: 240px; height: 400px; margin-left: 10px; background: url("../images/labels/overseasbox.jpg") top center no-repeat #FFF; text-align: left; }
.homemenu { position: relative; top: 180px; left: 20px; width: 200px; text-align: left; }
.homemenu ul { list-style: none; }
.homemenu li { line-height: 20px; border-bottom: dashed 1px #669; }
.homemenu a, .homemenu a:link, .homemenu a:visited, .homemenu a:hover { text-decoration: none; }

#information { height: 239px; background: url("../images/topbanners/information.jpg") top left no-repeat #818285; }
#pensions { height: 239px; background: url("../images/topbanners/pensions.jpg") top left no-repeat #818285; }
#ukpensions { height: 239px; background: url("../images/topbanners/ukpensions.jpg") top left no-repeat #818285; }
#overseas { height: 239px; background: url("../images/topbanners/overseas.jpg") top left no-repeat #818285; }
#homeads { position: relative; top: 20px; left: 20px; width: 500px; color: #FFF; }
/*#topads { position: relative; top: 340px; left: 400px; width: 550px; color: #818285; }
.squaread { width: 260px; height: 200px; float: left; margin-right: 40px; }*/
#topads { position: relative; top: 20px; left: 20px; width: 500px; color: #FFF; }
.squaread { width: 200px; height: 200px; float: left; margin-right: 40px; }
#topads1 { position: relative; top: 320px; left: 400px; width: 500px; color: #FFF; }
.squaread1 { width: 200px; height: 200px; float: left; margin-right: 40px; }
.sidead { width: 100%; text-align: center; }
#form { position: relative; top: 20px; left: 20px; width: 450px; color: #FFF; }
#form1 { position: relative; top: 20px; left: 7px; width: 450px; color: #FFF; }
input, select, textarea { width: 155px; }

#mainhome { clear: both; width: 990px; margin: 10px auto; text-align: center; }

#main{ clear: both; width: 990px; margin: 20px auto; text-align: left; }
#main h2 { font: normal 18px Arial, Helvetica, sans-serif; padding-bottom: 25px; }
#main h3 { font: bold 16px Arial, Helvetica, sans-serif; padding-bottom: 15px; }
#main p, #home ul, #home li { padding-bottom: 15px; }

#content { float: right; width: 620px; text-align: left; margin-left: 10px; padding-top: 10px; background: url("../images/contenttopbar.gif") top center no-repeat #FFF; }
#content h2 { margin-left: 15px; margin-right: 15px; color: #FFF; }
#content h3, #content h4, #content p, #content ul { margin-left: 15px; margin-right: 15px; }
#sidemenu { float: left; width: 300px; background: url("../images/sidebottom.gif") bottom center no-repeat #FFF; }
img#section { border: 0; margin: 0; padding: 0; width: 300px; height: 40px; }
#sidemenu ul { margin: 20px 30px; list-style: none; }
#sidemenu li { line-height: 30px; border-bottom: dashed 1px #818285; }
#sidemenu a, #sidemenu a:link, #sidemenu a:visited, #sidemenu a:hover { display: block; background: url("../images/q_icon.gif") top left no-repeat; text-decoration: none; padding-left: 20px; }

#footer { clear: both; width: 990px; text-align: right; color: #818285; padding-top: 10px; }
#footer a { text-decoration: none; }
#disclaimer { font-size: 11px; padding-bottom: 10px; }