/* SCREEN.CSS
   This is where all styles for on-screen media are declaired
   
   --------------------------------------------------------------------------------------------------------------------------
   FILE INFO
   Revision number:  1.0
   Last updated:     2009/12/03
   Last updated by:  Matt Wilcox
   ----------------------------------------------------------------------------------------------------------------------- */

/* =global_reset
   NOTE:       Get browsers to the same baseline styles, based on (but not the same as) Eric Meyer's browser reset.
   REFERENCE:  http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
   ----------------------------------------------------------------------------------------------------------------------- */
   
   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, ol, ul, 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; }
   ol, ul {
     list-style: none; }
   blockquote, q {
     quotes: none; }

   /* turn off outline for clicked links, whilst leaving it on for keyboard navigation */
   a:active { outline: none; }

   /* 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; }

/* =typography
    NOTE:       Found that margin-top applied to everything is a pain - it often messes up layout and requires jumping
                through hoops to fix, so I've stopped doing this as a default and now add top margin manually when required.
    NOTE:       Using px for type is bad for people using IE6, but good for my brain. IE6 is dying, so I think that's OK.
                Feel free to tut if you're a purist. I'm a pragmatist.
    REFERENCE:  Based on http://alistapart.com/articles/settingtypeontheweb/
                         http://24ways.org/2006/compose-to-a-vertical-rhythm/
   ----------------------------------------------------------------------------------------------------------------------- */
   
   /* custom fonts
    * The following fonts included are copyrighted by the vendor listed below.
    * @vendor:     Ralph Oliver du Carrois
    * @vendorurl:  http://www.carrois.com
    * @licenseurl: http://www.fontsquirrel.com/license/Colaborate */

   @font-face {
     font-family: 'Colaborate-ThinRegular';
     src: url('/assets/fonts/ColabThi.eot');
     src: local('Colaborate-Thin Regular'),
          local('Colaborate-Thin'),
          url('/assets/fonts/ColabThi.woff') format('woff'),
          url('/assets/fonts/ColabThi.otf') format('opentype'),
          url('/assets/fonts/ColabThi.svg#Colaborate-Thin') format('svg'); }
   @font-face {
     font-family: 'ColaborateLightRegular';
     src: url('/assets/fonts/ColabLig.eot');
     src: local('ColaborateLight Regular'),
          local('Colaborate-Light'),
          url('/assets/fonts/ColabLig.woff') format('woff'),
          url('/assets/fonts/ColabLig.otf') format('opentype'),
          url('/assets/fonts/ColabLig.svg#Colaborate-Light') format('svg'); }
   @font-face {
     font-family: 'Colaborate-RegularRegular';
     src: url('/assets/fonts/ColabReg.eot');
     src: local('Colaborate-Regular Regular'),
          local('Colaborate-Regular'),
          url('/assets/fonts/ColabReg.woff') format('woff'),
          url('/assets/fonts/ColabReg.otf') format('opentype'),
          url('/assets/fonts/ColabReg.svg#Colaborate-Regular') format('svg'); }
   @font-face {
     font-family: 'Colaborate-MediumRegular';
     src: url('/assets/fonts/ColabMed.eot');
     src: local('Colaborate-Medium Regular'),
     local('Colaborate-Medium'),
     url('/assets/fonts/ColabMed.woff') format('woff'),
     url('/assets/fonts/ColabMed.otf') format('opentype'),
     url('/assets/fonts/ColabMed.svg#Colaborate-Medium') format('svg'); }
   @font-face {
     font-family: 'Colaborate-BoldRegular';
     src: url('/assets/fonts/ColabBol.eot');
     src: local('Colaborate-Bold Regular'),
          local('Colaborate-Bold'),
          url('/assets/fonts/ColabBol.woff') format('woff'),
          url('/assets/fonts/ColabBol.otf') format('opentype'),
          url('/assets/fonts/ColabBol.svg#Colaborate-Bold') format('svg'); }
   
   /* more custom fonts
    * The following fonts included are copyrighted by the vendor listed below.
    * @vendor:     Apostrophic Labs
    * @vendorurl:  http://moorstation.org/typoasis/designers/lab/index.htm
    * @licenseurl: http://www.fontsquirrel.com/license/Steinem */

   @font-face {
     font-family: 'SteinemRoman';
     src: url('/assets/fonts/STEINEM_.eot');
     src: local('Steinem Roman'),
     local('Steinem'),
     url('/assets/fonts/STEINEM_.woff') format('woff'),
     url('/assets/fonts/STEINEM_.ttf') format('truetype'),
     url('/assets/fonts/STEINEM_.svg#Steinem') format('svg'); }
   @font-face {
     font-family: 'SteinemRomanItalic';
     src: url('/assets/fonts/STEINEMI.eot');
     src: local('Steinem RomanItalic'),
     local('Steinem-Italic'),
     url('/assets/fonts/STEINEMI.woff') format('woff'),
     url('/assets/fonts/STEINEMI.ttf') format('truetype'),
     url('/assets/fonts/STEINEMI.svg#Steinem-Italic') format('svg'); }
   @font-face {
     font-family: 'SteinemBold';
     src: url('/assets/fonts/STEINEMB.eot');
     src: local('Steinem Bold'),
     local('Steinem-Bold'),
     url('/assets/fonts/STEINEMB.woff') format('woff'),
     url('/assets/fonts/STEINEMB.ttf') format('truetype'),
     url('/assets/fonts/STEINEMB.svg#Steinem-Bold') format('svg'); }
   @font-face {
     font-family: 'SteinemBoldItalic';
     src: url('/assets/fonts/STEINBI_.eot');
     src: local('Steinem BoldItalic'),
     local('Steinem-BoldItalic'),
     url('/assets/fonts/STEINBI_.woff') format('woff'),
     url('/assets/fonts/STEINBI_.ttf') format('truetype'),
     url('/assets/fonts/STEINBI_.svg#Steinem-BoldItalic') format('svg'); }
    
   body {
     font : 100%/1.5 'ColaborateLightRegular', Arial, Verdana, sans-serif; color : #444; }
   html > body {
     font-size : 16px; line-height : 24px; }
   applet, object, iframe,
   h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   address, img, dl, dt, dd, li,
   fieldset, form, label, legend,
   table, caption, tbody, tfoot, thead, tr, th, td {
     margin-bottom : 1.5em; }
   h1 { font-size : 36px; line-height: 36px; margin-bottom: 18px; font-weight : normal; color: #710202; }
   h2 { font-size : 26px; line-height: 36px; margin-bottom: 18px; font-weight : normal; color: #710202; }
   h3, h4, h5, h6 {
     font-size : 18px; line-height: 18px; margin-bottom: 18px;
     font-weight : normal; }
   /* fix safari to stop it rendering light text on dark backgrounds too fat
   body { -webkit-text-stroke : 1px transparent; } */
   
   h1, h2, h3, h4, h5, h6 { font-family : 'SteinemRoman', Arial, sans-serif; text-transform: uppercase; }
   
/* =basic_design
   NOTE:  The basic design section styles "default" elements, that is, how a <p> or <em> etc look by default, without
          any page or class specific over-rides.
   ----------------------------------------------------------------------------------------------------------------------- */
   
/* =patch old browsers for new HTML5 tags */
   header, footer, nav, article, section, aside {
     display : block; }
     
/* =html =body */
   html {
   /*  background : url(../images/html.png) 0 100% repeat-x;*/ /* the footer graphic */ }
   body {
     background-color :#efefef; /*url(../images/body.png) 0 0 repeat-x;  the header graphic */ }

/* =p */
   blockquote p:before {
     content : "\201c"; }
   blockquote p:after {
     content : "\201d"; }
   blockquote p.author {
     border-top : 1px dotted #666; }
   blockquote p.author:before,
   blockquote p.author:after {
     content : ""; }
     
   .attributed p {
     margin-bottom : 0; }
   label p.error {
     padding : .5em; color : #fff;
     background : #c00; text-align : left; }
   p.intro {
     font-size : 20px; line-height : 25px; color : #acc500; }
   p.pullquote {
     width : 220px; margin-bottom : 0;
     font-size : 26px; line-height : 39px; color : #acc500; }
     
/* =em =strong =del =ins =abbr =acronym =code */
   em          { font-style : italic; }
   strong      { font-weight : bold; }
   del         { text-decoration : line-through; }
   ins         { text-decoration : none; color : #006; }
   del[title],
   ins[title]  { cursor : help; }
   acronym,
   abbr        { text-decoration : none; border-bottom : none; font-style : italic; cursor : help; }
   code        { font-family : dialogue, 'Courier New', courier, serif; }
   sup         { vertical-align : super; font-size : .8333em; }
   sub         { vertical-align : sub; }

/* =dl =dt =dd */
   dl {  }
   dt {
     margin-bottom : 0;
     font-weight : bold; font-style : italic; }
   dd {
     margin-top : 0;
     border-left : .3em solid #ddd; padding : .5em 0 0 .7em; }
   
/* =ul */
   #content ul {
     margin-left : 1em;
     list-style : disc outside; }
   
/* =ol */
   #content ol {
     margin-left : 1.6em;
     list-style : decimal outside; }

/* =li */
   li {
     margin : .5em 0; }
     
/* =hr */
   hr { display : none; }

/* =a */
   a:link    { color : #710202; text-decoration : none; }
   a:visited { color : #710202; text-decoration : none; }
   a:hover   { text-decoration : underline; }
	
	#content_main p a, body.item #content_supp p a{ color:#710202;}
   
/* =img */
   a img {
     display : block; margin : 0; }
     
/* =div */
   #container {
     position : relative;
     width : 960px; margin : 0 auto;  }
   #content {
     padding : 24px 20px 0; margin: 0;
     background-color : #fff; }
     
/* =span */
   label span {
     display : block; }
   label.boolean span {
     display : inline; }
   
/* =layout-classes */
   .float-left {
     float : left;
     margin-right : 30px; }
   .float-right {
     float : right;
     margin-left : 20px; }
   .float-left.last {
     margin-right : 0; }
   .clear {
     clear : both; }


	div.image.s300 {
	     width : 300px; margin:17px; }

	    div.image.s180 {
	      width : 180px; margin:18px; }
	     div.image.s440 {
	       width : 440px; margin:17px; }
	      div.image.s680 {
	        width : 680px; margin:17px; }
     
/* =modules
   NOTE:       Flirting with a CSS Object Orientated approach; use classes to define the styles rather than page-based cascades.
               This helps ensure that "widgets" and things can be used on ANY page and still look correct.
               I have a number of reservations with the "full" approach though, hence this watered down version.
   REFERENCE:  http://wiki.github.com/stubbornella/oocss/faq
   ----------------------------------------------------------------------------------------------------------------------- */
   
/* website header */
#header {width: 100%; height: 100px; background-color:#6A0101; margin-bottom: 0; border-top: 1px solid #efefef; position: relative; }   
#header-inner {  width: 960px; height: 100px;  margin: 0 auto; position: relative; overflow:visible; }
#header-inner h1 {display:none;}
.logo {position: absolute; left: 5px; top: 0; z-index: 101;}
#search {position: absolute; right: 5px; top: 10px; }

/* home cta */   
#home_cta { margin-bottom: 0; height:400px;position: relative;} 
#home_cta img {margin-bottom: 0;z-index:-1;} 
#home_cta ul {position: absolute; bottom: 10px; left: 40px;margin-bottom: 0;}
#home_cta li {
	display: inline;
	background-image: url(/assets/images/home-cta-background.png);
	float: left;
	width: 130px;
	height: 80px;
	border-bottom: 5px solid #710101;
	margin-left: 20px;
	font-size: 12px;
	padding: 10px;
	position: relative;
	z-index:2;
}

#home_cta li .icon {	margin-right: 0px; position: absolute; left: -10px; top: -10px;}
#home_cta li .icon:hover { top:-8px;}
#home_cta li .description { position: absolute; top: 55px; color: #000; line-height:18px;}
#home_cta li h3 {
	color: #710101;
	width: 85px;
	text-transform: uppercase;
	font-size: 18px;
	margin-bottom: 2px;
	text-align: right;
	float: right;
}

#events {
	width: 430px;
	border-right: 1px solid #c4c4c4;
	position: relative;
	font-size:13px;
	text-transform: uppercase;
}

#events h3 a {font-size: 20px; color: #E06D00;}
#events p {margin-top:17px; text-transform: none;}

#latestevents { border-bottom: 1px solid #c4c4c4; padding-bottom: 20px; margin-right: 15px;}
.latestevent {float: left; margin-right: 15px;}

.largedate {
	background-image: url(/assets/images/large-date-background.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 69px;
	height: 81px;
	text-align: center;
	text-transform: uppercase;
	font-size: 20px;
	color: #fff;
	position: absolute;
	top:45px;
	left: -10px;
	padding-top: 4px;
}

.largeday {font-size: 50px; position: absolute; bottom: 15px; right: 10px;}
.moreevents ul {margin-left:0; padding-left:0;}
.moreevents li { list-style-type:none; background-image: url("/assets/images/eventicon.jpg"); background-repeat: no-repeat; background-position:left top; padding-left:33px; margin-top:35px; margin-bottom:35px;}
/* this is rubbish! :-) */
#right {position: absolute; right: 20px; top: 426px;  width: 470px;}

#morevideos ul { list-style-type: none;}
#morevideos li { display: inline; float: left; margin-right:10px;}
#banners ul { position: absolute; right: 0px; top: 40px; list-style-type: none;}
#banners li { margin-top: 15px;}

.newsbox {
	width: 280px;
	padding:10px;
	padding-top:6px;
	padding-bottom:0px;
	background-image: url(/assets/images/news-box-background.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #E9E9E9;
	border: 1px solid #e7e7e7;
	font-size:12px;
	position:relative;
}

.newsbox a { color: #AE5400;}
.wrclogo { position:relative; top:-7px; left:-10px; margin:0; padding:0;}

/* gallery */
.gallery ul { list-style-type: none; margin-left: 30px;}
.gallery li {
	width: 190px;
	height: 130px;
	display: inline;
	float: left;
	margin-right: 15px;
	border:4px solid #880B00;
}

.gallerypagination {float:right; margin-right:65px;}
.pagination ul {list-style-type: none; float: right; margin-right:30px;}
.pagination li {display: inline; float: left; padding-right: 10px;}

.videogallery ul { list-style-type: none; margin-left: 30px; margin-top:-30px;}
.videogallery li {
	width: 190px;
	height: 130px;
	display: inline;
	float: left;
	margin-right: 15px;
	border:4px solid #880B00;
	margin-top:30px;
}
.videodesc { padding-top:4px; font-size:12px; }

/* website footer */
#footer {
     height: 200px; width:100%; margin-bottom: 0;
     font-size : 15px; line-height : 23px; color : #333; background-color: #710202; 
     /* OSX fat text - dietise it! */ -webkit-text-stroke : 1px transparent; -moz-text-stroke : 1px transparent; text-stroke : 1px transparent; }

#footer-inner { margin:0 auto; width: 960px; height: 200px; position: relative;}

#footer ul { list-style-type: none; }
#footer li { margin-top: 15px; display: inline; float: left; margin-left: 15px;}
#footer li a {color: #fff;}

#newsletter { position: absolute; right: 0; top: 20px; color:#fff; width:300px;}
#twitter { position: absolute; left: 15px; top: 65px; color:#fff; width:300px;}

.copyright {position: absolute; bottom:-20px; right:10px; color:#fff;}
.viewlink {position: absolute; bottom:-20px; left:15px; color:#fff;}
.viewlink a {color:#fff;}  
 
/* =nav_main */
#nav_main {
 height : 29px; margin : 0; position: absolute; top:35px; right: 0; }
#nav_main h2 {
 display : none; }
#nav_main ul {
 height : 29px; margin : 0;
 list-style-type : none; }
#nav_main li {
 float : left;
 display : inline; margin : 0 5px 0 0; text-transform: uppercase; }
#nav_main li a {
 position : relative;
 display : inline-block; height : 29px; padding : 0 11px; border-right : 0;
 line-height : 29px; font-size : 16px; color : #fff;}
#nav_main li:last-child {
 margin-right : 0; }
#nav_main li a:hover {
 text-decoration: none; text-decoration: underline; }
#nav_main li .active {background-image: url(/assets/images/nav-arrow.png); background-position: left; background-repeat: no-repeat;}    

/* =widgets */
#content_supp .widget ul li { 
  list-style-type : none; }
#content_supp .widget ul li.current > a { 
  background-color : #444; padding : 0 5px; color : #fff; }
#content_supp .widget ul li ul { margin-bottom : 0; }
     
/* =content_images */
div.attributed img {
  display : block; margin-bottom : 0; }
div.attributed p {
  font-size : 13px; margin-top : 4px; }
      
/* =news_summary */
div.news_summary .news_item h2 {
  margin-bottom : 0; padding : 0; }
div.news_summary .news_item h2 a:link
div.news_summary .news_item h2 a:visited {
  color : #fff; }
div.news_summary .news_item p.meta {
  border-bottom : 1px solid #999;
  font-size : 14px; }
div.news_summary .news_item p.meta.comments {
  border-top : 1px solid #ddd; border-bottom : 0; padding-left : 0; }
  
/* comment_form */
#comment_form fieldset.your_details {
  overflow : hidden; margin-bottom : 0; padding-left:16px;}

#comment_form fieldset label span {
  font-size : 14px; }
#comment_form label[for="comment_name"] {
  width: 200px; float: left; margin-bottom: 0pt; }
#comment_form label[for="comment_email"] {
  width: 180px; float: left; margin-bottom: 0pt; }
#comment_form label[for="comment_url"] {
  float : left; width : 384px; }
#comment_form textarea {
  width : 596px; height : 200px; padding : 12px;
  font-family : Colaborate-ThinRegular; font-size : 16px; line-height : 24px; }
#comment_form .your_message label[for="comment_comment"] span {
  display : none; }
#comment_form p.note {
  float : left; width : 200px; margin-top:50px;}
#comment_form .your_details input {
  width : 180px; }
#comment_form label[for="comment_url"] input {
  width : 100%; }

/* =comments */
#comments h2 {
  border-bottom : 1px solid #000; padding-bottom : 12px; }
#comments div.meta {
  overflow : hidden; }
#comments div.meta h3 {
  margin-bottom : 0; }
#comments div.comment_message {
  border-bottom : 1px solid #000; }
#comments img.avatar {
  float : left;
  margin : 0 12px 0 0; }
     
/* =pages | layout for specific pages
----------------------------------------------------------------------------------------------------------------------- */

/* =home */
body.home #content_main {
  overflow : hidden;}
body.home #content_main div {
  float : left;
  width : 460px; }
body.home #content_main div h2 {
  font-size : 30px; line-height : 36px; }
  
body.home #content_supp .panel-1 {
  float : left; margin-left : 20px; }
body.home #content_supp .panel-1#p_energy-users {
  margin-left : 0; }
  
/* =contact */
body.contact .your_details label,
body.contact .enquiry_details label {
  display : block; }
body.contact .your_details span,
body.contact .enquiry_details span {
  float : left;
  display : block; width : 160px; }
body.contact .your_details input,
body.contact .your_details select,
body.contact .enquiry_details select {
  width : 260px; }
body.contact .enquiry_details label.form_message {
  display : block; border-top : 1px solid #bbb; padding-top : 12px; }
body.contact .enquiry_details .form_message span {
  float : none; }
body.contact .enquiry_details textarea {
  width : 420px; height : 160px; }
  
/* =news */
body.news #content {
  overflow : hidden; }
body.news #content_main {
  float:left;
  width : 600px; }
body.news #content_supp {
  float : right;
  width : 240px; margin : 0; }
body.news.item #content_main {
  margin: 0 auto;
  width : 600px; }

body.news .article {
  border-bottom : 1px solid #999; margin-bottom : 17px; }
body.news .article h2 {
  margin-bottom : 0; }
body.news .article h3,
body.news p.comments span,
body.news .meta p.post_date span {
  position : absolute; left : -999em; overflow : hidden; }
body.news.item .meta p.post_date span {
  position : relative; left : 0; }
body.news #content_supp p.comments_info span {
  float : left; width : 87px; }
body.news #content_supp p.comments_info a.comment_add {
  clear : both; }
body.news #content_supp p.comments_info a.comment_count {
  float : left; display : block;
  color : #fff; }
body.news p.comments, body.news p.comments_info a.comment_count {
  width : 39px; height : 32px; text-align : center;
  background : url(../images/icon_comments.png) 0 0 no-repeat; color : #fff; }
body.news .meta p {
  display : inline-block;
  font-size : 14px; line-height : 22px; }
body.news.item #content_supp .meta p { 
  display : block;
  font-size : 14px; }
body.news #content_main .meta p.comments a {
  text-transform : lowercase; color : #fff; }
body.news .meta p.excerpt {
  font-size : 16px; }

body.news.item #content_supp p {
margin-top : 20px; padding-top : 20px; border-top: 1px dotted #999;
font-size : 12px; font-style : italic; }
body.news.item #content_supp p.post_date {
 margin-top : 0; border-top : 0; padding-top : 0; }
body.news.item #content_supp div.related_post {
 border-top : 1px solid #aaa; padding-top : 17px; }
body.news.item #content_supp div.related_post p {
 border-bottom : 0; }
body.news.item #content_supp p.downloads,
body.news.item #content_supp p.related {
border-bottom-width : 0; margin-bottom : 0 ; padding-bottom : 0; }
ul.downloads li {
 padding-left:24px; list-style:none; font-size:0.8em;
 background : url(/assets/images/icon_other.png) 0 3px no-repeat; }
ul.downloads li.jpg, body.news.item #content_supp ul li.gif, body.news.item #content_supp ul li.png {
  background : url(/assets/images/icon_jpg.png) 0 3px no-repeat;	}
ul.downloads li.doc {
  background : url(/assets/images/icon_doc.png) 0 3px no-repeat;	}
b ul.downloads li.zip {
  background : url(/assets/images/icon_zip.png) 0 3px no-repeat;	}
ul.downloads li.pdf {
  background : url(/assets/images/icon_pdf.png) 0 3px no-repeat;	}
ul.downloads li span { font-style:italic;}

.pullquote { width:200px; padding:20px; background:#EFEFEF; border-top: 3px solid #6A0101; border-bottom: 3px solid #6A0101;}
div.image { padding : 8px; background-color : #efefef; margin-top : 10px; margin-bottom : 0; }
div.image .caption { display : block; line-height : 18px; }
div.image a img { margin-bottom : 6px;}

/* =JOELS STUFF */
/* =events */
body.events #content_main { width:940px; }
body.events #content_main #calendar table { width:100%; background:#D1DFD6; }
body.events #content_main #calendar table thead th { padding:5px; background-color:#710202; text-align:left; color: #fff; }
body.events #content_main #calendar table tbody tr { border-bottom:1px dotted #fff; padding: 5px; }
body.events #content_main #calendar table tbody td {  padding: 5px; }
body.events #content_main #calendar table tbody tr.current { background-color:#D1D1DF;}

body.events #content_main #calendarOverview {  margin-right:50px;}
body.events #content_main #calendarOverview a { color:#710202; }
body.events #content_main #calendarOverview table tbody tr td { width: 20px; padding:3px; text-align:center;}
body.events #content_main #calendarOverview table tbody tr td:hover { background-color:#710202; color: #fff;}
body.events #content_main #calendarOverview table tbody tr td.calendarActiveCell { background-color:#710202; }
body.events #content_main #calendarOverview table tbody tr td.calendarActiveCell a { color:#fff;}
body.events #content_main #calendarOverview table tbody tr:focus { background-color:#710202;}
body.events #content_main #calendarOverview table tbody tr:nth-child(odd) { background-color:#EFEFEF;}
body.events #content_main #calendarOverview table tbody tr td.calendarDayHeading { font-weight:bold;}

body.events #content_main .categories { text-align:right; margin-right:50px;}
body.events #content_main .categories, body.events #content_main .categories ul, body.events #content_main .categories ul li { margin-bottom:0px;}
body.events #content_main .categories h2 { display:none;}
body.events #content_main .categories ul li {  display:inline; padding:5px 15px; -moz-border-radius-topleft:5px;  -moz-border-radius-topright:5px;}
body.events #content_main .categories ul li.current { background-color:#710202; }
body.events #content_main .categories ul li.current a { color:#fff; }
body.events #content_main .event_detail { background:#fafafa; border:1px solid #999; width:600px; padding:10px; margin-bottom: 25px;}
body.events #content_main .calendar_blurb { width: 550px;}