/* CSS Document */
body {width: 100%; background-color: #EDEFEE; padding: 0px; margin: 0px;}

#menubar {position: relative; top: 0px; left: 0px; width: 100%; height: 20px; background: url("../../images/choose/topmenu.png") repeat-x;font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF;}
#menubar ul {position: relative; top: 2px; list-style: none; margin: 0px; padding: 0px;}
#menubar ul li {display: inline;}
#menubar ul li a {text-decoration: none; color: #FFF;}
#menubar ul li a:hover {color: #996;}

#container {position: relative; top: 0px; left: 0px; width: 100%; height: 555px; background: url("../../images/choose/galogolgfade.png") no-repeat;}

h1, h3 {position: relative; width: 450px; font-family: Arial, Helvetica, sans-serif; text-align: center; margin-left: auto;margin-right: auto; display: block;}
h1 {margin-top: 30px;}
h3 {margin-top: -10px;}

.solihullbutton {position: relative; top: 0px; left: 0px; width: 300px; height: 150px; margin-left:auto; margin-right: auto; margin-bottom: 10px; margin-top: 10px; display: block; background: url("../../images/choose/solihullbutton.png") no-repeat;}
#solpublictarget {position: absolute; width: 300px; height: 100px; top: 0px; left: 0px;}
#solportaltarget {position: absolute; width: 300px; height: 50px; top: 100px; left: 0px;}

.coventrybutton {position: relative; top: 0px; left: 0px; width: 300px; height: 150px; margin-left:auto; margin-right: auto; margin-bottom: 10px; margin-top: 10px; display: block; background: url("../../images/choose/coventrybutton.png") no-repeat;}
#covpublictarget {position: absolute; width: 300px; height: 100px; top: 0px; left: 0px;}
#covportaltarget {position: absolute; width: 300px; height: 50px; top: 100px; left: 0px;}

.darlastonbutton {position: relative; top: 0px; left: 0px; width: 300px; height: 150px; margin-left:auto; margin-right: auto; margin-bottom: 10px; margin-top: 10px; display: block; background: url("../../images/choose/darlastonbutton.png") no-repeat;}
#darpublictarget {position: absolute; width: 300px; height: 100px; top: 0px; left: 0px;}
#darportaltarget {position: absolute; width: 300px; height: 50px; top: 100px; left: 0px;}


.employmentbutton {position: relative; top: 0px; left: 0px; width: 264px; height:43px; margin:10px auto 10px auto; display: block; background: url("../../images/choose/employment.png") no-repeat;}
#employmenttarget {position: absolute; width: 264px; height: 43px; top: 0px; left: 0px;}

#footer {position: relative; top: 10px; left: 0px; width: 600px; height: 20px; margin-left:auto; margin-right: auto; display: block;}
.footertext{position: relative; top: 2px; left: 0px; height: 20px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; line-height: 120%; color: #000; margin: 0px;}
.footertext a {text-decoration: none; color: #639;}
.footertext a:hover {text-decoration: underline;}