/* Reset Elements */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, embed, font, img, ins, kbd, q, s, samp, small, strike, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%;	font-family: inherit; vertical-align: baseline;}

@font-face
{font-family: 'DaxWide'; src: url('fonts/daxwide-regular-webfont.eot'); src: url('fonts/daxwide-regular-webfontd41d.eot?#iefix') format('embedded-opentype'), url('fonts/daxwide-regular-webfont.woff') format('woff'), url('fonts/daxwide-regular-webfont.ttf') format('truetype'), url('fonts/daxwide-regular-webfont.svg#webfont') format('svg');}

:focus 
{outline: 0;}

ol, ul 
{list-style: none;}

table 
{border-collapse: separate; border-spacing: 0;}

caption, th, td 
{text-align: left; font-weight: normal;}

blockquote:before, blockquote:after, q:before, q:after 
{content: "";}

blockquote, q 
{quotes: "" "";}

a 
{color: inherit; text-decoration: none;}

a span
{display: none;}


/* designstyle overspill*/
.left 
{float: left;}

.right 
{float: right;}

.margin-top-10pixels
{display: block; margin-top: 10px !important;}

.margin-bottom-10pixels
{display: block; margin-bottom: 10px !important;}

.last
{margin-bottom: 0 !important; border: none; background: none !important;}






/* Global Classes */

body.small 
{font-size: 100% !important;}

body.medium 
{font-size: 112.5% !important;}

body.large 
{font-size: 125% !important;}

.contain
{width: 932px; clear: left; margin: 0px auto; position: relative;}

.top
{background: none !important;}

/* float clearing for IE6 */ 
* html .clearfix
{height: 1%; overflow: visible;} 
 
/* float clearing for IE7 */ 
*+html .clearfix
{min-height: 1%;} 
 
/* float clearing for everyone else */ 
.clearfix:after
{clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}


/* Main Elements */

#wrapper, #head, #content, #members, #foot
{display: block; width: 100%;}

#head
{display: block; padding-bottom: 30px; background: #eff5fa url(../images/head-bg.png) repeat-x bottom; border-top: 5px solid #1b4d99;}

#content
{display: block; margin: 35px 0 50px 0;}

#members
{display: block; padding: 20px 0; background: #eff5fa url(../images/members-bg.png) repeat-x top;}

#foot
{display: block; padding: 20px 0; background: #1b4d99;}


/* Head Elements */

#logo
{height: 80px; width: 248px; float: left; margin: 23px 0 0 0;}

#text-sizer
{display: block; float: right; margin-top: 14px;}

#text-sizer p
{display: inline; margin-right: 5px; font: 500 10pt/1.5em Verdana, Geneva, sans-serif; letter-spacing: -1px; color: #4e4e50;}

#text-sizer a
{display: inline; padding: 0px 3px; margin: 0 0 0 2px; font-weight: 700; line-height: 0.7em; font-family: Verdana, Geneva, sans-serif; text-transform: uppercase; color: #4e4e50; border: 1px solid #eff5fa !important;}

#text-sizer a.select
{zoom: 1; padding: 0 5px; border: 1px solid #4e4e50 !important;}

#text-sizer a#small
{font-size: 9pt !important; padding-bottom: 1px;}

#text-sizer a#medium
{font-size: 12pt !important;}

#text-sizer a#large
{font-size: 15pt !important;}

#head .navigation
{display: block; float: right; clear: right; margin-top: 33px;}

#head .navigation ul
{display: block;}

#head .navigation ul li
{display: inline; margin-left: 25px;}

#head .navigation ul li a
{zoom: 1; vertical-align:text-top; padding: 3px 0; font: 500 100%/1.5em DaxWide, Verdana, Geneva, sans-serif; color: #4e4e50;}

#head .navigation ul li a:hover
{color: #0393ce;}

#head .navigation ul li#activeSection a
{color: #0393ce; border-bottom: 3px solid #0393ce;}


/* Content Elements */

.page #content .sub-navigation
{width: 198px; float: left; padding: 0 0 1px 0;}

.home #content .main
{width: 932px; float: left;}

.page #content .main
{width: 454px; float: left; margin: 0 24px 0 40px;}

.home #content .sidebar
{width: 247px; float: right;}

.page #content .sidebar
{width: 215px; float: right;}

.page #content .sub-navigation ul li
{width: 198px; float: left; border-bottom: 1px solid #dbe9f3; margin-bottom: -1px;}


.page #content .sub-navigation ul li a
{width: 174px; float: left; padding: 12px 12px 12px 12px; font: 500 80%/1.3em Verdana, Geneva, sans-serif; letter-spacing: -0.1px; color: #4e4e50;}

.page #content .sub-navigation ul li.selected
{width: 198px; float: left; background: url(../images/sub-nav-selected-top.png) no-repeat top; border: none;}

.page #content .sub-navigation ul li.selected a
{width: 174px; float: left; padding-bottom: 12px; background: url(../images/sub-nav-selected-bottom.png) no-repeat bottom;}

.page #content .sub-navigation ul li a:hover, .page #content .sub-navigation ul li.selected a
{color: #0393ce;}

.home #content .main .tagline
{width: 685px; float: left; margin-bottom: 32px;}

.home #content .main .tagline h1
{margin-bottom: 10px; font: 500 290%/1.0em DaxWide, Verdana, Geneva, sans-serif; color: #1b4d99;}

.home #content .main .tagline h2
{margin-right: 90px; font: 500 120%/1.4em DaxWide, Verdana, Geneva, sans-serif; color: #4e4e50;}

#content .main-404 p
{margin-bottom: 10px; font: 500 80%/1.4em Verdana, Geneva, sans-serif; letter-spacing: -0.1px; color: #4e4e50;}

.home #content .container
{width: 932px; float: left;}

.home #content .column.left
{width: 308px; padding-right: 22px; margin-right: 22px; border-right: 1px solid #c6c7c8;}

.home #content .column.left img.index-main
{height: 160px; width: 294px; padding: 7px; margin-bottom: 21px; background: url(../images/home/image-bg.png) no-repeat;}

.home #content .column.centre.news-headlines
{width: 308px; float: left; position: relative; padding-bottom: 78px;}

.home #content .column.centre.news-headlines .article
{display: block; padding: 0 0 5px 0; margin: 0 0 10px 0; font-size: 100%; border-bottom: 1px solid #c6c7c8;}

.home #content .column.centre.news-headlines .article a.heading
{display: block; margin-bottom: 2px; font: 500 80%/1.3em Verdana, Geneva, sans-serif; letter-spacing: -0.1px; color: #0393ce;}

.home #content .column.centre.news-headlines .article a.heading:hover
{font-size: 80%; text-decoration: underline;}

.home #content .column.centre.news-headlines .article .date
{font: 500 80%/1.3em Verdana, Geneva, sans-serif; letter-spacing: -0.1px; color: #87888a;}

.home #content .column.centre.news-headlines .news-links
{position: absolute; bottom: 0; left: 0;}

.home #content .column.centre.news-headlines .news-links li
{display: inline; padding: 0 10px 0 0; margin: 0; border-bottom: none;}

.home #content .column.centre.news-headlines .news-links li.last
{border: none; padding-left: 5px;}

.home #content .column.centre.news-headlines .news-links li a
{font: 500 100%/1.0em Verdana, Geneva, sans-serif; letter-spacing: -0.1px; color: #1b4d99; text-decoration: underline;}

.home #content .column.centre.news-headlines .news-links li a:hover
{font-size: 100%; text-decoration: none;}

.home #content .resources
{width: 247px; float: right;}

.home #content .resources .box
{width: 233px; float: left; height: 140px; padding: 7px; margin: 2px 0 10px 0; background: url(../images/index-resources.png) no-repeat 0 0;}

.home #content .resources .box.one
{background-position: 0 0;}

.home #content .resources .box.two
{background-position: 0 -154px;}

.home #content .resources .box.three
{background-position: 0 -308px;}

.home #content .resources .box a.image
{width: 233px; height: 140px; float: left; position: relative; font: 700 90%/1.0em Verdana, Geneva, sans-serif}

.home #content .resources .box a.image span
{display: block; position: absolute; bottom: 20px; left: 0; padding: 5px 15px 8px 10px; font: 700 90%/1.0em Verdana, Geneva, sans-serif; color: #fff;}

.home #content .resources .box.one a.image span
{background: #d4e5f1; color: #1b4d99;}

.home #content .resources .box.two a.image span
{background: #72caef;}

.home #content .resources .box.three a.image span
{background: #1b4d99;}

.home #content .resources a:hover
{text-decoration: none;}

#content .sidebar .search
{position: relative;}

.home #content .sidebar .search
{width: 247px; height: 63px; float: left; margin-bottom: 0; background: url(../images/search-box.png) no-repeat 0 0;}

.page #content .sidebar .search
{width: 215px; height: 63px; float: left; margin-bottom: 25px; background: url(../images/search-box.png) no-repeat 0 -68px;}

#content .sidebar .search h2
{position: absolute; top: 8px; left: 10px; font: 700 80%/1.0em Verdana, Geneva, sans-serif; text-transform: uppercase; letter-spacing: -0.1px; color: #fff;}

#content .sidebar .search .text
{position: absolute; bottom: 9px; left: 0; padding: 0 0 0 5px; left: 10px; height: 24px; font: 500 80%/1.0em Verdana, Geneva, sans-serif; letter-spacing: -0.1px; color: #888; border: 1px solid #fff;}

.home #content .sidebar .search .text
{width: 221px;}

.page #content .sidebar .search .text
{width: 189px;}

#content .sidebar .search .submit
{width: 31px; height: 26px; float: right; position: absolute; bottom: 9px; right: 9px; z-index: 999; background: #fff url(../images/search-button.png) no-repeat right; border: none;}

.page #content .sidebar .archive h3
{margin: 0px 18px 18px 18px;}

.page #content .sidebar .archive
{float: left; width: 215px; margin-bottom: 25px; background: url(../images/box-light-bg.png) repeat-y 0 0;}

.page #content .sidebar .archive .head
{float: left; width: 215px; overflow:hidden; height: 4px; margin-bottom: 12px; background:url(../images/box-light-bg.png) no-repeat -215px 0;}

.page #content .sidebar .archive .foot
{float: left; width: 215px; overflow:hidden; height: 4px; padding: 0px; background:url(../images/box-light-bg.png) no-repeat -430px 0;}

.page #content .sidebar .archive #blog-menu
{float: left; width: 215px; padding-bottom: 15px; margin: 0;}

.page #content .sidebar .archive #blog-months
{float: left; width: 215px; padding: 0; margin: 0;}

.page #content .sidebar .archive #blog-months p
{margin: 0 18px 0 18px;}

.page #content .sidebar .archive #blog-months p a
{font: 500 80%/1.4em Verdana, Geneva, sans-serif; letter-spacing: -0.1px; color: #1b4d99;}

.page #content .sidebar .news
{float: left; width: 215px; padding: 0; background:url(../images/box-dark-bg.png) repeat 0 0;}

.page #content .sidebar .news h3
{margin: 0 18px 5px 18px; line-height: 1.0em;}

.page #content .sidebar .news .head
{float: left; width: 215px; overflow:hidden; height: 4px !important; margin-bottom: 12px; background:url(../images/box-dark-bg.png) no-repeat -215px 0;}

.page #content .sidebar .news .foot
{float: left; width: 215px; overflow:hidden; height: 4px; margin: 3px 0 0 0; background:url(../images/box-dark-bg.png) no-repeat -430px 0;} 

.page #content .sidebar .news .news-headlines
{float: left; width: 215px; margin: 0; padding: 0;}

.page #content .sidebar .news .news-headlines .article
{padding-top: 15px; margin: 0 18px 15px 18px; background: url(../images/news-seperator.png) repeat-x top;}

.page #content .sidebar .news .heading
{display: block; margin-bottom: 2px; font: 500 80%/1.4em Verdana, Geneva, sans-serif; letter-spacing: -0.1px; color: #0393ce;}

.page #content .sidebar .news .date
{display: block; font: 500 75%/1.3em Verdana, Geneva, sans-serif; letter-spacing: -0.1px; color: #4e4e50;}

.page #content .sidebar .archive ul li a:hover, .page #content .sidebar .news .heading:hover
{text-decoration: underline;}


/* Members Elements */

#members h2
{margin-bottom: 10px; font: 500 80%/1.4em Verdana, Geneva, sans-serif; letter-spacing: -0.1px; color: #87888a;}

#members a.logo
{height: 80px; float: left; background: url(../images/members.png) no-repeat;}

#members a.abdo
{width: 185px; background-position: 0 0;}

#members a.aclm
{width: 185px; background-position: -185px 0;}

#members a.aop
{width: 185px; background-position: -375px 0;}

#members a.fmo
{width: 185px; background-position: -565px 0;}

#members a.fodo
{width: 185px; background-position: -747px 0;}


/* Foot Elements */

#foot p
{margin-bottom: 4px; font: 500 75%/1.4em Verdana, Geneva, sans-serif; letter-spacing: -0.1px; color: #fff;}

#foot p.small
{font-size: 8pt;}

#foot a
{color: #fff; text-decoration: underline;}

#foot a.adept
{color: #a9cce3; text-decoration: none;}


/* Home Page Styles */

.home #content .main a:hover
{font-size: 100%;}


/* About Page Styles */

.page #content .main img.member-logo
{margin: 0 0 40px 80px;}


/* Guide for MPs Question Accordion Menu */

.page #content .main #menu-pane
{width: 454px; float: left;}

.page #content .main #menu-pane a.menu-head
{width: 429px; float: left; padding: 0 0 0 25px; margin: 20px 0 0 0; background: #fff url(../images/up.png) no-repeat 5px 4px; cursor: pointer;}

.page #content .main #menu-pane div.menu-body
{display: none; width: 429px; float: left; overflow: visible;  padding: 10px 0 10px 25px; margin: 0; background: #fff !important;}


/* Blog Elements */

.page #blog h2
{margin-bottom: 15px; font: 500 120%/1.4em DaxWide, Verdana, Geneva, sans-serif; color: #1b4d99;}

.page #blog h2 a
{margin-bottom: 15px; font: 500 100%/1.4em DaxWide, Verdana, Geneva, sans-serif; color: #1b4d99;}

.page #blog h2 a:hover
{margin-bottom: 15px; font: 500 100%/1.4em DaxWide, Verdana, Geneva, sans-serif; color: #1b4d99; text-decoration: underline;}

.page #blog p.date
{font: 500 80%/1.4em Verdana, Verdana, Geneva, sans-serif; color: #87888a;}

.page #blog img
{margin-bottom: 25px;}

.page #blog-back-link
{display: none;}


/* Search Elements */

.search #content .main p
{margin-bottom: 25px;}


/* Form Elements */

.page #content .main form label
{display: block; float: left; clear: left; margin-bottom: 10px; font: 500 80%/1.4em Verdana, Geneva, sans-serif; letter-spacing: -0.1px; color: #4e4e50;}

.page #content .main form .form-field-wrapper input
{display: block; float: left; clear: left; width: 200px !important; padding: 5px; margin-bottom: 10px; font: 500 80%/1.4em Verdana, Geneva, sans-serif; letter-spacing: -0.1px; color: #4e4e50; border: 1px solid #bbb;}

.page #content .main form textarea
{display: block; float: left; clear: left; width: 434px; min-width: 434px; max-width: 434px; height: 190px; min-height: 190px; max-height: 190px; margin-bottom: 10px; padding: 5px; font: 500 80%/1.4em Verdana, Geneva, sans-serif; letter-spacing: -0.1px; color: #4e4e50; border: 1px solid #bbb;}

.page #content .main form .form-field-wrapper input.input-button
{width: 70px !important; padding: 5px; font: 500 80%/1.4em Verdana, Geneva, sans-serif; letter-spacing: -0.1px; color: #4e4e50; border: 1px solid #bbb;}

.page #content .main .form-field-wrapper .form-field-required-star
{font-size: 80%; float: left; position: relative; top: -5px; left: 0; color: #ac0909;}

.page #content .main p.formErrorMessage
{display: block; padding: 8px 10px 10px 40px; margin-bottom: 20px; font: 500 70%/1.4em Verdana, Geneva, sans-serif; letter-spacing: -0.1px; border: 1px solid #fc0; background: #ffc url(../images/contact/error.png) no-repeat 10px 10px; color: #4e4e50;}

.page #content .main p.formSuccessMessage
{display: block; padding: 8px 10px 10px 40px; margin-bottom: 20px; font: 500 70%/1.4em Verdana, Geneva, sans-serif; letter-spacing: -0.1px; border: 1px solid #fc0; background: #ffc url(../images/contact/success.png) no-repeat 12px 10px; color: #4e4e50;}