@import url(reset.css);

/*_______________GENERAL SETUP________________*/
body { font-size:76%; font-family:Tahoma, Arial, sans-serif; background:#5D2B01 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________________*/
#wrapper { width:920px; margin:0 auto }
#logo { width:350px; height:126px; float:left; position:relative; margin:0; background:url(../images/logo.jpg) no-repeat }
#topRight { height:126px; width:570px; float:right; position:relative; background:#fff url(../images/top-right.gif) top no-repeat }
#header { width:920px; background:#000 url(../images/header.gif) top no-repeat; margin:0; padding:0; overflow:hidden }
#randomBanner {float:left; position:relative; width:625px; margin:30px 18px 20px 20px !important; margin:30px 18px 20px 10px  } 
#navBar { background:#000 url(../images/nav-bar.gif) left no-repeat; height:40px; width:100%; border-bottom:1px solid #000 }
#mainBg { background:url(../images/main-bg.gif) repeat-y; overflow:hidden; border-bottom:1px solid #000; width:920px }
#mainLeft { width:670px; float:left; position:relative }
#mainFull { width:890px; background:#fff; padding:15px;  }
#mainContent { padding:0; margin:15px auto; width:95% }
#rightColumn { width:250px; float:right; background:#000 }
#footer { width:920px; height:82px; margin:10px auto; text-align:center; font-size:0.9em; color:#fff }
#footer 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 }
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 { 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- right) */
.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 */

/*SERVICE TIMES MODULE (user 5) */
.moduletable_services { /* module class code for position "user 5" */
	width:230px; 
	background:url(../images/services.gif) no-repeat; 
	color:#fff; 
	float:right; 
	position:relative;
	margin:30px 20px 20px 0;
	height:222px; 
	display:inline 
} 
.moduletable_services h3 { padding:20px 0 0 14px }
.moduletable_services a { color:#white }
.moduletable_services .cont  { height:160px; width:85%; overflow:auto; color:#fff; padding:0 5px 0 15px  }

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

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

/*WELCOME BANNER MODULE (user 7) */
.moduletable_welcome { background:none; padding:0; margin:0; width:670px; height:155px; float:left }
.moduletable_welcome div div { background:none; padding:0;}
.moduletable_welcome .cont { margin:0; padding:0 }


/*WELCOME BANNER ALTERATION MODULE (user 7) - This banner you can type your own text on top of verses the other that is graphical */
.moduletable_welcome2 { background:#000 url(../images/welcome2.jpg) no-repeat; padding:0; margin:0; width:670px; height:155px; float:left; color:#fff; font-size:1.2em }
.moduletable_welcome2 h3 { padding:20px 0 0 14px }
.moduletable_welcome2 a { color:#fff }
.moduletable_welcome2 div div { height:80px; width:90%; overflow:auto; color:#fff; padding:0 20px }
.moduletable_welcome2 div {margin-top:60px}

/*NEWCOMERS BANNER MODULE */
.moduletable_newcomers { padding:0; margin:0; width:220px; float:left; position:relative; height:157px; background:none }
.moduletable_newcomers div div { background:none; padding:0;}
.moduletable_newcomers .cont { margin:0; padding:0 }

/*EVENTS BANNER MODULE */
.moduletable_calendar { padding:0; margin:0; width:225px; float:left; position:relative; height:157px; background:none }
.moduletable_calendar div div { background:none; padding:0;}
.moduletable_calendar .cont { margin:0; padding:0 }

/*CONNECT BANNER MODULE */
.moduletable_connect { padding:0; margin:0; width:225px; float:left; position:relative; height:157px; background:none }
.moduletable_connect div div { background:none; padding:0;}
.moduletable_connect .cont { margin:0; padding:0 }

/*LOGIN MODULE */
.moduletable_login { padding:10px 15px; margin:1px auto; width:888px; background:#381E07 url(../images/login.gif); border:1px solid #2B1402; color:#fff; font-size:0.9em }
.moduletable_login div div { background:none; padding:0 }
.moduletable_login .cont { margin:0; padding:0 }
.moduletable_login li, .moduletable_login p { list-style:none; float:left; margin:0 7px 0 0 }
.moduletable_login a { color:#fff }
/* Note: If positioned in the right 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 { 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 { width:99% }
table.contentpaneopen fieldset { margin-top:15px; border-bottom:1px dotted #ccc; padding-bottom:7px; width:99% }
table.contentpaneopen td { padding-bottom:5px; font-family:Tahoma, Arial, sans-serif }
.contentpane li { margin-bottom:8px; border-bottom:1px solid #ccc; padding-bottom:5px }
td.contentdescription { padding:8px; }
.componentheading, .contentheading { font-size:1.5em; color:#115546; padding:0 }
.componentheading { margin:0 0 10px 0; padding:0 0 7px 0; border-bottom:1px dotted #115546 }
.button { width:68px; height:20px; border:none; padding:0; margin:5px 0 0 0; color:#342618; 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:100px; height:40px; padding:2px 0 4px 0; font-weight:bold; text-decoration:none; text-align:center; float:right }
a.readon:hover { color:#fff; background:url(../images/read-h.gif) no-repeat }
.article_separator { background:url(../images/article-div.gif) repeat-x center; display:block; height:6px; width:97%; margin:10px auto }
.article_column { padding-right:10px }
.column_separator { border-left:1px dotted #E7DECD; padding-left:10px; }
.pagenav  { font-size:1em }
#searchForm .button { margin-left:10px }
.inputbox { border:1px solid #ccc; width:auto }
#modlgn_remember { width:20px; border:none }
.search .inputbox { background:#fff; border:1px solid #000; color:#333; display:block !important; display:inline; width:180px; height:13px; padding:2px 9px; margin:8px 20px 0 0; float:right; position:relative; 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:#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 { background:#C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;}
/* System Error Messages */
#system-message dd.error  { 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:10px 10px 10px 30px; text-indent:0px;}
/* System Notice Messages */
#system-message dd.notice  { 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:10px 10px 10px 30px; text-indent:0px;}
#system-message dd.notice ul li, #system-message dd.error ul li, #system-message dd.message ul li { background:none }

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