@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 }
#topMenu { float:left; position:relative; margin:58px 0 0 375px; display:inline }
#searchBg { width:163px; height:22px; display:inline; float:right; position:relative; margin:58px 15px 0 15px }
#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 }
#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 }
#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 }

/*__________VERTICAL SUB MENU STYLES________*/
/* Note: For the submenu items to display properly, you will need to ensure the "menu style" in your Module Parameters is set to "style" and the "Module Class Suffix" is set to "_menu". */

ul.menu { margin:0; padding:0; z-index:50 !important }
ul.menu li { list-style:none; margin:0; padding:0; z-index:50 !important }
ul.menu span { display:block; height:18px; line-height:18px; padding-left:0 }
ul.menu a { display:block; background:url(../images/main-arrow.gif) left no-repeat; font-weight:bold; margin:0 0 0 3px; text-decoration:none; cursor:pointer }
ul.menu a:hover { background:url(../images/main-arrow.gif) left no-repeat }
ul.menu ul { margin-left:15px; padding:0 }
ul.menu ul a { text-indent:0; z-index:50 !important; cursor:pointer }
ul.menu ul li a {  text-align:left; margin:0 }
ul.menu li.active li a:hover { cursor:pointer }
ul.menu li li { padding:0; margin:0; z-index:50 !important }
ul.menu li a { padding-left:10px; z-index:50 !important }
ul.menu li.active a { text-decoration:none; z-index:50 !important }
ul.menu li a:hover, ul.menu li.active a:hover, ul.menu li.active li a:hover { text-decoration:underline }
ul.menu li.active li a, .moduletable ul.menu li.active li a, .moduletable_menu ul.menu li.active li a { background:url(../images/main-arrow.gif) left no-repeat; padding-left:10px; z-index:50 !important; font-weight:normal; color:#fff } /* submenu link color */

/*_________END VERTICAL SIDE MENU STYLES________*/


/*_________________Module Menu Styles____________*/
.moduletable, .moduletable_text, .moduletable_menu { margin:10px 0 0 0; padding:0 }
.moduletable_menu  a {	color:#fff; text-decoration:none; font-weight:bold }
.moduletable a, .moduletable_text a { color:#fff }
.moduletable h3, .moduletable_text h3, .moduletable_menu h3 { padding-left:30px; line-height:28px; height:25px; margin:0 0 4px 0 }

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

/* System Standard Messages */
#system-message { margin-bottom: 20px; }
#system-message dd.message ul { background:#C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}
/* System Error Messages */
#system-message dd.error ul { color:#c00; background:#E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}
/* System Notice Messages */
#system-message dd.notice ul { color:#c00; background:#EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; margin:0px; padding-left: 40px; text-indent:0px;}
#system-message .message ul li { background-image:none }