@import url(reset.css);

/*_______________GENERAL SETUP________________*/
body { font-size:76%; font-family:Tahoma, Arial, sans-serif; background:#44372B url(../images/background.jpg) top repeat-x fixed; color:#4D380F }
html { height:100.1% }
body, td { line-height:130% }
a { color:#0A77AA }
a:hover { color:#0A5172 }

/*___________________MAIN LAYOUT________________*/

#outerWrap { background:url(../images/outer-wrap.png) repeat-y; width:938px; margin:0 auto } 
#outerWrap:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
#outerWrap { display:inline-block } /* Hide from IE Mac \*/
#outerWrap { display:block } /* End hide from IE Mac */
* html #outerWrap { height:1px } /*for IE6 and down*/
#wrapper { width:920px; margin:0 auto; overflow:hidden }
#logo { width:320px; height:200px; float:left; position:relative; border:0;  }
#topRight { height:200px; width:600px; float:right; position:relative; background:#3A4736; display:inline  }
#randomBanner {float:left; position:relative; width:625px; margin:30px 18px 20px 20px !important; margin:30px 18px 20px 10px  } 
#navBar { background:#141B11 url(../images/nav-bg.gif) repeat-x; height:30px; width:100%; padding:5px 0 }
#pathBar { background:#141B11; height:30px; width:100%;  }
#breadcrumb { float:left; position:relative; font-size:0.9em; color:#fff; margin:5px 0 0 15px !important; margin:5px 0 0 7px }
#breadcrumb a { color:#F0EBD2 }
#mainLeft { width:670px; float:left; position:relative; background:url(../images/decor.gif) top right no-repeat }
#mainFull { width:845px; padding:12px; background:#fff; margin:0 auto 10px auto  }
#mainContent { margin:0 auto 10px auto; width:90%; background:#fff; padding:12px  }
#contTp  { background:url(../images/content-tp.gif) repeat-x top; height:30px; margin:10px auto 0 auto; width:627px;  }
#contTpm  { background:url(../images/content-tp.gif) repeat-x top; height:30px; margin:10px auto 0 auto; width:869px;  }
#rightColumn { width:250px; float:right; position:relative; background:#141B11 }
#footer { margin:0 auto; height:100px; width:938px; background:url(../images/login.gif) center no-repeat }
#copyright { width:920px; height:82px; margin:5px auto; text-align:center; font-size:0.9em; color:#fff }
#copyright a { color:#F0EBD2  }

/*__________VERTICAL SIDE MENU STYLES________*/

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/menu-list.gif) left no-repeat; font-weight:bold; margin:0 0 0 3px; text-decoration:none; cursor:pointer }
ul.menu a:hover { background:url(../images/menu-list.gif) left no-repeat; color:#fff }
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; color:#fff }
ul.menu li.active li a { background:url(../images/menu-list.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 SIDE MENU STYLES________*/


/*__________MODULE STYLES________*/

/* DEFAULT MODULES (position- left) */
.moduletable, .moduletable_menu, .moduletable_text { padding:0 0 14px 0; margin:0 0 1px 0; width:100%; color:#fff }
.moduletable h3, .moduletable_menu h3, .moduletable_text h3 { padding:10px 0 5px 15px; color:#fff; font-size:1.2em; font-weight:bold }
.moduletable a, .moduletable_menu a, .moduletable_text a { color:#DFD87A }
.moduletable div div, .moduletable_menu div div, .moduletable_text div div  { background:none; padding:0 13px;}
.pollstableborder, .poll { text-align:left; width:auto }
.poll td { margin:0; padding:0 }
.moduletable .bannergroup, .moduletable_text .bannergroup_text { padding:0; margin:0; width:100% }
#latest_events_content div { text-indent:0; margin:0; padding:0; width:100% } /* Extra class for "mod_gcalendar_latest", if installed */

/*PURPLE MODULE (left) */
.moduletable_purple { padding:0 0 15px 0; margin:0 0 1px 0; background:url(../images/module-bg.gif) left repeat-y; width:100%; color:#fff }
.moduletable_purple div div { background:none; padding:0 13px;}
.moduletable_purple a { color:#DFD87A }
.moduletable_purple h3 { padding:10px 0 5px 15px; color:#fff; font-size:1.2em; font-weight:bold }

/*MANGO MODULE (left) */
.moduletable_mango { padding:0 0 15px 0; margin:0 0 1px 0; background:url(../images/mod-mango-bg.gif) left repeat-y; width:100%; color:#fff }
.moduletable_mango div div { background:none; padding:0 13px;}
.moduletable_mango a { color:#DFD87A }
.moduletable_mango h3 { padding:10px 0 5px 15px; color:#fff; font-size:1.2em; font-weight:bold }

/*BLUE MODULE (left) */
.moduletable_blue { padding:0 0 15px 0; margin:0 0 1px 0; background:url(../images/mod-blue-bg.gif) left repeat-y; width:100%; color:#fff }
.moduletable_blue div div { background:none; padding:0 13px;}
.moduletable_blue a { color:#DFD87A }
.moduletable_blue h3 { padding:10px 0 5px 15px; color:#fff; font-size:1.2em; font-weight:bold }

/*CONNECT BANNER MODULE (user 7)*/
.moduletable_connect { padding:0; margin:0; width:129px; float:left; position:relative; height:191px; background:none }
.moduletable_connect div div { background:none; padding:0;}
.moduletable_connect .cont { margin:0; padding:0 }

/*NEWCOMERS BANNER MODULE (user 8)*/
.moduletable_newcomers { padding:0; margin:0; width:129px; float:left; position:relative; height:191px; background:none }
.moduletable_newcomers div div { background:none; padding:0;}
.moduletable_newcomers .cont { margin:0; padding:0 }

/*EVENTS BANNER MODULE (user 9) */
.moduletable_calendar { padding:0; margin:0; width:129px; float:left; position:relative; height:191px; background:none }
.moduletable_calendar div div { background:none; padding:0;}
.moduletable_calendar .cont { margin:0; padding:0 }

/*SERVICE TIMES MODULE (user 5) */
.moduletable_services { /* module class code for position "user 5" */
	width:208px !important; width:207px;
	background:url(../images/services.gif) no-repeat top; 
	color:#fff; 
	float:right; 
	position:relative;
	margin:0;
	padding:0;
	height:190px ; 
	display:inline;
    line-height:12px
} 
.moduletable_services h3 { padding:13px 0 10px 19px }
.moduletable_services a { color:#fff }
.moduletable_services .cont  { height:135px; width:80%; overflow:auto; color:#fff; padding:0 5px 0 20px }

/*LOGIN MODULE (user 10) */
.moduletable_login { color:#fff; font-size:0.9em; background:none }
.moduletable_login div div { background:none; padding:0 }
.moduletable_login .cont { padding:15px 45px 0 0; margin-left:35px  }
.moduletable_login li, .moduletable_login p { list-style:none; float:left; margin:0 7px 0 0; display:inline }
.moduletable_login a { color:#fff }
/* Note: If positioned in the left column, remove the margin from these styles */
#modlgn_remember { width:20px; border:none; margin:15px 0 0 0 }
#form-login .button { margin:15px 0 0 0 }


/*____________END MODULE STYLES______________ */


/*________________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:10px }
hr { height:1px; color:#D1C0A0 }

/* Use imgRight and imgLeft classes for spacing, alignment, and image borders. */ 
/*Image Styles*/
.contentpaneopen img { margin:10px; border:3px double #ccc  }
.contentpaneopen .buttonheading img { padding:0; margin:0 }
.buttonheading a { margin:0 2px }
td.buttonheading img, .hasTip img { border:none; margin:0 2px; padding: 0 }
.imgRight { float:right; position:relative; border:3px double #ccc  }
.imgLeft { float:left; position:relative; border:3px double #ccc }
.img {  border:3px double #ccc }
/*End Image Styless*/
.createdate, .small, .modifydate, .pagenavcounter { font-size:0.9em; padding:2px 0; color:#236C8C }
table.contentpaneopen, table.contentpane { width:99%; margin:auto  }
table.contentpaneopen fieldset { margin-top:15px; border-bottom:1px dotted #ccc; padding-bottom:7px; width:98% }
.contentpane li { margin-bottom:8px; border-bottom:1px solid #ccc; padding-bottom:5px }
td.contentdescription { padding:8px; }
.componentheading, .contentheading { font-size:1.5em; color:#23485A; padding:0; margin:0 }
.componentheading { margin:0; padding:0 0 7px 0; border-bottom:1px dotted #23485A }
.button { width:68px; height:20px; border:none; padding:0; margin:5px 0 0 0; color:#fff; font-size:0.9em; background:url(../images/button.png) no-repeat }
a.readon { color:#fff; background:url(../images/read.gif) no-repeat; display:block; width:92px; height:22px; padding:3px 0 0 0; font-weight:bold; text-decoration:none; text-align:center; float:right; font-size:0.9em }
a.readon:hover { color:#F0EBD2  }
.article_separator { display:block; height:0; margin:4px 0; width:100%; border-bottom:1px dotted #839F7E }
.column_separator { border-left:1px dotted #E7DECD; padding-left:10px; }
.pagenav  { font-size:1em }
#searchForm .button { margin-left:10px }
.inputbox { border:1px solid #000; width:auto }
#modlgn_remember { width:20px; border:none }
.search .inputbox { background:#D8DCB0; border:none; color:#000; display:block !important; display:inline; width:180px; height:12px; padding:2px 9px 5px 9px; margin:5px 5px 0 15px; float:right; position:relative; font-size:0.9em}
nm,k,m,  
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:#D8DCB0; border-right:1px dotted #fff; 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 }

/* Component Specific Fixes */
#component-contact table td { padding: 2px 10px }
#component-contact img { border:none; margin:0; padding:0 }