/* = Site Specific Styles
------------------------------------------------- */

#wrap{width: 995px; margin: 0 auto; border: 1px #d7d7d7 solid;}

#wrap #hdr{position: relative; background: url(/img/bg-hdr.gif) #9e4858 repeat-x bottom left; height: 145px;}
#wrap #hdr .logo{margin: 15px 0 0 21px;}

#wrap #nav{float: left; position: relative; width: 200px;}
#wrap #mainContent, #wrap #sidebar{float: left; width: 200px;}
#wrap #mainContent{float: left; width: 575px; padding: 12px 18px; min-height: 430px; _height: 430px; border: 1px #d7d7d7 solid; border-width: 0 1px;}
#wrap #sidebar{float: left; width: 180px; padding: 30px 0 0 0; text-align: center;}

#wrap #ftr{background: url(/img/bg-ftr.gif) #f4f3f3 repeat-x bottom left; border-top: 1px #d7d7d7 solid; text-align: right; padding: 5px 13px 5px 0; font-size: 90%; color: #9c9c9c;}


/* = Navigation Styles
------------------------------------------------- */

#wrap #nav ul li{margin: 0; list-style: none;}
#wrap #nav ul li a, #nav ul li a:visited{display: block; width: 152px; height: 35px; line-height: 35px; background: url(/img/bg-nav.gif) #fff repeat-x; margin: 0; padding: 0 24px; text-decoration: none; color: #777; border-bottom: 1px #d7d7d7 solid;}
#wrap #nav ul{list-style-type: none; padding: 0; margin: 0;}
#wrap #nav ul li{float: left; margin-right: 0; position: relative;}
#wrap #nav ul li ul.flyout{display: none;}

#wrap #nav ul li a:hover, #wrap #nav ul li a.on{background: url(/img/bg-nav.gif) #e7e7e7 repeat-x 0 -35px;}
#wrap #nav ul li ul li:hover ul.flyout{display: block; position: absolute; top: 0; left: 200px; width: 105px;}
#wrap #nav ul li ul li:hover ul.flyout li a.hide{}
#wrap #nav ul li ul li:hover ul.flyout li ul{display: none;}
#wrap #nav ul li ul li:hover ul.flyout li a{display: block; width: 150px; height: 30px; line-height: 30px; padding: 0 20px; background: url(/img/bg-subnav.gif) #fff repeat-x; color: #fff; border-bottom: 1px #7a2937 solid;}
#wrap #nav ul li ul li:hover ul.flyout li a:hover{background: url(/img/bg-subnav.gif) #fff repeat-x 0 -35px;}

#wrap #nav ul li ul li{float: left; width: 200px;}
#wrap #nav ul li ul li a{width: 130px; background: #fff; padding: 0 35px; font-size: 85%; position: inherit; margin: 0; left: 0;}
#wrap #nav ul li ul li a:hover, #wrap #nav ul li ul li a.on{font-weight: normal;background: url(/img/bullet.gif) no-repeat #fff 27px 16px;}


/* = Text, Images, Links Etc.
------------------------------------------------- */

#wrap #hdr .contact{position: absolute; width: 50%; color: #ddd; font-size: 85%; text-align: right; margin: 0; right: 7px; bottom: 15px;}
#wrap #hdr .contact a{color: #ddd;}

#wrap #mainContent .quicklinks{background: #fefefe; border: 1px #ddd dashed; padding: 10px 0; font-size: 90%;}
#wrap #mainContent .quicklinks ul{margin: 0 15px; padding: 0;}
#wrap #mainContent .quicklinks ul li{float: left; width: 31%; background: url(/img/bullet.gif) no-repeat 0 6px; margin: 3px 0; padding: 0 0 0 12px; list-style: none;}

#wrap #mainContent h2 a.news{color: #347fa6; text-decoration: none;}
#wrap #mainContent h2 a.news:hover{text-decoration: underline;}

#wrap #mainContent #map{width: 90%; height: 400px; border: 1px #707070 solid;}

#wrap img.inset{float: left; margin: 15px 12px 12px 0; border: 1px #707070 solid;}
#wrap #sidebar img.inset{float: none; margin: 0;}

#wrap #sidebar span{color: #777; font-size: 80%;}

#wrap #sidebar .newsfeed{text-align: left; padding: 0 10px;}
#wrap #sidebar .newsfeed h2{font-size: 100%; margin: 0;}
#wrap #sidebar .newsfeed p{font-size: 90%; line-height: 1.2em;}
#wrap #sidebar .newsfeed a{color: #666; text-decoration: none; font-weight: bold;}
#wrap #sidebar .newsfeed a:hover{text-decoration: underline;}
#wrap #sidebar .newsfeed p.mag a{font-weight: normal; font-size: 90%; font-style: italic;}

#wrap #sidebar .icaew{margin-top: 40px;}

#wrap #ftr a{color: #9c9c9c; text-decoration: underline;}
#wrap #ftr a:hover{text-decoration: none;}


/* = Form Styles
------------------------------------------------- */

#wrap #mainContent form.contact fieldset{border: 1px #ddd dashed; padding: 15px; margin-top: 20px;}
#wrap #mainContent form.contact fieldset legend{background: #933E4D; border: 1px #ddd solid; font-weight: bold; font-size: 90%; padding: 2px 3px; color: #fff;}
#wrap #mainContent form.contact fieldset label, #wrap #mainContent form.contact fieldset input{float: left; width: 100px; margin: 3px 0;}
#wrap #mainContent form.contact fieldset input, #wrap #mainContent form.contact fieldset textarea{width: 180px; margin: 2px 0; border: 1px #ccc solid;}
#wrap #mainContent form.contact fieldset textarea{width: 300px; height: 150px;}
#wrap #mainContent form.contact fieldset input.submit{width: 80px; padding: 4px 0; background: #933E4D; color: #fff; font-weight: bold; font-size: 85%;}

#wrap #mainContent div.error{background: #f3f3f3; border: 1px #ddd dashed; padding: 10px; font-size: 90%;}
#wrap #mainContent div.error h4{color: #FF4454; font-family: Calibri, Arial;}
#wrap #mainContent div.error h4.success{color: #26CF6D;}


/* = Table Styles
------------------------------------------------- */

#wrap #mainContent table.news td{padding: 5px; background: #bfc4d2; border: 2px #fff solid; color: #000;}

/* For Budget 2009 pages */
#wrap #mainContent table b.headermain{font-family: Georgia; font-size: 165%; color: #347fa6; font-weight: normal;}
#wrap #mainContent table h2.nav{margin: 4px 0 0 0;}
#wrap #mainContent table tr td table{width: 100%;}
#wrap #mainContent table tr td table.splashmain{border: 1px #ccc solid;}
#wrap #mainContent table tr td table.splashmain td{padding: 3px;}
#wrap #mainContent table tr td table.splashmain td.splashhead{background: #6699FF; color: #fff;}