@import url(../css/reset.css);

/*_____________________General Setup__________________*/
html { height:100.1% }
body { font-size:76%; color:#333; font-family:Tahoma, Arial, sans-serif }

/*_______________________Main Layout________________*/
#mainBg { width:940px; margin:0 auto; overflow:hidden }
#wrapper { width:900px; margin:0 auto; overflow:hidden }
#logoHeader { height:120px }
#searchBg { width:163px; height:22px; overflow:hidden !important; display:block; float:right }
#randomBanners { width:690px; height:187px; float:left; position:relative }
#serviceTimes { width:205px; height:187px; float:right; display:inline }
#serviceTimesInner { text-align:left; width:170px; height:143px; overflow:auto; margin:38px auto 0 auto; font-size:0.9em }
#serviceTimesInner br { line-height:0.6em }
#topMenu { float:right; margin:58px 20px 0 375px; display:block; overflow:hidden }
#contentBg { width:auto; height:100%; overflow:hidden; margin:5px 0 0 0; padding:15px 0 }
.innerPadding { padding:15px }
#main { float:left; position:relative; width:520px; margin:5px 10px 0 10px; background:#fff }
#mainTop, #mainBottom { width:520px; height:14px }
#mainInt_right { width:700px; float:left; position:relative; margin:5px 10px 0 10px !important; margin:5px 5px 0 5px; background:#fff }
#mainInt_left { width:700px; float:right; position:relative; margin:5px 10px 0 10px!important; background:#fff }
#mainInt_top, #mainInt_bottom { width:700px; height:14px }
#leftColumn { width:180px; float:left; position:relative; margin:0 !important; margin: 0 0 10px 0; padding: 0 0 10px 0;overflow:hidden !important }
#leftTop { padding:8px 13px 6px 8px; margin:0 0 8px 0 }
#rightColumn { width:180px; float:right; position:relative; margin:0 !important; margin: 0 0 10px 0; padding: 0 0 10px 0; overflow:hidden !important }
#rightTop {  padding:8px 8px 6px 13px; margin:0 0 8px 0 }
#leftColumn h3, #rightColumn h3 { padding-left:30px; line-height:28px; height:25px; margin:0 0 4px 0 }
#leftColumn .moduletable_text h3, #rightInner .moduletable_text h3 { padding-left:30px; line-height:28px; height:25px; margin:0 0 4px 0  }
#footer { height:40px; margin:0 }
#footer .text { width:885px; padding:50px 0 10px 0; text-align:left; font-size:0.9em; margin:auto }

/*_________________Top Menu______________________*/
#topMenu ul { padding:0; margin:0 5px 0 0; list-style:none }
#topMenu li { display:block; margin:0; float:left; padding:5px 12px 0 0; list-style:none; font-size:0.9em; text-align:right }
#topMenu a, #topMenu a:hover { display:block; text-decoration:none }

/*_________________Module Menu Styles____________*/
.moduletable, .moduletable_text { margin:10px 0 0 0; padding:0 }
.moduletable_menu { margin:10px 0; padding:0 }
.moduletable_menu ul { margin:0; padding:0; list-style:none }
.moduletable_menu li a  { 
	background:url(../images/main-arrow.gif) no-repeat left; 
	padding:2px 0 0 9px !important;
	padding:0 0 0 9px;
	margin-left:5px;
	display:block !important;
	display:inline
}
.moduletable_menu  a {	color:#fff; text-decoration:none; font-weight:bold }
.moduletable a, .moduletable_text a { color:#fff }

/*________________General Styles_________________*/
.gutter { width:10px }
.left { float:left; position:relative }
.right { float:right; position:relative }
.clear { clear:both }
.clear-l { clear:left }
.clear-r { clear:right }
.spacer	{ height:14px; clear:both; width:auto }
.imgRight { float:right; margin:0 0 10px 10px; position:relative  }
.imgLeft { float:left; margin:0 10px 10px 0; position:relative }
.createdate, .small, .modifydate, .pagenavcounter { color:#999; font-size:0.9em; padding:2px 0 }

table.contentpaneopen fieldset { margin-top:15px; border-bottom:1px dotted #ccc; padding-bottom:7px; width:99% }
table.contentpaneopen { width:99% }
table.contentpaneopen td { padding-bottom:5px }
table.contentpane { width:99% }
.contentpane li { margin-bottom:8px; border-bottom:1px solid #ccc; padding-bottom:5px; }
td.contentdescription { padding:8px }
.contenttoc td { padding:2px 5px; }
.componentheading, .contentheading { font-size:1.5em }
.componentheading { margin:0 0 10px 0 }
.button { width:70px; height:20px; border:none; padding:1px 10px; margin:5px 0 0 0; color:#fff; font-size:0.9em }
#searchForm .button { margin-left:10px }
#footer .moduletable h3 { display:none; float:left; list-style:none }
.pollstableborder td { padding:1px; text-align:left }
table.poll { width:100%; font-size:0.9em }
.inputbox { border:1px solid #ccc; width:auto }
a.readon { display:block; width:100px; height:40px; padding:2px 0 4px 0; font-weight:bold; text-decoration:none; text-align:center; float:right }
.article_separator { width:99%; display:block; height:20px; margin:0 0 3px 0 }
.article_column { padding-right:10px; }
.column_separator { border-left:1px solid #ccc; padding-left:10px; }
.pagenav  { font-size:1em }
.buttonheading a { margin:0 2px }
#modlgn_remember { width:20px; border:none }
.search .inputbox { display:block; width:160px; height:14px; background:none; border:0; padding:3px 10px;  font-size:0.9em }
h1 { font-size:1.4em } 
h2 { font-size:1.3em }
h3 { font-size:1.2em }
h4 { font-size:1.1em }
hr { display:block; height:1px; margin:0; padding:0 }

/*___________________Table View______________*/
td.sectiontableheader { background:#918F8F; color:#fff; border-right:1px solid #fff; padding:5px; font-weight:bold }
td.sectiontableheader a { text-decoration:none; color:#fff; }
tr.sectiontableentry1 td, tr.sectiontableentry2 td { padding:5px }
tr.sectiontableentry2 { background:#F8F8F8; }

/*_______________EXTRAS __________________*/

#upcoming_events_content { padding:0 0 15px 0 }