@import url(reset.css);



/*_______________GENERAL SETUP________________*/

body { font-size:76%; font-family:Tahoma, Arial, sans-serif }

html { height:100.1% }

body, td { line-height:130% }



/*___________________MAIN LAYOUT________________*/

#wrapper { width:920px; margin:0 auto }

#top { height:56px }

#breadCrumbs { float:left; position:relative; font-size:0.9em; margin:15px 0 0 25px }

#headerLogo { width:900px; height:189px; margin:0; background:url(../images/header-logo.jpg) no-repeat }

#dropMenu { padding:165px 20px 0 20px }

#main { width:430px; float:left; position:relative; margin:25px 0 0 0  }

#mainRight { width:635px; float:right; position:relative; margin:25px 15px 0 0  }

#mainLeft { width:658px; float:left; position:relative; margin:25px 15px 0 15px }

#mainFull { width:890px; margin:0 auto }

#main ul, #mainRight li, #mainLeft li, #mainFull li { padding-left:10px; margin:0 0 2px 8px }

#leftColumn { width:230px; float:left; padding:15px 0; margin:15px 15px 0 15px }

#rightColumn { width:200px; float:right; padding:15px 0; margin:15px 15px 0 15px }

#footer { font-size:0.9em; padding:10px; width:900px; margin:10px auto 0 auto; overflow:hidden }

#copyright { float:left; position:relative; width:375px }



/*__________VERTICAL COLUMN 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; font-weight:bold; margin:0 0 0 5px; text-indent:5px; text-decoration:none; cursor:pointer }

ul.menu a:hover {  }

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/menu-list.gif) left no-repeat; margin:0; padding:0 0 0 10px; z-index:50 !important; text-decoration:inherit; font-weight:normal } /* submenu link color */

/*_________END VERTICAL SIDE MENU STYLES________*/



/*__________MODULE COLOR STYLES________*/

#leftColumn .moduletable, #leftColumn .moduletable_text, #leftColumn .moduletable_menu { padding:0 0 10px 0; margin:0 auto 10px auto; width:230px }

#leftColumn .moduletable h3, #leftColumn .moduletable_text h3, #leftColumn .moduletable_menu h3 { padding:6px 0 20px 28px; color:#fff; font-size:1.2em; font-weight:bold }

#rightColumn .moduletable, #rightColumn .moduletable_text, #rightColumn .moduletable_menu { padding:0 0 10px 0; margin:0 auto 10px auto; width:192px }

#rightColumn .moduletable h3, #rightColumn .moduletable_text h3, #rightColumn .moduletable_menu h3 { padding:0 0 5px 10px }

.moduletable div div, .moduletable_text div div, .moduletable_menu div div { background:none; padding:0 13px;}

.pollstableborder, .poll { text-align:left; width:auto }

.poll .button { width:64px; height:20px; border:none; padding:0; margin:5px 0 0 0; font-size:0.9em }

.moduletable .bannergroup, .moduletable_text .bannergroup, .moduletable_menu .bannergroup { 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 */



/*CONNECT BANNER MODULE (user 5) */ 

.moduletable_connect { padding:0; margin:0 5px 25px 18px; width:284px; float:left; position:relative; height:160px; background:none; display:inline }

.moduletable_connect div div { background:none; padding:0;}

.moduletable_connect .cont { margin:0; padding:0 }



/*NEWCOMERS BANNER MODULE (user 6) */

.moduletable_newcomers { padding:0; margin:0 5px 25px 10px; width:284px; float:left; position:relative; height:160px; background:none; display:inline }

.moduletable_newcomers div div { background:none; padding:0;}

.moduletable_newcomers .cont { margin:0; padding:0 }



/*EVENTS BANNER MODULE (user 7) */

.moduletable_events { padding:0; margin:0 15px 25px 10px; width:284px; float:left; position:relative; height:160px; background:none; display:inline }

.moduletable_events div div { background:none; padding:0;}

.moduletable_events .cont { margin:0; padding:0 }



/*LOGIN MODULE (user 8) */

.moduletable_login { padding:5px 0; margin:0; width:480px; color:#fff; font-size:0.9em; float:right; position:relative }

.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 COLOR 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:20px }



/*Image Styles*/

.contentpaneopen img { margin:8px }

.contentpaneopen .buttonheading img { padding:0; margin:0 }

.imgRight { float:right  }

.imgLeft { float:left }

/*End Image Styless*/



hr { height:1px; color:#047db7 }

.createdate, .small, .modifydate, .pagenavcounter { font-size:0.9em; padding:2px 0 }

table.contentpaneopen, table.blog { 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 }

.button { width:70px; height:20px; border:none; padding:0; margin:5px 0 0 0; font-size:0.9em }

#searchForm .button { margin-left:10px }

.pollstableborder td { padding:1px; text-align:left }

.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 { color:#fff; display:block; width:107px; height:17px; padding:0 0 0 9px; font-weight:bold; text-decoration:none; text-align:left; float:right; font-size:0.9em }

a.readon:hover { color:#ccc; text-decoration:none }

.article_separator { display:block; height:10px; width:97%; margin:7px auto }

.article_column { padding-right:10px; }

.column_separator { padding-left:10px; }

.pagenav  { font-size:1em }

.contenttoc td { padding:2px 5px }

.contenttoc { margin:5px }

.componentheading, .contentheading { font-size:1.5em }

.componentheading { margin:0 0 10px 0; padding:7px 0 7px 15px }

.buttonheading a { margin:0 2px }

legend { margin: 0; padding: 0 10px }

#modlgn_remember { width:20px; border:none }

.search .inputbox { background:#fff; border:0; color:#000; display:block !important; display:inline; width:180px; height:13px; margin:6px 82px 0 0; padding:5px 5px 5px 10px; 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 { 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:#E4E4E4 url(../../system/images/notice-info.png) 4px center no-repeat;border-top: 3px solid #0E0E0E; border-bottom: 3px solid #0E0E0E; margin:0px; padding:10px 0 10px 40px; text-indent:0px;}

/* System Error Messages */

#system-message dd.error ul { color:#c00; background:#ABABAB url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #0E0E0E; border-bottom: 3px solid #0E0E0E; margin:0px; padding:10px 0 10px 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:10px 0 10px 40px; text-indent:0px;}

#system-message .message ul li { background-image:none }



/* Component Specific Fixes */

#component-contact table td { padding: 2px 10px }