/*	www.mbacle.org stylesheet
	Copyright 2006, Montgomery Bar Association */

/* General and resets
----------------------*/
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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }

/* Begin Actual Site Styles */
html {
	font-size: 100.01%; /* Ensures font consistency across browsers */
	height: 100%;
}
body {
	font-size: 10px; /* Sets base font-size for browsers that resize text correctly */
	line-height: 1.5; /* Sets base leading for lines of text */
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
}
p {margin-bottom: 1em; line-height: 1.5}
div, span, a {line-height: 1.5}

input, select, th, td {font-size: 1em}

h1 {font-size: 2em} /* 24px */
h2 {font-size: 1.5em} /* 18px */
h3 {font-size: 1.25em} /* 15px */
h4 {font-size: 1em} /* 12px */
h5 {font-size: 1em} /* 12px */
h6 {font-size: 1em} /* 12px */

strong {font-weight: bold}
em {font-style: italic}
sup {font-size: 50%; vertical-align: super;}

/* Basic link styles */
a, a:link { color: #0000ff; text-decoration: underline; }
a:visited { color: #990099; }
a:hover, a:active { color: #ff0000; text-decoration: underline; }
a:focus { outline: none; /* Removes dotted outline in Firefox */ }

/* =Master
----------------------*/
#container {
	position: relative;
	width: 860px;
	margin: 0 auto;
	padding-bottom: 15px;
	text-align: left; /* Normalize alignment; unfix all browsers from fix in IE stylesheet */

}
#seo { display: none; }
#main { padding: 0 10px; background: transparent url(images/main_bg.gif) 0 0 repeat-y; }
#main-top,
#main-base { height: 10px; line-height: 10px; background: transparent url(images/main-base_bg.gif) 0 0 no-repeat; }
#main-top { margin-top: 12px; background-image: url(images/main-top_bg.gif); }

.content { padding: 0 20px 10px; }

.clear { clear: left; }
.clear-both { clear: both; }

/* =Footer
----------------------*/
#footer { height: 10px; padding: 13px 25px; font-size: 1.1em; line-height: 1.1em; color: #666; }
#footer .legal { float: left; }
#footer ul { float: right; }
#footer ul li { float: left; border-right: 1px solid #999; }
#footer ul li.last { border-right-width: 0px; }
#footer ul li a { padding: 0px 8px; color: #666; text-decoration: none; }
#footer ul li a:hover { text-decoration: underline; }

/* =Content
----------------------*/
.col-main { float: left; width: 594px; padding: 10px 11px; }
.calendars { float: right; width: 180px; }
.header { margin-bottom: 5px; }

.event { padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #999; font-size: 1.2em; }
.event h4 { color: #990004; font-size: 1.6em; font-weight: bold; font-variant: small-caps; margin-bottom: 10px; }
.event h4 a { color: #990004; text-decoration: none; line-height: 1em; }
.event h4 a:hover { text-decoration: underline; }
.event h5 { float: right; font-size: 1.2em; font-weight: bold; margin-bottom: 6px; }
.event h5.caption { float: none; color: #333; margin-bottom: 10px; }
.event h6 { font-size: 1.2em; margin-bottom: 6px; }
.event h6.time { float: right; clear: right; }
.event p { margin-bottom: 0.6em; }
.event a {}

.detail .event { margin-bottom: 0; border-bottom-width: 0px; }
.detail h4, .details h4 { font-size: 1.8em; }
.detail table tr td, .details table tr td { padding: 3px 4px; line-height: 1.5em; }
.detail table tr td.col-1, .details table tr td.col-1 { text-align: right; font-weight: bold; white-space: nowrap; }

a.red-arrow { padding-left: 10px; background: transparent url(images/red_arrow.gif) left center no-repeat; color: #666; text-decoration: none; }
a.red-arrow:hover { text-decoration: underline; }
.detail a.red-arrow, .details a.red-arrow { font-size: 1.1em; font-weight: bold; color: #000; }

.cle_outerBox {}

a.cle_titleLink { color: #FFFFFF; }

.cle_bodyTitle {
	display: none;
	width: 100%;
	height: 70px;
	background-color: #1B1C25;
	color: #FFFFFF;
	font-size: 2em;
	font-weight: bold;
	vertical-align: top;
	padding: 0px;
}
.cle_bodyTitleText {
	font-size: 1.2em;
	text-align: right;
	padding-right: 30px;
}
.cle_body {}
.cle_bodyFilter {
	font-size: 1.2em;
	margin: 10px;
	display: none;
}
.cle_field {}
.cle_bodyTable {
	width: 98%;
	margin-top: 15px;
}
.cle_bodyBottom {
	height: 15px;
}
.cle_bodyDomainText {
	padding: 4px 0;
	margin: 4px 8px 0;
	background-color: #1B1C25;
	font-size: 1.5em;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
.cle_bodyDomainText a { color: #fff; text-decoration: none; }
.cle_bodyDomainText a:hover { color: #fff; text-decoration: underline; }

.cle_bodyText {
	padding-top: 14px;
	padding-bottom: 4px;
	background-color: #FFFFFF;
	font-size: 1.6em;
	font-weight: bold;	
}
.cle_bodyCalendar {
	border: 1px solid #999;
	font-size: 1.1em;
	font-weight: bold;
	color: #333333;
	margin: 8px;
	*margin-bottom: 16px;
	text-align: center;
}
.cle_bodyCalendar td, .cle_bodyCalendar th { padding: 3px 4px; border: 1px solid #999; line-height: 1.5em; }
.cle_bodyCalendar td a { line-height: 1em; }
.cle_bodyCalendar td.day { text-align: center;  }

.cle_bodyCalendarCell {
	width: 23px;
}
.cle_bodyCalendarCellSelected {
	color: #fff;
	background-color: #990004;
	text-align: center;
}
a.cle_calendarLink {
	color: #fff;
	text-decoration: none; 
}
a.cle_calendarLink:hover {
	text-decoration: underline;		
}		
.cle_eventHeaderTable {
	color: #FFFFFF;
	display: none;
}
.cle_eventHeaderTableCell {
	padding-left: 10px;
	padding-right: 10px;
	border-right-width: 1px; 
	border-right-style: solid; 
	border-right-color: #FFFFFF;
	background-color: #000000;
}
.cle_event {
	width: 450px;
	margin: 0px auto 15px auto;
}
.cle_eventText {
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}
.cle_eventTextDate {
	font-size: 1.4em;
	font-weight: bold;
	text-align: left;
	color: #1B1C25;
}
.cle_eventTextTitle {
	font-size: 1.6em;
	line-height: 1.2em;
	font-weight: bold;
	color: #990000;
	text-align: center;
	padding-top: 5px;
	font-variant: small-caps;
}
.cle_eventTextCaption {
	font-size: 1.4em;	
	text-align: center;
}
.cle_eventTextDetails {
	padding-top: 5px;
	padding-left: 30px;
	padding-right: 30px;
}	
a.cle_eventLink:link {
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
}
a.cle_eventLink:visited {
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
}	
a.cle_eventLink:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
}