/* 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: 42px;
	font-weight: bold;
	margin-bottom: 2px;
	color: #cacaca;
}
H2 {
	font-size: 16px;
	color: #064c71;
	font-weight: bold;
	margin-bottom: 2px;
}
H3 {
	font-size: 12px;
	color: #064c71;
	font-weight: bold;
}
H4 {
	font-size: 11px;
	color: #064c71;
	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;
}
/* end of beweb savvy cms styles */

/* Global */
body { margin: 0; padding: 0; background: #1c79ab url(images/background01.gif) repeat-x top left; font-family: arial, verdana, helvetica, sans-serif; font-size: 11px;}
#sitewrapper { width: 773px; background: white; margin-left: auto; margin-right: auto; position: relative; }
a { font-weight: bold; color: #4aa5d1; }
textarea, input, select { font-family: arial, verdana, helvetica, sans-serif; font-size: 11px; }


/* LHS Nav Bar */
#navbar { float: left; width: 154px; margin-right; 14px; background: url(images/navbar_top_bg.gif) top left no-repeat #d1f0fa;  }
#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: #063781; background: url(images/dotted_line_bl.gif) bottom left repeat-x #8dcfe6; }
#navbar A:hover { background: url(images/dotted_line_bl.gif) bottom left repeat-x #addced; }
#navbar .selected A { background: url(images/navbar_link_on.gif); color: white; }
#navbar .selected A:hover { background: url(images/navbar_link_on.gif); color: white; }
/* special case for the Home link */
#navbar .home A { height: 16px; padding-top: 18px; background: url(images/navbar_home_off.gif); }
#navbar .home A:hover { background: url(images/navbar_home_hover.gif) } 
#navbar .homeselected A { height: 16px; padding-top: 18px; color: white; background: url(images/navbar_home_on.gif) }

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

.news_item { background: #e5e5e5; margin-bottom: 1px; padding: 5px; }
.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: #5e5e5e; font-weight: bold; padding-left: 22px; padding-bottom: 2px; margin-top: 5px;}
.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/icon_enlarge.gif) 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; background: url(images/promo_top.gif) top left repeat-x #e5e5e5; margin-top: 55px; }
.promo { background: url(images/promo_bottom.gif) bottom left repeat-x; width: 139px; padding: 20px 10px 100px 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 169px 5px 164px; height: 1px; background: url(images/dotted_line_gy.gif) top left repeat-x; }
.footer_logos A { color: #6986b2; font-weight: normal; }

/* Footer */
.space_above_footer { clear: both; height: 20px; }
#footer { clear: both; background: url(images/footer.gif) top left repeat-x; height: 50px; color: #69bedb; background-color: #1c79ab; font-family: arial, verdana, helvetica, sans-serif; font-size: 11px; padding-top: 24px; text-align: center; }