@import url(reset.css);

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

/*_______________________Main Layout________________*/
#mainBg { width:940px; margin:0 auto; overflow:hidden; background: url(../images/main-bg.jpg) center repeat-y }
#wrapper { width:900px; margin:0 auto; overflow:hidden }
#logo { width:690px; height:187px; float:left; display:inline }
#serviceTimes { width:205px; height:187px; float:right; color:#fff; 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 { width:900px; height:65px; margin:0 auto 5px auto }
#main { width:480px; padding:10px }
#mainLeft, #mainRight { width:675px; padding:10px }
#leftColumn, #rightColumn { width:175px; padding:10px }
#leftColumn h3, #rightColumn h3 { padding-left:30px; line-height:28px  }
#leftColumn .moduletable_text h3, #rightColumn .moduletable_text h3 { padding-left:30px; line-height:28px }
#footer { height:50px; margin:10px 0 }
#footer .text { width:885px; padding:15px 0 10px 0; text-align:left; font-size:0.9em; margin:auto }

/*_________________Top Menu______________________*/
#topMenu ul { padding:14px 0 0 15px; margin:0; list-style:none; float:left }
#topMenu li { display:block; margin:0; float:left; padding:10px; list-style:none; }
#topMenu a { display:block; text-decoration:none; color:#fff; font-size:1.2em }
#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:10px; 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 { background:url(../images/main-arrow.gif) left no-repeat; margin-left:5px; padding-left:10px; z-index:50 !important; text-decoration:inherit; font-weight:normal } /* submenu link color */

/*_________END VERTICAL SUB MENU STYLES________*/

/*_________________Module Menu Styles____________*/
.moduletable_menu, .moduletable { margin-bottom:15px; }

/*________________General Styles_________________*/
.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 }
.button { width:70px; height:20px; border:none; padding:1px 10px; color:#fff; font-size:0.9em }
#searchForm .button { margin-left:10px }
#footer .moduletable h3 { display:none; float:left; list-style:none }
.pollstableborder td { padding:2px; text-align:left }
table.poll { width:100%; font-size:0.9em }
.inputbox { border:1px solid #ccc; width:auto; }
.contentpane li { margin-bottom:8px; border-bottom:1px solid #ccc; padding-bottom:5px; }
td.contentdescription { padding:8px; }
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 { background:url(../images/article-separator.gif) center no-repeat; width:99%; display:block; height:20px; margin:3px 0 }
.article_column { padding-right:10px; }
.column_separator { border-left:1px solid #ccc; padding-left:10px; }
.pagenav  { font-size:1em }
.contenttoc td { padding:2px 5px; }
.componentheading, .contentheading { font-size:1.5em }
.componentheading { margin:0 0 10px 0 }
.buttonheading a { margin:0 2px }
#modlgn_remember { width:20px; border:none }
.search .inputbox { display:block; width:160px; height:14px; background:#fff; border:1px solid #ccc; padding:2px 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 }

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