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

#contentBg { width:auto; height:100%; overflow:hidden; padding:15px 0; margin:5px 0 0 0 }
.innerPadding { padding:15px }
#main { float:left; width:520px; margin:0 10px; background:#fff }
#mainTop, #mainBottom { width:520px; height:14px }
#mainInt_right { width:700px; float:left; margin:0 10px !important; margin:0 5px; background:#fff }
#mainInt_left { width:700px; float:right; margin:0 10px!important; margin:0 5px 0 0; background:#fff }
#mainInt_top, #mainInt_bottom { width:700px; height:14px }
#leftColumn { width:180px; float:left; margin:0 !important; margin: 0 0 10px 0; padding: 0 0 10px 0;overflow:hidden !important }
#leftTop { padding:8px 13px 6px 0px; margin:0 0 8px 0 }
#rightColumn { width:180px; float:right; 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 }



/*__________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________*/

.featuretable, .featuretable_text, .featuretable_menu { margin:10px 0 0 0; padding:0 }
.featuretable_menu  a {	color:#465D74; text-decoration:none; font-weight:bold }
.featuretable a, .featuretable_text a { color:#465D74 }
.featuretable ul, .featuretable_text ul { margin:3px; padding:0px }
.featuretable h3, .featuretable_text h3, .featuretable_menu h3 { padding-left:30px; line-height:28px; height:25px; margin:0 0 4px 0 }

/*_________________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 ul, .moduletable_text ul { margin:3px; padding:0px }
.moduletable h3, .moduletable_text h3, .moduletable_menu h3 { padding-left:30px; line-height:28px; height:25px; margin:0 0 4px 0 }

/*SERVICE TIMES MODULE (user 5) */
.moduletable_services { /* module class code for position "user 5" */
	width:205px; 
	color:#fff; 
	float:right; 
	margin:0 !important; margin:0 0 -9px 0;
	padding:35px 0 0 0;
	height:152px; 

} 
.moduletable_services h3 { padding:20px 0 0 14px }
.moduletable_services br { line-height:0.6em }
.moduletable_services a { color:#fff }
.moduletable_services .cont  { height:170px; width:85%; overflow:auto; color:#fff; padding:0 5px 0 15px; font-size:0.9em  }

.moduletable_randomBanner { width:690px; float:left; margin: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:10px !important; height:5px; 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, table .blog { 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 { padding:5px 10px; font-weight:bold }
td.sectiontableheader a { text-decoration:none }
tr.sectiontableentry1 td { padding:5px }
tr.sectiontableentry2 td { padding:5px }
tr.sectiontableentry2 {  }


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