/* beweb savvy cms styles - updated 12 May 2006 */
/*
INSTRUCTIONS/NOTES:
 - Modify as needed, these are not hard and fast rules, but using these will ensure all needed styles are defined consistently.
 - The table styles will be used if the administrator pastes in a table from microsoft word, excel or an html page, so its important to define them (they can of course be the same as body copy).
 - Use the next H tag after the headings you need (eg h3 or h4 say) for featured paragraph text if you have such a thing.
 - body.normal is useful if you want to override the body tag of the CMS rich text editor.
 - If using these definitions would require a lot of rework of your existing HTML code, you can prefix them with "normal" (eg "normal.h1") so that they only apply within content blocks.
*/

.normal,P,H1,H2,H3,H4,UL,OL,LI,TD,TH {
	/* zero top and bottom margins make it so users can press enter in the rich text editor to get a single line break, and press enter twice for a full paragraph break (this is like in most programs) */
	margin-top: 0px;    
	margin-bottom: 0px;
}
.normal,P,UL,OL,LI,TD,TH,DIV,SPAN {
	font-size: 11px;
	color: #5e5e5e;
}
H1 {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 2px;
	color: #333;
}
H2 {
	font-size: 16px;
	color: #ae0c18;
	font-weight: bold;
	margin-bottom: 2px;
}
H3 {
	font-size: 12px;
	color: #000;
	font-weight: bold;
}
H4 {
	font-size: 11px;
	color: #333;
	font-weight: bold;
}
H5 {
	font-family: verdana, helvetica, sans-serif;
	font-size: 21px;
	color: black;
	font-weight: bold;
	margin: 0;
}
UL {
	margin-left: 20px;
	margin-bottom: 8px;
}
OL {
	margin-left: 30px;
	margin-bottom: 8px;
}
/* the following defines the background when editing CMS text, used only in the CMS rich text editor */
body.normal {
	background-image: none;
	background-color: white;
}
/* the following table styles are used within the content area if a CMS user inserts (or pastes in) a table */
 .Standard_Table {
	vertical-align: top;
}
 .Standard_Table TH {
	padding: 3px 5px;
	font-weight: bold;
	text-align: left;
	background-color: #dddddd;
}
 .Standard_Table TD {
 	background: #e5e5e5;
	padding: 3px 5px;
}
 .Invisible_Gridlines {
	vertical-align: top;
}
/* the following are not used by Savvy CMS, but are generally useful */
img { 
	border:none; 
}
form {
	margin: 0px;
	padding: 0px;
}
/* end of beweb savvy cms styles */

/* Global */
body { margin: 0; padding: 0; background-color: #ae0c18; font-family: arial, verdana, helvetica, sans-serif; font-size: 11px;}
#sitewrapper { width: 772px; background: url('images/bg.png') #fff repeat-y; margin: 0 auto; position: relative; padding: 0 5px;}
a { font-weight: bold; color: #c20002; }
textarea, input, select { font-family: arial, verdana, helvetica, sans-serif; font-size: 11px; }

/*Header*/
#header table{float:left;margin-top: 35px;}

/* LHS Nav Bar */
#navbar { float: left; width: 154px; margin-right: 14px; background: url(images/) top left no-repeat #fff;  }
#navbar UL { margin: 0 0 0 16px; padding: 0; list-style-type: none; }
#navbar LI { display: inline; }
#navbar A { display: block; height: 16px; font-size: 10px; padding: 4px 0 0 4px; text-decoration: none; color: #393939; background-color: #e5e5e5; margin: 1px 0; }
#navbar A:hover { background-color: #c5c5c5; margin: 1px 0;}
#navbar .selected A { background: url(images/nav-selected-state.png) repeat-x; color: white; margin: 1px 0;}
/* special case for the Home link */
#navbar .home A { height: 16px; padding-top:14px; background: url(images/home-grey-state.png) no-repeat;}
#navbar .home A:hover { background: url(images/home-hover-state.png) no-repeat;} 
#navbar .homeselected A { height: 16px; padding-top: 14px; color: white; background: url(images/home-selected-state.png) no-repeat;}

/* Main Content */
#content { margin: 11px 180px 0 164px; }

.news_item { margin-bottom: 1px; padding: 5px; background: url(images/dot.png) repeat-x;}
.news_date { font-size: 12px; font-style: italic; margin-top: 2px; margin-bottom: 10px; }
.news_picture_area { float: right; padding: 0 9px; margin-top: 62px; width: 140px; height: 375px; font-family: arial, verdana, helvetica, sans-serif; font-size: 11px; color: #5e5e5e; }

.icon_link { color: #ae0c18; font-weight: bold; padding-left: 22px; padding-bottom: 2px; margin-top: 5px; text-decoration: underline;}
.more_icon { background: url(images/icon_more.gif) top left no-repeat; float: left; }
.back_icon { background: url(images/icon_back.gif) top left no-repeat; float: right; }
.enlarge_icon { background: url(images/mignify.png) top left no-repeat; float: left; }
.close_icon { background: url(images/icon_close.gif) top left no-repeat; display: block; width: 88px; margin: 5px auto;}

.event_colour_key { float: left; clear: left; width: 154px;}
.event_colour_key H2 { padding-top: 10px; padding-left: 17px; }
.event_colour_key_categories { background: #e5e5e5; padding: 5px 0 5px 17px; }
.event_category { padding: 3px 0; }
.event_category_icon { float: left; width: 10px; height: 10px; margin: 2px 5px 0 0; font-size: 1px; }
.event_date_selector { color: #69bedb; font-size: 12px; font-weight: bold; }
.event_title { color: white; font-size: 12px; font-weight: bold; background: #69bedb; padding: 2px 15px 0 5px; margin-top: 0px; }
.event_title_underbar { background: #69bedb; height: 3px; font-size: 1px; clear: right;}
.event_times TD { border-bottom: solid 1px #bdbdbd; }

/* Promo section on the RHS */
.promo_wrapper { float: right;  margin-top: 55px; border-left: 1px solid #dadada;}
.promo { width: 139px; padding: 20px 10px 0px 10px; }

/*Logos along the footer */
.footer_logos { clear: both; text-align: center;}
.footer_logos IMG { margin: 5px; }
.footer_logos_hr { font-size: 1px; margin: 0 20px 5px 20px; height:3px; border-top: 3px solid #dbdbdb; }
.footer_logos A { color: #6986b2; font-weight: normal; }

/* Events */
#events_list h3, #events_list h3 a{
	margin-bottom:0;
	color:#262626;
	font-size:12px;
	text-decoration:none;
}
#events_list h3:hover, #events_list h3 a:hover{
	text-decoration:underline;		
}
#events_list{   
	list-style:none;
	margin:0;
	padding:0;		
	float: left;
	border-right: 1px solid #dadada;
	margin-top: -10px;
	width: 430px;
	padding-right: 10px;
}
#events_list li{
	list-style: none;
	border-bottom:1px dotted #d0d0d0;
	padding:10px 0 11px 0;		
}
#events_list li .date{
	font-size:10px;
	color:#676767;
	margin-bottom:0;
}
#events_list li.first{
  padding-top:0;
}
#events_list li.last{
  border-bottom:0;	
}
#events_list .dimmedborder{
	border-bottom:3px solid #9D102C;
}

#events_list li.dimmed h3, #events_list li.dimmed .date, #events_list li.dimmed a.view{
	color:#8F8F8F;
}
#events_list li a.month-icon{
	display:block;
	width:48px;
	height:29px;
	padding:18px 7px 0 0;
	background-image:url(images/month-sprite.jpg);
	background-repeat:none;
	float:left;
	margin-right:4px;
	color:#fff;
	font-size:26px;
	line-height:26px;
	text-align:center;
	text-shadow:1px 1px 3px rgba(0, 0, 0, 0.3);
	text-decoration:none;
}
#events_list li a.jan{background-position:0 -48px;}
#events_list li a.feb{background-position:-55px -48px;}
#events_list li a.mar{background-position:-110px -48px;}
#events_list li a.apr{background-position:-165px -48px;}
#events_list li a.may{background-position:-220px -48px;}
#events_list li a.jun{background-position:-275px -48px;}
#events_list li a.jul{background-position:-330px -48px;}
#events_list li a.aug{background-position:-385px -48px;}
#events_list li a.sep{background-position:-440px -48px;}
#events_list li a.oct{background-position:-495px -48px;}
#events_list li a.nov{background-position:-550px -48px;}
#events_list li a.dec{background-position:-605px -48px;}

#events_list li.dimmed a.jan{background-position:0 0;}
#events_list li.dimmed a.feb{background-position:-55px 0;}
#events_list li.dimmed a.mar{background-position:-110px 0;}
#events_list li.dimmed a.apr{background-position:-165px 0;}
#events_list li.dimmed a.may{background-position:-220px 0;}
#events_list li.dimmed a.jun{background-position:-275px 0;}
#events_list li.dimmed a.jul{background-position:-330px 0;}
#events_list li.dimmed a.aug{background-position:-385px 0;}
#events_list li.dimmed a.sep{background-position:-440px 0;}
#events_list li.dimmed a.oct{background-position:-495px 0;}
#events_list li.dimmed a.nov{background-position:-550px 0;}
#events_list li.dimmed a.dec{background-position:-605px 0;}

#events_list li div.detail{
	clear:both;
	margin-top:14px;
	padding:10px;
	color:#293752;
}
#events_list li div.detail a.close_detail{
	display:block;
	width:16px;
	height:16px;
	float:right;
	background:url(images/btn_close_detail.png) 0 0 no-repeat;
	cursor:pointer;
}
#events_list li div.detail a{
	color:#5794C8;
	text-decoration:underline;
}

#events_list li div.jan{background-color:#F8F1D4;}
#events_list li div.feb{background-color:#EFDEEB;}
#events_list li div.mar{background-color:#E1EEF7;}
#events_list li div.apr{background-color:#DEF1EF;}
#events_list li div.may{background-color:#F3E7F9;}
#events_list li div.jun{background-color:#F2DFD8;}
#events_list li div.jul{background-color:#E4F4F5;}
#events_list li div.aug{background-color:#DAF1DB;}
#events_list li div.sep{background-color:#E9E6F6;}
#events_list li div.oct{background-color:#F3E5D7;}
#events_list li div.nov{background-color:#EEE1F1;}
#events_list li div.dec{background-color:#E8F2D8;}

#events_list li.dimmed div.dec,
#events_list li.dimmed div.jan,
#events_list li.dimmed div.feb,
#events_list li.dimmed div.mar,
#events_list li.dimmed div.apr,
#events_list li.dimmed div.may,
#events_list li.dimmed div.jun,
#events_list li.dimmed div.jul,
#events_list li.dimmed div.aug,
#events_list li.dimmed div.sep,
#events_list li.dimmed div.oct,
#events_list li.dimmed div.nov,
#events_list li.dimmed div.dec{
    background-color:#f0f0f0;
}

/* Footer */
.space_above_footer { clear: both; height: 20px; }
#footer-bg{background: url(images/footer-bg.png) no-repeat; height: 7px; width: 782px; margin: 0 auto;}
#footer { clear: both; height: 50px; color: #CCC; background-color: #ae0c18; font-family: arial, verdana, helvetica, sans-serif; font-size: 11px; padding-top: 24px; text-align: center;}


/* Settings */
.dotted{background: url(images/dot.png) repeat-x;width: 440px; height:1px;position: absolute;}
.line{margin: 0 4px; height:15px; width:1px; background-color:#dadada;}
.padding1{padding-top:20px;}
.arrow{background: url(images/grey-arrow.png) 0 4px no-repeat; height: 14px; width: 6px; float: left;padding: 3px 5px 0 0}
a.view{background:url(images/grey-arrow-right.png) 0 4px no-repeat;	padding-left:9px;font:bold 11px Arial, Helvetica, sans-serif;color:#a00002;margin-left:3px;}
a.view:hover{text-decoration:underline;	}