/***********************************
 * leedsuniversityunion.org.uk CSS *
 *                                 *
 * v1.0, Rich Sage                 *
 ***********************************/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1.1;
}

blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

.clear
{
  clear: both;
}

.clearleft
{
  clear: left;
}

/************************ body, outer wrappers ************************/

body
{
  background: #ebe5ec;
  font-family: "Century Gothic", Arial, Helvetica, clean, serif;
}

#site-wrapper-outer
{
  width: 994px;
  margin: 0 auto;
  position: relative;
}

/************************ header ************************/

#masthead
{
  float: left;
  width: 994px;
  display: inline;
  margin: 0;
  background: transparent url(/assets/site_resources/header-bg.jpeg) repeat-x;
min-height:130px;
}

#masthead-heading
{
  float: left;
  display: inline;
  margin: 27px 0px 0px 30px;
}

#masthead-welcome-to
{
  float: left;
  display: inline;
  color: #fff;
  text-indent: -9999px;
  width: 178px;
  height: 26px;
  margin-bottom: 3px;
  background: transparent url(/assets/site_resources/header-welcome-to.png) no-repeat left top;
}

#masthead-luu
{
  float: left;
  clear: left;
  display: inline;
  color: #fff;
  text-indent: -9999px;
  width: 355px;
  height: 35px;
  background: transparent url(/assets/site_resources/header-luu-logo.png) no-repeat left top;
}

#masthead-charity
{
  float: left;
  clear: left;
  display: inline;
  color: #fff;
  font-size: 0.625em;
}

#masthead-search
{
  float: right;
  display: inline;
  margin: 68px 30px 0 0;
}

#masthead-search-query
{
  border: none;
  font-size: 0.625em;
  height: 16px;
  width: 115px;
  margin-right: 10px;
  padding: 4px 2px 0px;
  float: left;
  display: inline;
}

#masthead-search .javascript-submit
{
  width: 58px;
  height: 20px;
  background: transparent url(/assets/site_resources/search-button.jpg) no-repeat left center;
  text-indent: -9999px;
  float: left;
  display: none;
}

#accounts {margin-top:13px;float:left; width:994px;}
#login {float:right;margin-right:30px;}
#login a {color:white;text-decoration:none;font-size:0.668em;}

/************************ footer ************************/

#footer
{
  float: left;
  display: inline;
  width: 974px;
  margin: 0 10px 20px;
  padding-bottom: 20px;
  background-color: #b7b7b7; 
}

#footer-nav
{
  float: left;
  margin-top: 15px;
}

#footer-nav ul
{
  float: left;
  display: inline;
  width: 154px;
  margin-right: 10px;
list-style-type:none;
}

#footer-nav ul.first
{
  margin-left: 10px;
  width: 144px;
}

#footer-nav li
{
  line-height: 0.563em;
}

#footer-nav li a
{
  font-size: 0.563em;
  text-decoration: none;
  color: #000000;
}

#footer-nav li a:hover
{
  text-decoration: underline
}

#footer-nav li.heading a
{
  font-weight: bold;
}

#footer-nav .skiplink
{
  display: none;
}

#footersentence {
  float: left;
  margin-left: 10px;
     }

#footersentence p {
  font-size: 0.563em;
  color: #000000;
     }
  

#copyright
{
  float: right;
  display: inline;
  width: 208px;
  height: 19px;
  margin: 20px 25px 0 0;
  background: transparent url(/assets/site_resources/footer-luu-logo.png) no-repeat right center;
}

#copyright span
{
  text-indent: -9999px;
  display: block;
}

#footer-logos
{
  float: right;
  clear: right;
  width: 201px;
  height: 30px;
  display: inline;
  background: transparent url(/assets/site_resources/footer-logos.png) no-repeat right center;
  margin: 20px 25px 0 0;
}



/************************ footer2 ************************/

#footer2
{
  float: left;
  display: inline;
  width: 994px;
  margin: 0 10px 20px;
  background-color: #ffffff; 
  border-top: 1px solid #B7B7B7;
}

#footer2-nav
{
  float: left;
 padding: 20px 0px 20px 0px;
}

#footer2-nav ul
{
  float: left;
  display: inline;
  width: 223px;
 list-style-type: none;
}

#footer2-nav ul.first
{
  margin-left: 20px;
  width: 223px;
}

#footer2-nav li
{
  line-height: 1.0em;
}



#footer2-nav li a
{
  font-size: 0.79em;
  text-decoration: none;
  color: #6c207e;
  line-height: 1.5em;
}

#footer2-nav li a:hover
{
  text-decoration: underline
}

#footer2-nav li.heading 
{
  font-weight: bold;
  color: #6c207e;
 font-size: 0.95em;
 line-height: 1.5em;
}

#footer2-nav .skiplink
{
  display: none;
}


#footer2secondmenu {
 display: inline;
float: left;
width:974px;
height: 20px;
padding: 20px 0px 20px 20px;

     }

#footer2secondmenu ul {

 }

#footer2secondmenu li {
display: inline;
border-right: 1px solid #B7B7B7;
margin-right: 10px;
    padding-right: 10px;
}

#footer2secondmenu li a
{
  font-size: 0.79em;
  text-decoration: none;
  color: #6C207E;
  line-height: 1.5em;
   font-weight: bold;
display: inline;
}

#footer2secondmenu li a:hover
{
  text-decoration: underline
}

#footer2sentence {
  float: left;
   border-top: 1px solid #B7B7B7;
padding: 20px 0px 20px 20px;
width:974px;
     }

#footer2sentence p {
  font-size: 0.79em;
  color: #6C207E;
     }

#footer2sentence p a {
  font-size: 0.79em;
  color: #6C207E;
     }

#footer2sentence p a:hover {
  text-decoration: underline;
     }


#copyright
{
  float: right;
  display: inline;
  width: 208px;
  height: 19px;
  margin: 20px 25px 0 0;
  background: transparent url(/assets/site_resources/footer-luu-logo.png) no-repeat right center;
}

#copyright span
{
  text-indent: -9999px;
  display: block;
}

#footer2-logos
{
  float: right;
  clear: right;
  width: 201px;
  height: 30px;
  display: inline;
  background: transparent url(/assets/site_resources/footer-logos.png) no-repeat right center;
  margin: 20px 25px 0 0;
}



/************************ primary nav ************************/

#primary-nav .ddsmoothmenu
{
  float: left;
  display: inline;
  margin: 0 0 10px 0;
  height: 26px;
  width: 994px;
  background: transparent url(/assets/site_resources/primary-nav-bg.jpg) repeat-x;

}

#primary-nav .skiplink
{
  display: none;
}

#primary-nav .ddsmoothmenu ul
{
  xfloat: left;
  xmargin-top: -2px;
  display: table;
  margin: 0 auto;
}

#primary-nav .ddsmoothmenu li
{
  float: left;
  display: inline;
  margin: 0 0 0 5px;
  line-height: 26px; 
font-family: Century Gothic, Helvetica, Arial, serif;
}

#primary-nav .ddsmoothmenu li a
{
  font-size: 0.8em;
  padding-right: 4px;
  border-right: 1px solid #6C207E;
  color: #6C207E;
  font-weight: bold;
  text-decoration: none;
}

#primary-nav .ddsmoothmenu li.last a
{
  border-right: none;
}

#primary-nav li a:hover
{
  text-decoration: underline;
}

/************************ body miscellaneous stuff ************************/

#body-wrapper-outer > a.placeholder
{
  display: none;
}






/* ------------PAGES--------*/


ul, ol {margin-top:0.5em;margin-bottom:0.5em; padding-left:1.2em;}

h1 {
font-size: 2.5em;
font-weight: normal;
margin-bottom:12px;
}

h2 {
font-size: 2em;
font-weight: normal;
color:#6C207E;
margin-bottom:5px;
}

h2 a {
font-weight: normal;
color:#6C207E;
}

h3 {
font-size: 1.2em;
font-weight: bold;
color: #666666;
margin: 5px 0px 5px 0px;
}

h4 {
color: #6D1F7E;
margin: 5px 0;
}

 
#news h1, #job_list h1, #job_vacancy h1, #pagecontentleft a h1,   #pagetitle a h1, #pagetitle h1,#election_candidates h1, #election_posts h1, .page_news .news_full h1 {color:#6C207E; font-size: 2em}
#pagetitle1 h1 a, {color: #6C207E;} 
#news .news_body, #news h1, #news #news_comments {padding-left:20px;padding-right:20px;}
#news .news_image {display:none;}
#news h1 {padding-top: 16px; font-size: 2em;}
#news_comments h2 {font-size: 1.4em; font-weight: bold;}

#blog_post h1, .msl_blog h1, #pagecontentleft a h1,   #pagetitle a h1, #pagetitle h1 {color:#6C207E;}
#blog_post .blog_post_blog_name, .blog_post_title, #blog h1 {padding-left:20px;padding-right:20px;}
#blog_post .blog_image {display:none;}
.msl_blog_tools {width: 240px;
float: right;
margin-top: -30px;}
div.msl_blog h1 a{font-size: 26px; color: #6C207E;}


.msl-recentblogpostblogname, .msl-recentblogpostdate {display:none;}
.recent-blogposts li {list-style: none; display: block; padding: 10px 5px;}
.recent-blogposts-short li {list-style:none; display:block;}
.recent-blogposts ul, .recent-blogposts-short ul {padding-left: 0}
div.recent-blogposts a.msl-recentblogposttitle, div.recent-blogposts span.msl-recentblogpost, div.recent-blogposts-short span.msl, div.recent-blogposts-short a.msl-recentblogposttitle {display: block; width: 230px; margin-left: 60px;}
div.recent-blogposts a.msl-recentblogposttitle {font-size: 15px; font-weight: bold; color: #6BAFC4}
.recent-blogposts img {margin-top: -18px;}




.recent-blogposts .featurebox.inline h5 a {
width: 65%;
margin-top: 5px;
margin-right: 5px;
float: right;
text-decoration: none;
font-weight: bold;
font-size: 1.125em;
color: #6BAFC4;
}
.recent-blogposts .contactbox h6 a {
display: block;
padding: 5px;
border: 1px solid;
width: 125px;
margin: 0 13px 5px;
font-weight: bold; }


span.msl-recentblogpost {
font-size: 11px;
line-height: 1.225em;
margin: 4px 0;
}

#job_vacancy {padding:5px !important;}
 .job_vacancy h3 a {color:#6C207E; font-size:2em;}

a{text-decoration:none;
color:#00AEEF;}

.large_image .news_item .news_image, .large_image .news_item .news_image a img, .large_image .news_item .news_item_hook {width:335px;height:268px;}

h3.block-title
{
  padding: 5px 13px;
  margin-bottom: 5px;
  color: #fff;
  font-weight: bold;
  font-size: 1.0em;
font-style: italic;}


h3.block-title a {color: #ffffff;display:block;}

.latestnews, .contactbox, .featurebox, .eventsearch, #bottomcolumnright, .fullcolumnwidthbox, .fullcolumnwidthbox1, .fullcolumnwidthbox2, .fullcolumnwidthbox3, .fullcolumnwidthbox4, .job_vacancy, #job_vacancy, .job_search, #job_list , .similarevents,  #pagecontentleft, #news, #blog_post, #msl_blog_post, .msl_blog, .topboxmain1, .topboxmain2, .topboxmain3, .topboxmain4, .topboxmain5, .topboxmain6, .topboxmain7, .topboxmain8,  #mainmessage3 , #eventcat, #msl_event #columnleftevent, .page_news .news_full {background:white;padding:5px;margin-bottom:10px;font-size:.813em;}

#mainmessage, #mainmessage1, #mainmessage2, #mainmessage3, #pagecontentleft{
	width: 636px;
	float: left;
margin-left:10px;
margin-right:10px;
	}

.msl_blog {width: 576px; float: left; margin: 5px 10px; padding: 15px 30px 5px; overflow: hidden;}
.msl_blog .msl_blog_post_body {margin: 5px 0 30px}


#news, #blog_post, #job_vacancy, #job_list, #msl_event #columnleftevent, .similarevents, .page_news .news_full {
width: 616px;
float: left;
margin-left:10px;
margin-right:10px;
padding: 10px 15px 5px;

}

#homepage-hero .news_imageonly h5 a {display:none !important;}
#homepage-hero .news_imageonly .leader {display:block !important;}


#mainmessage .featurebox {float:left; width:636px;}
#mainmessage .featurebox img {padding:5px;}

.latestnews {width:636px; float:left;height:315px;}
.latestnews .news_noimage .news_item {height:50px;margin:0px;border-bottom:1px solid white;}

.latestnews .news_noimage {width:300px;float:left;}
.latestnews .news_imageonly {width:300px;float:left;}
.latestnews .news_imageonly .news_item_inner {margin:0px;}
.latestnews .news_imageonly .news_item_inner img {width:335px !important;height:268px !important;}


.latestnews.latestshops .news_noimage {width:300px;float:left;background-color:#eeeef5;}
.latestnews.latestshops .news_item_inner a  {color: #FFD105}

.latestnews.latestcampaigning .news_noimage {width:300px;float:left;background-color:#eeeef5;}
.latestnews.latestcampaigning .news_item_inner a  {color: #6bafc4}

.latestnews.latestclubsandsocieties .news_noimage {width:300px;float:left;background-color:#eeeef5;}
.latestnews.latestclubsandsocieties .news_item_inner a  {color: #FDA533}

.latestnews.latestsay .news_noimage {width:300px;float:left;background-color:#f3eff6;}
.latestnews.latestsay .news_item_inner a  {color: #6C207E}

.latestnews.latestwhatson .news_noimage {width:300px;float:left;background-color:#FFF1F5;}
.latestnews.latestwhatson .news_item_inner a  {color: #D6416B}

.latestnews.latestbarsandclubs .news_noimage {width:300px;float:left;background-color:#FAF1F8;}
.latestnews.latestbarsandclubs .news_item_inner a  {color: #EC008C}

.latestnews.latesthelpandadvice .news_noimage {width:300px;float:left;background-color:#efefef;}
.latestnews.latesthelpandadvice .news_item_inner a  {color: #004A80}

.latestnews.latestvolunteering .news_noimage {width:300px;float:left;background-color:#efefef;}
.latestnews.latestvolunteering .news_item_inner a  {color: #8DC63F}

.latestnews.latestaboutluu .news_noimage {width:300px;float:left;background-color:#efefef;}
.latestnews.latestaboutluu .news_item_inner a  {color: #6C207E}

.latestnews.latestjobs {height:340px;}
.latestnews.latestjobs .news_noimage {width:300px;float:left;background-color:#eeeef5;}
.latestnews.latestjobs .news_item_inner a  {color: #FFD105}

#topcolumnright ,#topcolumnright1, #columnright {
	float: right;
	width: 318px;
margin-right:10px;
}	



#bottomcolumnright {
margin-top:10px;
	float: right;
	width: 308px;
margin-right:10px;
}	
.split-left {width:48%;float:left}
.split-right {width:48%;float:right;}

.leftbox1 {float:left;margin-bottom:3px;margin-right:3px;}
.rightbox1 {float:right;margin-bottom:3px;}

/* ------------top news box ----------- */
 
.feedburnerFeedBlock ul {list-style-type:none;margin:0px;padding:0px;}

.feedburnerFeedBlock ul li {margin-bottom:5px;}

.feedburnerFeedBlock ul li p {margin:0px;float:none;}
.feedburnerFeedBlock img {float:right;margin-top:-13px;}

.featurebox ul img {padding:5px;float:left;}
.featurebox.grid p {margin-top:5px; margin-right:5px;float:left;}
.featurebox.inline {float: left; margin-bottom: 5px;}
.featurebox.inline p {width: 65%;margin-top:5px; margin-right:5px;float:right;}
.featurebox.inline img {width: 87px; float: left}


/* ----------Columns---------------- */





#columnleft , #columnleftevent{
	float: left;
	width: 318px;
	margin-right: 10px;
margin-left:10px;
	}


#columncentre,#columncentre2  {
	float: left;
	width: 318px;
	margin-right: 10px;
	}





/* --------------Boxes------------ */

.advert {margin-bottom:10px;}
.advert {display:none;}

#topboxmainimage {

	width: 138px;
	height: 110px;
}

.contactdetail {height:30px;}
.contactdetailwide {height:30px;}
.contactdetail img {float:left;}
.contactdetailwide img {float:left;;}

.commentsbox ul {list-style-type:none;margin:0px;padding:0px;font-weight:bold; font-size:0.813em;}
.page_submityourcomment p {background-color:white;font-size:0.813em;padding:20px;}
.commentsbox textarea {width:95%;}
dl.comments span.comment { display: block;    font-size: 90%;    line-height: 130%;    margin: 10px;    padding: 0.5em;}
dl.comments  {margin: 25px 5px;}

#columnleftevent #contenttitle H2,  .similarevents #contenttitle H3 {font-size: 2.5em;
font-weight: normal;
margin-bottom:12px;color:#D6416B;}

#bottomcolumnright #contenttitle a h3, #contenttitle H3 ,  {font-size: 2.5em;
font-weight: normal;
margin-bottom:12px;color:#6C207E;}

#contenttitle H3 a {color:#6C207E;}



.news_body p, .msl_blog p, .eventinner p, div.elections#pagecontentleft p, div#widecolumncontent p, #msl_event p {font-size: 1.0em;
    letter-spacing: 0.1px;
    line-height: 1.36;
    padding-bottom: 15px;}
.news_body h2{padding-top: 20px; font-size: 1.4em; color: black; font-weight: bold}
.news_body h3{padding-top: 15px;}
.news_body h6 {padding-top:20px;}

.news_body li {margin-bottom: 10px;}


/*=================================== Homepages Page title and content title boxes ============================================*/






.latestnews .news_item {

width: 300px;
float: left; 
padding: 0 0 4px 0;

}


/* ---------- NEWS -------------- */
.rss_title a {
color: #29ABE2;
font-weight: bold;
}

.joblinkrss ul {margin:0px;padding:0px;list-style-type:none;}
.joblinkrss ul li {margin-bottom:10px;}
.joblinkrss ul li .rss_description {font-size:0.813em;}

#morenewslink {
font-weight: bold;
color: #29ABE2;
}


/* ---------- News Template NEWS -------------- */

#templatenews {
  padding: 5px;
   }


#templatenews table.msl_table{
border:0px !important;
border-collapse:collapse;
clear:both;
margin:1em 0;
width:99.5%;
}


#templatenews .news_full .news_item_hook {
float:left;
height:80px;
margin:0 0.5em 0.25em 0;
width:100px;
}

#templatenews .news_full h5 a {
color:#00AEEF;
text-decoration:none;
}

#templatenews .news_full .news_image a img {
height:80px;
width:100px;
}

#templatenews .news_full .news_item {
display:block;
}



/************************ block colours ************************/

.fg-colour-1
{
  color: #02b49a;
}

.bg-colour-1
{
  background-color: #02b49a;
}

.fg-colour-2
{
  color: #68AEC4;
}

.bg-colour-2
{
  background-color: #68AEC4;
}

.fg-colour-3
{
  color: #FBB052;
}

.bg-colour-3
{
  background-color: #FBB052;
}

.fg-colour-4
{
  color: #D6416B;
}

.bg-colour-4
{
  background-color: #D6416B;
}

.fg-colour-5
{
  color: #ADB4A2;
}

.bg-colour-5
{
  background-color: #ADB4A2;
}

.fg-colour-6
{
  color: #959595;
}

.bg-colour-6
{
  background-color: #959595;
}

.fg-colour-7
{
  color: #6C207E;
}

.bg-colour-7
{
  background-color: #6C207E;
}


.bg-colour-9
{
  background-color: #5F8C97;
}

.fg-colour-9
{
  color: #5F8C97;
}

/************************ section menu colours ************************/

.menu-bg-colour-1
{
  background-color: #FDA533;
}

.menu-bg-colour-2
{
  background-color: #FFD105;
}

.menu-bg-colour-3
{
  background-color: #EC008C;
}

.menu-bg-colour-4
{
  background-color: #004A80;
}

.menu-bg-colour-5
{
  background-color: #6bafc4;
}

.menu-bg-colour-6
{
  background-color: #A1A1A1;
}

.menu-bg-colour-7
{
  background-color: #8DC63F;
}

.menu-bg-colour-8
{
  background-color: #6C207E;
}

.menu-bg-colour-9
{
  background-color: #5F8C97;
}

.menu-bg-colour-10
{
  background-color: #6BAFC4;
}

.menu-fg-colour-1
{
  color: #FDA533;
}

.menu-fg-colour-2
{
  color: #FFD105;
}

.menu-fg-colour-3
{
  color: #EC008C;
}

.menu-fg-colour-4
{
  color: #004A80;
}

.menu-fg-colour-5
{
  color: #6bafc4;
}

.menu-fg-colour-6
{
  color: #A1A1A1;
}

.menu-fg-colour-7
{
  color: #8DC63F;
}

.menu-fg-colour-8
{
  color: #6C207E;
}

.menu-fg-colour-9
{
  color: #5F8C97;
}

.menu-fg-colour-10
{
  color: #6BAFC4;
}


/*=================================== Logout and Show account links ========================================*/
#showaccount a {color:white;text-decoration:none;font-size:0.668em;}


/*=================================== Hide the stuff for the js ========================================*/
#controlpanel h3 {display:none;}
#controlpanel ul {display:none; width:900px; float:left;}
.sidepanel.controlpanel h3 {display:none;}


/*=================================== main account bar========================================*/
#accountbar {
	width: 994px;
        float: left;

}

#accountbar a {color:white;}

#notlogin {width:700px: font-size:10px;}


/*=================================== Account Bar ========================================*/

#sidebar{margin-top:;}
.sidepanel { 
           width:700px;
          margin-left:30px; 
          font-size:11px;
          clear:left;
color:white;
}

.sidepanel.controlpanel ul {display:none; width:800px;padding-left:0px;  margin-top:5px;}

#msl_admin { 
           width:700px;
          margin-left:30px; 
          font-size:11px;
display:none;
color:white;
}

#msl_admin ul {display:none; width:800px; Height:20px; }

#msl_admin li { border-top:none !important;
              border-bottom:1px dotted #CCCCCC;
              display:block;
              float:left;
              padding:0px 10px 0px 0px !important;
              margin:0px 0px 0px 0px;;
}

#msl_admin li a {
              background-image:none;
              padding:0px 0px 0px 0px;
              margin:0px 0px 0px 0px;;

}

#msl_admin h3 { 
          margin:0px 0px 0px 0px;
           font-weight: bold;
         font-size: 12px;
}
#msl_admin h4 { 
          margin:0px 0px 0px 0px;
           font-weight: bold;
         font-size: 12px;
clear:left;
}

#ctl00_AdminPanel_ulAdmin li{border-top:none;}

.sidepanel p { 
           font-weight: normal;
           color:  white;
           display:inline;

}  

.sidepanel li { 
              border-bottom:1px dotted #CCCCCC;
              display:block;
              float:left;
              padding:0px 10px 0px 0px;
              margin:0px 0px 0px 0px;;
}

.sidepanel li a {
              background-image:none;
              padding:0px 0px 0px 0px;
              margin:0px 0px 0px 0px;;

}

/*=================================== Control Panel Header ======================================*/

#controlpanel h3 { 
          margin:0px 0px 0px 0px;
           font-weight: bold;
         font-size: 12px;
}


/*=================================== Basket ======================================*/

#basket {display:none; color:#666666;float:left;}


#basket h3 { 
          margin:0px 0px 0px 0px;
           font-weight: bold;
           color: #666666;
         font-size: 12px;
}


.topboxmain1 #basket {
   display: inline;
          }

.topboxmain1 .sidepanel {
        width: 290px;
        margin-left: 5px;
       }

/*=================================== Extras======================================*/

#controlpanel li {
              background-image:none;
}

div.controlpanel li.logout a {
      color: #c00;
}




textarea {width:100%}

/*=================================== Calendar======================================*/

table.msl_event_calendar {width:300px;height:300px;}



#eventtypegistlogo {float:right; margin-top:-30px;}


.eventboxmain .msl_eventlist img {width:30px;float:left;padding-right:5px;}
.eventboxmain .msl_eventlist dl {margin:10px;}

#whatsonbig .msl_event_image {float:left;}
#whatsonbig dl {float:left;width:310px;}
#whatsonbig dd {display:block;margin-left:80px;}

#whatsonmain .msl_event_image {float:left;}
#whatsonmain dl {float:left;width:310px; border-bottom: 1px dashed #999999; margin: 2px 0px 2px 0px; padding-bottom: 2px;}
#whatsonmain dd {display:block;margin-left:80px;}
#whatsonmain .msl_event_description {display:none;}

#whatsonfull .msl_event_image {float:left; margin-right: 10px;}
#whatsonfull dl {float:left;width:636px; border-bottom: 1px dashed #999999; margin: 2px 0px 2px 0px; padding-bottom: 5px; font-size: 1.2em;}
#whatsonfull dd {display:block;margin-left:100px;}
#whatsonfull h4 {font-size: 1.4em; color:#D6416B; margin: 5px 0px 5px 0px;}

#whatsoncat .msl_event_image, .msl_event_description, .msl_event_location {display:none;}
#whatsoncat dl {border-bottom: 1px dashed #999999; margin: 2px 0px 2px 0px; padding-bottom: 2px;}



#columnleftevent .msl_event_image {float:left;}
#columnleftevent dl {float:left;width:310px;}
#columnleftevent dd {display:block;margin-left:80px;}

ul.whatsoncat {margin:0px;padding:0px;list-style-type:none;}
ul.whatsoncat li {height:30px;margin-top:3px;}
ul.whatsoncat li img {float:none;padding:0px;padding-right:3px;vertical-align:middle;}
ul.whatsoncat .colorbox {width:30px;height:30px;float:left;background-color:red;vertical-align:middle;}


/* ---------------Date with event attached--------------- */

#calendar .msl-eventcal-default td.msl_event_calendar_selected_day {background-color: #f5d3c2 !important;}


/*a.msl_event_calendar_item {color: #ccc !important;} date colour and clickable area*/

#calendar .msl-eventcal-default td.msl_event_calendar_selected_day:hover .msl-cal-wrapper{color:#000000; background:#D6416B;} /* colour of text when hovered over - you need to specify background so that z-index works in IE */ 
#calendar.msl-eventcal-default td.msl_event_calendar_selected_day:hover {background-color:#f6958c !important;}


/* ---------------Eventlist box that appears----------------- */

#calendar .msl-eventcal-default .msl-cal-hoverbox {padding:10px; border: 1px solid #000000; text-align:left; background: #ffffff; color:#000000;}
#calendar .msl-eventcal-default td:hover .msl-cal-hoverbox {top:1em; left:0em;width:12em;}  /* -------------- size and positioning of the hoverbox relative to the date ------------*/
/* add some opacity here */


/* ------------Events list ---------------- */

#calendar .msl-eventcal-default .msl-cal-hoverbox a {padding:5px 0 5px 5px; display:block;} /* links in hoverbox */
#calendar .msl-eventcal-default .msl-cal-hoverbox a dd {padding-left:5px;}
#calendar .msl-eventcal-default .msl-cal-hoverbox a:hover {background: #ffffff;} /* hoverover colour for links in hoverbox */
#calendar .msl-eventcal-default .msl-cal-hoverbox dt {font-weight:bold;color: #000000;} /* colour and styles for event times */



/* ----------------DDMENU ------------------*/

#primary-nav .ddsmoothmenu{
 font:  16px century gothic; 
/*background: #414141; /*background of menu bar (default state)*/
width: 100%;
}


/*Top level list items*/
#primary-nav .ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

#primary-nav .ddsmoothmenu ul li ul li {float:none;margin:0px; background-color: #000000;}

/* these are to override the luu css*/
#primary-nav .ddsmoothmenu ul a:hover
{
  text-decoration: none;
}

#primary-nav .ddsmoothmenu ul li ul a:hover
{
  text-decoration: none;
	color:white;
}


* html #primary-nav .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}




	
/*1st sub level menu*/
#primary-nav .ddsmoothmenu ul li ul{
margin-left:-10px;
list-style-type:none;
position: absolute;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;

}
#primary-nav .ddsmoothmenu ul li ul a:hover{
background: #592d61 ; /*background of menu items during onmouseover (hover state)*/
color: white;
}




/*All subsequent sub menu levels vertical offset after 1st level sub menu */
#primary-nav .ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
#primary-nav .ddsmoothmenu ul li ul li a{
line-height:21px;
font-weight:normal;
display: block;
background-color:#fefefe;
width: 170px; /*width of sub menus*/
padding-left: 5px;
margin: 0;
border:0;
}

/* Holly Hack for IE \*/
* html #primary-nav .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### 

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
*/
/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}

#primary-nav .ddsmoothmenu ul {
padding:0px;}


/*  bottom pages    */


/*===================================Left Menu ============================================*/


#leftcolumnmenu {
	width: 140px;
	float: left;
        margin-bottom:7px;
        background-color: #ffffff;
	}

#leftcolumnmenu ul {
        float: left;
    	list-style: none;
	margin: 0; padding: 0;
}



#leftcolumnmenu li a {
display:table-cell;
height:auto;
padding:auto;
}

#leftcolumnmenu li.nobottomlinethanks {
	border-bottom: none;
}


.menu1 {
   	
       background-repeat: no-repeat;
       background-position: bottom left;
       height: 20px;
	padding-left:3px;
	padding-top: 5px;
	display:block;
	text-decoration: none;
	color: #6C207E;
        cursor:pointer;
       letter-spacing: -1px;
}

.menu1vol {

       background-repeat: no-repeat;
       background-position: bottom left;
       height: 29px;
	padding-left:3px;
	padding-top: 3px;
	display:block;
	text-decoration: none;
	color: #6C207E;
        cursor:pointer;
       letter-spacing: -1px;
      line-height: 12px;
}


.menu2 {
background-image:url(/stylesheet/peter/menubuttonexpand.jpeg);
       background-repeat: no-repeat;
       background-position: bottom left;
       height: 20px;
	padding-left:8px;
	padding-top: 5px;
	display:block;
	text-decoration: none;
	color: #6C207E;
        cursor:pointer;
       letter-spacing: -1px;
  
}

.menu2intranet {
       background-repeat: no-repeat;
       background-position: bottom left;
       height: 20px;
	padding-left:7px;
	padding-top: 5px;
	display:block;
	text-decoration: none;
	color: #6C207E;
        cursor:pointer;
       letter-spacing: -1.1px;
  
}





#leftcolumnmenu a:link, #leftcolumnmenu a:visited {
  color: #6C207E;

       }

#leftcolumnmenu a:hover {
     text-decoration:underline;
         }

#leftcolumnmenu p {
  color: #6C207E;
 letter-spacing: -0.03px;
margin-bottom: 0px;
margin-top: 5px;
       }

.submenu{
background-color: #eeeeee;
display: block;
padding-top: 2px;
padding-left: 3px;
 letter-spacing: -1px;
font-size: 12px;
}

.hide{
display: none;

}

.show{
display: block;
}


#leftcolumnmenu ul.msl_organisation_list {float:none;}


#leftcolumnmenu .msl_organisation_list li {
     	list-style:none;
        display:block;
        letter-spacing: -1px;
	width: 128px;
        font-size: 12px;
        line-height: 12px;
        position:relative;
        margin: 0px 0px 0px 5px;
       padding-top: 2px;
          }

#leftcolumnmenu .msl_organisation_list li a {
display:table-cell;
height:auto;
padding:auto;
}

#centrecolumncontent {
	width: 466px;
	float: left;
        padding-left: 7px;
	}

.topboxmain1 div div div img {float:left;}


/*===================================Emily Regular Page Style ============================================*/

#breadcrumb {
   text-align: left !important; 
   margin: 0px 0px 2px 2px;
        }

#pageimage {
     margin:20px 0px 20px 0px;
}

#exec {height: 170px; float: left; margin-bottom: 20px; width:450px;}
#devco {float: left; margin-bottom: 20px; width:450px;}
#devco .image, #exec .image {float:left; margin: 0px 10px 0px 10px;}

.sectionimages {margin-left: 11px; margin-bottom: 5px;}

#onlineform fieldset {border: 1px #cccccc solid;}
#onlineform ul {list-style-type:none !important;}
#onlineform textarea {width: 415px;}
#onlineform legend {font-weight: bold;color: #6C207E}
#onlineform li.inline label  {margin-right:5px;}

#onlineform1 fieldset {border: 1px #cccccc solid; padding: 5px}
#onlineform1 ul {list-style-type:none !important;}
#onlineform1 textarea {width: 500px;}
#onlineform1 legend {font-weight: bold;color: #6C207E}
#onlineform1 li.inline label  {margin-right:5px;}




/*===================================Remove Feedburner badge ============================================*/
div#creditfooter {display: none;}


/*================================== Buttons ============================================*/
div.election dt a, a.button, {
      background-image: none;
      background-color: #6C207E;
      color: #ffffff !important;
text-decoration: none !important;
      padding: 0.2em;
      border: 1px solid #6C207E;
      margin: 30px;

    }   

div.election dt a:hover, a.button:hover{
      background-color: #ffffff;
      color: #6C207E !important;
    }   

.newbutton, div.referendum a.votenow  {
   border-top: 1px solid #a980ad;
   background: #6C207E;
   background: -webkit-gradient(linear, left top, left bottom, from(#986c9c), to(#6C207E));
   background: -webkit-linear-gradient(top, #986c9c, #6C207E);
   background: -moz-linear-gradient(top, #986c9c, #6C207E);
   background: -ms-linear-gradient(top, #986c9c, #6C207E);
   background: -o-linear-gradient(top, #986c9c, #6C207E);
   padding: 5px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   font-size: 15px;
	font-weight: normal;
   text-decoration: none;
   vertical-align: middle;
   }
.newbutton:hover, div.referendum a.votenow:hover  {
   border-top-color: #502554;
   background: #502554;
   color: #ccc;
   }
.newbutton:active, div.referendum a.votenow:active  {
   border-top-color: #e792b5;
   background: #e792b5;
   }

div.referendum a.votenow {margin-left: 25px;}




/*=================================== Elections ============================================*/
div#election_candidates, div#election_posts{background-color: #FFFFFF;}
div#election_posts h2 {margin: 1em 15px 0px}
#election_candidates dl {padding: 1em 0;}
#election_candidates dd {padding: 0.7em;}
#election_candidates dd:hover {background-color: #EBE5EC;}
div.post_sd {padding-right: 120px;}
div#leadershipmenu ul li{float: left; width: 17%;height: 30px; padding: 10px; background-color: #FFF; font-weight: bold; margin: 5px 9px; text-align: center; border: solid 2px #6C207E;}
div#leadershipmenu ul li a{color: #6C207E; height: 42px; width: 100px;}
div#leadershipmenu ul {list-style-type: none; padding:0 30px; }
div#manifesto {background-color: white; border: none;}
#election_agreement, div#election_vote ,div.thankyouforvoting, div#election_profile, div#election_stand, div#election_propose, div#election_review, div#election_candidacy {background-color: #FFFFFF;border: 20px solid #EBE5EC;padding: 25px;}
div#election_candidacy span#confirm a {font-weight: bold;}
div#election_candidacy span.msl_warning {margin: 10px 0}
div#election_candidacy span#confirm {padding: 5px 0; margin: 5px 0;}
#election_agreement .button {padding: 15px; margin: 20px 0px;}
#election_agreement h1 {color: #6C207E}
#election_agreement .tac {background-color: lightGray;margin: 25px;padding: 10px;width: 450px;}
div.votingstats {float: left; width: 205px; margin-left: 10px; height: 450px}
div.votingstats h3 {}
div.votingstats h1 {color: #6C207E}
div.votingstats h2 {font-weight:bold; font-size:1.3em}

/*=================================== About LUU ============================================*/

#aboutluumain {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 757px;
background-color: white;

}

#aboutluuright {
    float: right;
    margin-right: 10px;
    width: 207px;
}


#widecolumncontent {
	width: 586px;
	float: left;
        padding: 15px 25px;
	}



.aboutluubox {
display:inline-block;
 margin: 1px 10px;
    padding: 20px;
border-top: 1px solid lightGray;
}

.aboutluubox p{font-size: 85%;
    line-height: 120%;
    padding: 5px 7px;
}

.abouttextthird {
float:left;
width:31.5%;
padding: 5px;
overflow:hidden;
}

.aboutpopup {
float:left;
width:47.5%;
padding: 5px;
overflow:hidden;
height:160px;
}

.aboutpopup p{font-size: 85%;
    line-height: 120%;
    padding: 5px 7px;}

#icon-links li
{

  display: block;
  width: 200px;
  height: 32px;
  margin-right: 5px;
}

#icon-links li a
{
  padding-left: 37px;
  line-height: 32px;
  display: block;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.0em;
}

#rightcolumn-list li{
  display: block;
  width: 200px;
  height: 32px;
  margin-right: 5px;
}


#rightcolumn-list li a
{
  line-height: 32px;
  display: block;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.0em;
}


/*==============================Ideas News Items====================================*/

ul.ideaprogress {margin: 25px 0;}

ul.ideaprogress li{
  display: block;
  height: 38px;
  padding-left: 46px;
  line-height: 20px;
  display: block;
  font-size: 1.0em;
}

li.done {background: transparent url(/assets/site_resources/ico-tick.png) no-repeat left center;}
li.started {background: transparent url(/assets/site_resources/ico-working.png) no-repeat left center;}
li.notdone {background: transparent url(/assets/site_resources/ico-not.png) no-repeat left center;}

div#policyinfo {background-color: #D1D3D4;
padding: 0 20px 20px;
}

div#volunteerinfo {border: 25px double purple;
-moz-border-image:url("/stylesheet/peter/ornateframe.png") 25% 25% 25% 25% stretch repeat;
	-webkit-border-image:url("/stylesheet/peter/ornateframe.png") 25% 25% 25% 25% stretch repeat;
	border-image:url("/stylesheet/peter/ornateframe.png") 25% 25% 25% 25% stretch repeat;
padding: 0 10px 10px;
width: 20%;
float:right;
margin: 10px !important;
}



div#policyinfo table,div#policyinfo td,div#policyinfo th{
padding:5px;
}

div#listofreps div.featurebox.inline h5 a {
width: 65%;
margin-top: 5px;
margin-right: 5px;
float: right;
text-decoration: none;
font-weight: bold;
font-size: 1.125em;
color: #6BAFC4;
}

h1.repprofile {font-size: 1.7em;
font-weight: bold;
font-style: italic;
color: #6C207E;
margin-top: 10px;
height: 22px;
overflow:hidden;
}

h2.repprofile {line-height: 130%;
font-size: 1.3em;
color: #666;
margin: 10px 0 30px;
font-weight: normal;}


/*=================================== Events Admin ============================================*/

#admin_event_list {
  width: 636px;
	float: left;
}


.vp_form  {
 width: 636px;
	float: left;
}

dd#ctl00_Main_message_body font {display:block;}
dd#ctl00_Main_message_body {background-color: white;}

/* Override News List tag classes */

.tickets.news_item, .home.news_item, .forum.news_item, .group.news_item, .membership.news_item, .person.news_item, .friends.news_item, .email.news_item, .web.news_item, .post.news_item, .phone.news_item, .print.news_item, .message.news_item, .ok.news_item, .add.news_item, .search.news_item, .help.news_item, .warning.news_item, .update.news_item, .cancel.news_item, .save.news_item, .view.news_item, .down.news_item, .up.news_item, .photo.news_item, .close.news_item, .history.news_item  {background:none;padding-left:0;}

/*MSL - temp fix for candidatelist page layout bug */
#election_admin_candidates h3{clear:both;}
.msl_admin_page .editor{clear:left;}


/*Referendum system pages */
div#referendum_motion, div#referenda_case, div#referendum_vote {margin: 10px; padding: 20px; background-color: white;}
div#referendum_motion h1, div#referenda_case h1, div#referendum_vote h1 {font-size: 2em}
div#referendum_motion h2, div#referenda_case h2, div#referendum_vote h2 {font-size: 1em; font-weight: bold;}
div#referendum_motion p, div#referenda_case p, div#referendum_vote p {line-height: 130%; font-size: 1em; padding-bottom: 15px;}

/*Read all news pages*/
.page_news .news_full .news_item {float: left;}
.page_news .news_full {width: