/*
-----------------------------------------------
TMEP styles (layout)
----------------------------------------------- */

/* Setup stuff
----------------------------------------------- */

blockquote {
	width: 300px;
	float: left;
	margin: 20px 40px;
	font-size: 1.2em;
	color: #666;
	font-style: italic;
	display: inline;
	line-height: 150%;
}
.wide blockquote {
	width: 420px;
}
p.premier {
	font-size: 1.2em;
}

/* Wrapper
----------------------------------------------- */
#wrapper_top {
	width: 100%;
	float: left;
	background: url(/assets/images/page/head_bg.gif) bottom left repeat-x #fff;
}
#wrapper_bottom {
	width: 100%;
	float: left;
}
.constraint {
	width: 930px;
	margin: 0 auto;
	text-align: left;
}

/* Links
----------------------------------------------- */
a { color: #04593C; text-decoration: none; font-weight:bold; }
a:link { color: #04593C; text-decoration: none;}
a:visited { color: #04593C; }
a:hover { color: #04593C; text-decoration: underline;}
a:active { color: #04593C; text-decoration: none;}
a.external { padding-right: 14px; background: url('/assets/images/icons/new_window.gif') right no-repeat; }


/* Header
----------------------------------------------- */
h1#logo, h2#logo, h1#logo a, h2#logo a {
	background:url(/assets/images/page/logo.gif) no-repeat;
	width:230px;
	height:68px;
}
h1#logo {
	margin: 20px 0 0 0;
}

#candidates {
	width: 640px;
	float: right;
}
#candidates .first {
	width: 350px;
	float: left;
	border-top: 4px solid #0378A4;
	padding-top: 20px;
}
#candidates .second {
	width: 290px;
	float: left;
	border-top: 4px solid #0378A4;
	padding-top: 20px;
}
#candidates .inactive {
	border-top: 4px solid #ddd;
}
#candidates .profile {
	width: 76px;
	height: 80px;
	display: block;
	text-indent: -9999px;
	float: left;
}
#candidates .first .profile {
	background: url(/assets/images/page/struan_head.gif) 0 0 no-repeat;
}
#candidates .second .profile {
	width: 66px;
}
#candidates .inactive .profile {
	background-position: 0 -80px;
}
#candidates h2 {
	margin: 10px 0 0 5px;
}
#candidates .first h2 {
	width: 238px;
	height: 58px;
	float: left;
	text-indent: -9999px;
	display: block;
	background: url(/assets/images/page/struan_title.gif) 0 0 no-repeat;
}
#candidates .second h2 {
	width: 219px;
	height: 56px;
	float: left;
	text-indent: -9999px;
	display: block;
	background: url(/assets/images/page/belinda_title.gif) 0 0 no-repeat;
}
#candidates .first.inactive h2 {
	background-position: 0 -58px;
}
#candidates .second.inactive h2 {
	background-position: 0 -56px;
}

/* Main Nav
----------------------------------------------- */
ul#nav {
	float: right;
}

ul#nav li a {
	height:36px;
}

#nav a { background-position:0 0; }
#nav .on a { background-position:0 -72px; }
#nav a:hover { background-position:0 -36px; }
#nav .on a:hover { background-position:0 -108px; }

ul#nav #nav_home, ul#nav #nav_home a { width:64px; background-image:url(/assets/images/nav/home.gif); }
ul#nav #nav_about, ul#nav #nav_about a { width:66px; background-image:url(/assets/images/nav/about.gif); }
ul#nav #nav_interests, ul#nav #nav_interests a { width:86px; background-image:url(/assets/images/nav/interests.gif); }
ul#nav #nav_parliament, ul#nav #nav_parliament a { width:100px; background-image:url(/assets/images/nav/parliament.gif); }
ul#nav #nav_media, ul#nav #nav_media a { width:65px; background-image:url(/assets/images/nav/media.gif); }
ul#nav #nav_faq, ul#nav #nav_faq a { width:51px; background-image:url(/assets/images/nav/faq.gif); }
ul#nav #nav_links, ul#nav #nav_links a { width:60px; background-image:url(/assets/images/nav/links.gif); }
ul#nav #nav_contact, ul#nav #nav_contact a { width:76px; background-image:url(/assets/images/nav/contact.gif); }

ul#nav #search {
	width: 190px;
}
ul#nav #search form input {
	vertical-align: top;
	margin-top: 5px;
}
ul#nav #search form input#search_box {
	width: 110px;
	padding: 2px 2px 2px 20px;
	border: 1px solid #ccc;
	margin: 8px 0 0 20px;
	color: #666;
	background: url(/assets/images/icons/magnify.gif) 2px 2px no-repeat #fff;
}
#nav_holder {
	width: 930px;
	float: left;
	margin-top: 1px;
	border-bottom: 1px solid #ccc;
	background: url(/assets/images/page/nav_bg.gif) top left repeat-x;
}

/* Main
----------------------------------------------- */

#main {
	width: 930px;
	float: left;
	position: relative;
}

#main.home {
	/* border-bottom: 1px solid #7A88BC; */
	background: url(/assets/images/page/main_bg.jpg) top left repeat-y;
}


/* Sub */

#main.sub {
	background: #ccc;
}
#masthead {
	width: 930px;
	float: left;
	height: 146px;
	background: #001A83;
}
#masthead h2 {
	margin-left: 200px;
	width: 420px;
}
#content {
	width: 930px;
	float: left;
}
.sub #subnav {
	width: 200px;
	float: left;
	border-top: 1px solid #92AAD5;
	background: url(/assets/images/page/subnav_bg.gif) top left repeat-x #001A83;
	margin-top: -25px;
	position: relative;
}
.sub #primary {
	width: 420px;
	float: left;
	background: url(/assets/images/page/primary_top.gif) top left no-repeat;
	margin-top: -36px;
	position: relative;
}
.sub #primary .inner {
	width: 380px;
	float: left;
	padding: 0 20px 10px 20px;
	margin-top: 10px;
	background: #fff;
}
.sub #primary .inner .date {
	margin: 0.5em 0 0 0;
	font-size: 0.9em;
	color: #999;
}
.sub .wide #primary {
	width: 540px;
	background: url(/assets/images/page/primary_top_wide.gif) 0 0 no-repeat;
}
.sub .wide #primary .inner {
	width: 499px;
	border-left: 1px solid #ccc;
}
.sub #secondary {
	width: 310px;
	float: left;
	background: url(/assets/images/page/secondary_bg.gif) top left repeat-y #f3f3f3;
	position: relative;
}
.sub .wide #secondary {
	width:390px;
}
.sub #secondary .inner {
	width: 270px;
	padding: 20px;
	float: left;
}
.sub .wide #secondary .inner {
	width: 350px;
}
.sub #secondary .inner .highlight {
	width: 270px;
	float: left;
	margin: 20px 0 20px -20px;
	display: inline;
	position: relative;
	padding: 10px 0 10px 20px;
	background: url(/assets/images/page/highlight_bg.gif) top left repeat-y #e2e2e2;
}
.sub .wide #secondary .inner .highlight {
	width: 350px;
}
.sub #secondary .inner .highlight img.tr {
	position: absolute;
	top: 0;
	right: 0;
}
.sub #secondary .inner .highlight img.br {
	position: absolute;
	bottom: 0;
	right: 0;
}
img.shadow {
	margin-top: 20px;
	margin-bottom: -5px;
	position: relative;
}
#faux {
	width: 730px;
	float: left;
	background: url(/assets/images/page/faux_bg.gif) top left repeat-y;
}
.sub .wide #faux {
	width: 930px;
	background: url(/assets/images/page/faux_bg_wide.gif) top left repeat-y;
}
#subnav ul {
	width: 200px;
	float: left;
	margin: 3em 0;
}
#subnav ul li {
	width: 200px;
	float: left;
	padding:0;
	margin:0;
}
#subnav ul li a {
	width: 200px;
	display: block;
	float: left;
	font-weight: normal;
	color: #fff;
}
#subnav ul li a span {
	width: 180px;
	margin: 0 10px;
	padding: 5px 0;
	display: block;
	border-bottom: 1px solid #fff;
	cursor: pointer;
}
#subnav ul li a:hover {
	background: url(/assets/images/page/subnav_arrows.gif) 0 0.8em no-repeat;
}
#subnav ul li.on a {
	background: url(/assets/images/page/subnav_arrows.gif) 0 0.8em no-repeat;
	color: #56CDC7;
	text-decoration: none;
}
#subnav ul li.last span {
	border: none;
}
#thumbs {
	width: 275px;
	float: left;
	margin-right: -5px;
	margin: 1em 0 0 0;
}
#thumbs img {
	float: left;
	padding: 1px;
	border: 1px solid #ABC5C5;
	background: #fff;
	margin-right: 5px;
	margin-bottom: 8px;
}
.wide #thumbs {
	width: 355px;
}
.wide #thumbs img {
	margin-right: 2px;
}
#secondary ul#downloads {
	margin: 1em 0;
}
#secondary ul#downloads li {
	margin: 0.5em 0;
	background: none;
	padding:0;
}
#secondary ul#downloads li a {
	padding: 2px 0 2px 20px;
	background: url(/assets/images/icons/reg.gif) 0 1px no-repeat;
}

#secondary ul#downloads li.zip a {
	background: url(/assets/images/icons/zip.gif) 0 1px no-repeat;
}
#secondary ul#downloads li.pdf a {
	background: url(/assets/images/icons/pdf.gif) 0 1px no-repeat;
}
#secondary ul#downloads li.doc a {
	background: url(/assets/images/icons/doc.gif) 0 1px no-repeat;
}

#secondary ul li {
	padding-left: 10px;
	background: url(/assets/images/icons/green_bullet.gif) 0 0.5em no-repeat;
}
div.extracontent {
  width: 180px;
  background: #ccc;
  padding: 10px;
}
/* Home */

.home #primary {
	width: 400px;
	float: left;
	margin:0;
	padding-bottom: 1em;
}
.home #secondary {
	width: 530px;
	float: left;
}

.home #primary .upper {
	min-height: 260px;
	width: 380px;
	float: left;
	padding-left: 20px;
	background: #fff;
}
.home #primary .lower {
	background: url(/assets/images/page/home_primary_lower_corner.gif) top left no-repeat;
	width: 380px;
	float: left;
	padding-left: 20px;
}
.home #primary .lower p {
	width: 370px;
	margin-right: 10px;
}
.home #primary .upper h2 {
	width: 360px;
}
.home #primary .upper p {
	width: 260px;
}

.home #primary .lower ul {
	width: 120px;
	margin: 0 6px 10px 0;
	float: left;
	display: inline;
}
.home #primary .lower ul li {
	width: 110px;
	display: inline;
	padding-left: 10px;
	background: url(/assets/images/icons/green_bullet.gif) 0.1em 0.6em no-repeat;
	float: left;
	margin: 0.3em 0;
}
.home #primary .lower ul a {
	font-weight: normal;
	display: block;
}
.home #secondary .upper {
	width: 530px;
	float: left;
	position: relative;
	height: 304px;
	background: url(/assets/images/page/struan_stevenson.jpg) bottom right no-repeat #fff;
}
.home #secondary .upper img#home_map {
	position: absolute;
	top: 0;
	left: -120px;
	display: inline;
}
.home #secondary .upper img#epp_ed {
	position: absolute;
	top: 10px;
	right: 10px;
	display: inline;
}
.home #secondary .lower {
	min-height: 165px;
	width: 500px;
	float: left;
	color: #fff;
	padding: 10px 10px 10px 20px;
	background: url(/assets/images/page/home_secondary_lower_bg.gif) top left repeat-x #021E86;
}
.home #secondary .lower h3, .home #secondary .lower h4 {
	color: #fff;
}
.home #secondary .lower .date {
	font-size: 0.9em;
}
.home #secondary .lower a {
	color: #56CDC7;
	font-weight: normal;
}
.home #secondary .lower .split_l {
	width: 249px;
	float: left;
	border-right: 1px solid #ccc;
}
.home #secondary .lower .split_r {
	width: 230px;
	margin-left: -1px;
	padding-left: 20px;
	float: left;
	border-left: 1px solid #ccc;
}
.helpout {
	width: 360px;
	float: left;
	margin: 0.5em 0 0 0;
}

/* News */

#primary ul#news {
	width: 380px;
	float: left;
	list-style: none;
}
#primary ul#news li {
	width: 380px;
	float: left;
	clear: left;
	padding: 0.5em 0;
	margin:0;
	border-top: 1px solid #ccc;
	list-style: none;
}
ul#news li p.date {
	margin-bottom:0;
}
.sub #primary ul#news li h3 {
	margin-top:0;
	font-size: 1.2em;
}
.sub #primary ul#news li h3 a {
	display: block;
}

/* Search */

#primary ul#search {
	width: 500px;
	float: left;
	list-style: none;
}
#primary ul#search li {
	width: 500px;
	float: left;
	clear: left;
	padding: 0.5em 0;
	margin:0;
	border-top: 1px solid #ccc;
	list-style: none;
}
#primary ul#search li .excerpt  {
  color:  #666;
  font-size:  0.8em;
}
#primary ul#search li h3 {
	margin-top:0;
	font-size: 1.2em;
}
#primary ul#search li h3 a {
	display: block;
}

#secondary ul.filter li {
	background:url(/assets/images/icons/filter_off.gif) 0px 2px no-repeat;
	padding-left: 15px;
	margin: 0.3em 0;
}
#secondary ul.filter li.on {
	background:url(/assets/images/icons/filter_on.gif) 0 2px no-repeat;
}


/* Forms
----------------------------------------------- */
form label, form .row.multi legend {
	width:200px;
	padding: 3px;
	font-weight: bold;
	color: #666;
}
form .row.submit {
	margin:1em 0 0 212px;
}
form .textbox input, form .textarea textarea {
	width:200px;
	padding: 3px;
}
form .dropdown select {
	width: 208px;
	margin: 3px 3px 3px 0;
}
form .row.multi fieldset label {
	width:auto;
}
form .captcha input {
  margin-bottom:  5px;
}




/* Footer
----------------------------------------------- */
#footer {
	background: url(/assets/images/page/footer.gif) top left no-repeat #fff;
	padding-top: 35px;
	font-size:0.85em;
	color:#999;
	width: 930px;
	float: left;
	border-bottom: 2em solid #fff;
}
ul#legals {
	float: right;
}
ul#legals li {
	float: left;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #ccc;
}
ul#legals li.last {
	border-right: none;
	margin-right: 0;
}
#footer a {
	color: #999;
	font-weight: normal;
}
#footer a:hover {
	text-decoration: underline;
}
#footer p {
	margin:0 0 0 10px;
}


/* Headings
----------------------------------------------- */

h2 {
	margin: 1.2em 0 0.5em 0;
	font-size: 30px;
	font-weight: bold;
	font-size: 2.7em;
	line-height: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #2454AB;
}
.sub #primary .inner h2 {
	font-size: 2.0em;
	margin-top: 0.5em;
}
h3 {
	font-size: 2em;
	margin: 0.8em 0 0.5em 0;
	color: #031A7B;
	font-weight: bold;
	line-height: 1em;
	font-family: Arial, Helvetica, sans-serif;
}
.sub #primary .inner h3 {
	font-size: 1.6em;
	color: #2353A9;
}
h4 {
	font-size: 1.5em;
	margin: 0.2em 0 0.3em 0;
	color: #031A7B;
	font-weight: bold;
	line-height: 1em;
	font-family: Arial, Helvetica, sans-serif;
}
h5 {
	font-size: 1.3em;
	margin: 1em 0 0.4em 0;
	color: #333;
	font-weight: bold;
	line-height: 1em;
	font-family: Arial, Helvetica, sans-serif;
}
#primary h5 {
	margin-top: 1.5em;
}


/* lists
----------------------------------------------- */
#primary dl  {
  
}
  #primary dl dt  {
    font-weight:  bold;
    float:  left;
    text-align: right;
    width:  10em;
  }
  #primary dl dd  {
    margin-bottom:  1em;
    margin-left:  11em;
  }

#primary ul {
	margin: 1em 0;
}
  #primary ul li {
  	list-style: disc;
  	padding-left: 1em;
  	margin-bottom:  1em;
  	list-style-position: inside;
  }

#primary ul.interest_entries {
	border-top: 1px solid #ccc;
	margin-top: 0;
	padding-top:  1em;
	padding-bottom: 1px;
}
  #primary ul.interest_entries li  {
    margin-bottom:  0.5em;
  }
  
  
  
/* Twitter
----------------------------------------------- */

.tweet {
	width: 448px;
	float: left;
	margin: 0 0 2em 0;
	padding: 5px 5px 5px 45px;
	border: 1px solid #7198E1;
	font-size: 11px;
	background: url(../images/icons/twitter.gif) 0 0 no-repeat #275CBE;
	line-height: 130%;
}
.tweet span {
	color: #7198E1;
}