/*----------- Css Reset ----------------------*/
p,html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, cite, code, del, em, img, ins, strong, sub, sup, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; }
a img, :link img, :visited img { border:0; outline:none; }
table { border-collapse:collapse; border-spacing:0; }
ol, ul { list-style: none; }


/*_______________GENERAL SETUP________________*/
body { font-size:76%; font-family:Tahoma, Arial, sans-serif; margin-bottom:10px;
       background:#483e35 url(../content/images/brown/top-bg.jpg) top repeat-x; color:#fff; 
       }
a { color:#e2dcd6 }
a:hover { color:#fff; text-decoration:underline }

html { height:100.1% }
body, td { line-height:130% }

/*___________________MAIN LAYOUT________________*/


#topWrapper { width:920px; margin:0 auto 5px auto; padding:0 }
#top { height:139px}
#headerLogo { width:920px; height:194px }
#logo { width:890px; height:125px }
.search .inputbox { background:#fff; border:0; color:#000; display:block; width:170px; height:15px; margin:5px 84px 0 0; padding:3px 5px 0 10px; float:right; position:relative; font-size:0.9em; display:inline}
#searchForm .button { margin-left:10px; float:right; position:relative }
#rightBanners { width:294px; float:right }
#contentTop { width:940px; height:33px; margin:0 auto; padding:0 }
#contentInner { width:940px; margin:0 auto;  padding:0; overflow:hidden }
#contentBottom{ width:940px; height:33px; margin:0 auto; padding:0 }
#contentAboveTheFold 
{
    text-align:center;margin-left:20px;margin-right:20px;margin-bottom:20px;
    padding:0; }
#main { width:410px; margin:0; padding:0; float:left }
#mainRight { width:680px; margin:0 30px 0 0 !important; margin:0 15px 0 0; padding:0; float:right }
#mainLeft { width:590px; margin:0 0 0 30px !important; margin:0 0 0 15px; padding:0; float:left }
#mainFull
{
    width: 860px;
    margin: 15px 0 0 30px;
    padding: 0;
}
#mainRight li, #mainLeft li, #mainFull li { padding-left:10px; margin:0 10px 2px 8px; }
#mainLeft ul
{
    padding-left:10px;
    margin: 10px !important;
}
#leftColumn { width:200px; margin:0 10px 0 15px; padding:0; float:left; display:inline }
#rightColumn { width:294px; margin:0; padding:0; float:right }
#footer { font-size:0.9em; padding:0 15px; width:890px; min-height:85px; margin:2px auto 0 auto; overflow:hidden }
#copyright { float:left; position:relative; width:375px; padding-top:20px }

/*__________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 { 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________*/
#rightColumn .moduletable, #rightColumn .moduletable_text, #rightColumn .moduletable_menu { padding:0 0 8px 0; margin:0 auto; width:280px }
#rightColumn .moduletable h3, #rightColumn .moduletable_text h3, #rightColumn .moduletable_menu h3 { padding:10px 0 0 18px; font-size:1.2em; font-weight:bold; width:270px; height:35px }

#leftColumn .moduletable, #leftColumn .moduletable_text, #leftColumn .moduletable_menu { padding:0 0 10px 0; margin:0; width:192px }
#leftColumn .moduletable h3, #leftColumn .moduletable_text h3, #leftColumn .moduletable_menu h3 { padding:0 0 5px 10px }

.moduletable div div, .moduletable_text div div, .moduletable_menu div div, .moduletable .cont  { 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:2px 0 10px 0; width:290px; height:78px; background:none }

/*NEWCOMERS BANNER MODULE (user 6) */
.moduletable_newcomers { padding:0; margin:0 0 10px 0; width:290px; height:78px; background:none }

/*EVENTS BANNER MODULE (user 7) */
.moduletable_events { padding:0; margin:0; width:290px; height:78px; background:none }
/* Main Template area backgorunds */
#headerLogo { background:url(../content/images/brown/header-logo.jpg) top no-repeat }

#contentTop { background:url(../content/images/brown/top-ct.gif) no-repeat }
#contentInner { background:url(../content/images/brown/inner-ct.gif) repeat-y }
#contentBottom{ background:url(../content/images/brown/bottom-ct.gif) no-repeat }


/* 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; border:1px solid #ccc  }
.imgLeft { float:left; border:1px solid #ccc }
/*End Image Styless*/

hr { height:1px; color:#047db7; display:none; }
.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 { color:#000; background:url(../content/images/brown/button.png) no-repeat; width:70px; height:20px; border:none; padding:0; margin:5px 0 0 0; font-size:0.9em }
.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 {clear:both !important; 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_column { padding-right:10px; }
.column_separator { padding-left:10px; border-left:1px solid #ccc }
.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 }

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 {  }

/*                Menu              */
/*----------moomenu.css------------*/
/* HORIZONAL MENU SYSTEM */
.menutop *{ margin:0; padding:0 }
div#horiz-menu { position:inherit; z-index:50 }
#horiz-menu li li { margin:0 }

.menutop { line-height:1.0; float:left; margin-bottom:1.5em; position:relative; z-index:50;}
.menutop ul { background:#fff; padding:0;}
.menutop li { float:left; list-style:none; position:relative; z-index:50;}

#right-menu li li{margin:0;}
.menuright { line-height:1.0; float:left; margin-bottom:1.5em; position:relative; z-index:50;}
.menuright ul { background:#fff; padding:0;}
.menuright li { float:left; list-style:none; position:relative; z-index:50;}

div#horiz-menu li li a, div#horiz-menu li.active li a{display:block; padding:0; margin:0; text-decoration:none; float:none; height:26px; line-height:30px; text-indent:18px; width:98%; z-index:50;}
.menutop li ul{ float:none; left:-999em; position:absolute; width:177px; z-index:90;}

/* ADJUST POSITION OF DROP DOWN MENU HERE */
.menutop li:hover ul, .menutop li.sfHover ul { left:0px; top:36px; z-index:50 } 

.menutop li:hover li ul, .menutop li.sfHover li ul, .menutop li li:hover li ul, .menutop li li.sfHover li ul, .menutop li li li:hover li ul, .menutop li li li.sfHover li ul{top:-999em;}
.menutop li li:hover ul, .menutop li li.sfHover ul, .menutop li li li:hover ul, .menutop li li li.sfHover ul, .menutop li li li li:hover ul, .menutop li li li li.sfHover ul{left:177px; top:0px; z-index:50;}
.menutop li li { position:relative; float:none; width:100%; z-index:50 }
div#right-menu li li a, div#right-menu li.active li a {
	display:block; 
	padding:0; 
	margin:0; 
	text-decoration:none; 
	float:none; 
	height:26px; 
	line-height:30px; 
	text-indent:18px; 
	width:98%; 
	z-index:50;
}
.menuright li ul{float:none; left:-999em; position:absolute; width:177px; z-index:90;}
.menuright li:hover ul, .menuright li.sfHover ul{left:0px; top:38px; z-index:50;}
.menuright li:hover li ul, .menuright li.sfHover li ul, .menuright li li:hover li ul, .menuright li li.sfHover li ul, .menuright li li li:hover li ul, .menuright li li li.sfHover li ul{top:-999em;}
.menuright li li:hover ul, .menuright li li.sfHover ul, .menuright li li li:hover ul, .menuright li li li.sfHover ul, .menuright li li li li:hover ul, .menuright li li li li.sfHover ul{left:177px; top:0px; z-index:50;}
.menuright li li{position:relative; float:none; width:100%; z-index:50;}
/*-------------- horiz-menu.css-------------*/
/* HORIZONTAL TAB DROP DOWN MENU STYLES */

#horiz-menu a {text-decoration:none}
#horiz-menu li {}
#horiz-menu li.active a,
#horiz-menu li.sfHover.active a {
	color: #fff; }
#horiz-menu.splitmenu li.active a,
#horiz-menu.splitmenu li.active-sfHover a {}
#horiz-menu.splitmenu li.active {}
#horiz-menu li:hover a,
#horiz-menu li.sfHover a {
	color:#fff
}

#horiz-menu li li a:hover,
#horiz-menu li.active li a:hover {
	color:#fff
}

#horiz-menu li li a,
#horiz-menu li.active li a,
#horiz-menu li.active.parent.sfHover a,
#horiz-menu li.active-sfHover a,
#horiz-menu li.active.sfHover li a,
#horiz-menu li.active-sfHover li a {
	color:#fff
}

#horiz-menu li li, 
#horiz-menu li:hover li,
#horiz-menu li.sfHover li,
#horiz-menu li.parent:hover li,
#horiz-menu li.parent.sfHover li,
#horiz-menu li.active.parent:hover li,
#horiz-menu li.active.parent.sfHover li {
	border-bottom: 1px solid #fff;
	background: none;
}

#horiz-menu ul ul { }

/* @group Horizontal Menu */

#horiz-menu { height:20px; margin:0 10px 0 10px; position:inherit; z-index:50 !important }
#horiz-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float:left;	z-index:50 !important;
}

#horiz-menu li {
	display: block;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;	z-index:50 !important;
}

#horiz-menu a,
#horiz-menu li.active a {
	white-space: nowrap;
	display: block;
	float: left;
	height:36px;
	line-height: 36px;
	padding: 0 17px;
	font-weight:bold;
	font-size: 115%;
	overflow: hidden; z-index:50 !important;
}

	#horiz-menu a {
		background-position: 0 -37px;
	background-repeat: no-repeat;	z-index:50 !important;
}

#horiz-menu li {
	background-position: 100% -37px;
	background-repeat: no-repeat;	z-index:50 !important;
}

#horiz-menu li:hover a,
#horiz-menu li.sfHover a {
	background-position: 0 -74px;	z-index:50 !important;
}

#horiz-menu li:hover,
#horiz-menu li.sfHover {
	background-position: 100% -74px;	z-index:50 !important; 	
}

#horiz-menu li.parent:hover a,
#horiz-menu li.parent.sfHover a,
#horiz-menu li.parent-sfHover a {
	background-position: 0 -113px;	z-index:50 !important;
}

#horiz-menu li.parent:hover,
#horiz-menu li.parent.sfHover,
#horiz-menu li.parent-sfHover {
	background-position: 100% -113px;	z-index:50 !important;
}

#horiz-menu li.active a {
	background-position:0 0; z-index:50 !important;
}

#horiz-menu li.active {
	background-position:100% 0; z-index:50 !important;
}


#horiz-menu a:hover,
#horiz-menu a.sfHover {
	text-decoration:none; z-index:50 !important;
}


/* mouseovers -- background ul colors */
#horiz-menu li li a:hover, #horiz-menu li.active li a:hover ,
#horiz-menu li li a:sfHover, #horiz-menu li.active li a:sfHover 
{ z-index:50 !important }
#horiz-menu li li.active, #horiz-menu li.active li a { z-index:50 !important; font-size:100% }
#horiz-menu li li a { font-size:100%; font-weight:normal; background:none; z-index:50 !important }
/*----------brown.css------------*/
#horiz-menu a { color: #fff; background-image: url(../content/images/brown/menu-l.gif) }
#horiz-menu li { background-image: url(../content/images/brown/menu-r.gif)}
#horiz-menu.splitmenu li.active a,#horiz-menu.splitmenu li.active-sfHover a { color: #fff; background: url(../images/brown/menu-l.gif) 0 0 no-repeat }
#horiz-menu.splitmenu li.active { background: url(../content/images/brown/menu-r.gif) 100% 0 no-repeat }
#horiz-menu ul ul { background:#271f1c }
#horiz-menu li li a:hover, #horiz-menu li.active li a:hover { background:#6c1e00 }


/*_______________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:10px 0 10px 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: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 }

/********** Brown.css ***************/

#main ul, #mainRight li, #mainLeft li, #mainFull li{  background:url(../content/images/brown/menu-list.gif) no-repeat 0 5px;
 }
#main li, #rightColumn li
 {
	
	list-style-image:url(../content/images/brown/menu-list.gif);
}



#footer { background:#5b4d40; color:#fff }
#footer a { color:#fff }


#rightColumn h3, #rightColumn .moduletable h3, #rightColumn .moduletable_text h3, #rightColumn .moduletable_menu h3 { background:url(../content/images/brown/mod-right.gif) no-repeat; color:#fff }
#leftColumn .moduletable, #leftColumn .moduletable_text, #leftColumn .moduletable_menu { border-right:1px dotted #5b4d40 }

.article_separator { background:url(../content/images/brown/article-div.gif) repeat-x center;display:block; height:10px; width:97%; margin:7px auto;clear:both;  }
a.readon { background:url(../content/images/brown/read.gif) no-repeat }

.button { color:#000; background:url(../content/images/brown/button.png) no-repeat; }
.poll .button { background:url(../content/images/brown/button-poll.png) no-repeat; color:#fff }

.createdate, .small, .modifydate, .pagenavcounter { color:#b60361 }
.contenttoc { border:1px dotted #e03907 }
.componentheading ,.componentheading a, .contentheading, .contentheading a { color:#e03907 }
.componentheading { border-bottom:1px dotted #e03907; border-top:1px dotted #e03907 }

/*___________________Table View______________*/
td.sectiontableheader { background:#483e35; border-right:1px solid #271f1c }


.Error
{
    margin-left:auto;
    margin-right:auto;
    width:400px;
    display: block;
    border: medium dashed #f00;
    color: #f00;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
.Message
{
    margin-left:auto;
    margin-right:auto;
    width:400px;
    display: block;
    border: medium solid green;
    color: white;
    text-align:center;
}

.CalendarIconDay, .CalendarIconDate
{
    border-color: #1d9fce;
    border-width: 2px;
    font-weight: bolder !important;
       width: 15px;
    
}
.CalendarIconDay
{
    /*border-style: ridge ridge none ridge;*/
    border-style: solid solid none solid;
    
    float: left;
    font-size: 0.75em;
    background-color:#03789e !important;
    text-align:center;
    color: white;
    padding: 2px;
    margin: 0px;
}
.CalendarIconDate
{
    float: left;
    clear: left;
    /*border-style: none ridge ridge ridge;*/
    border-style: none solid solid solid;
    
    
    background-color: #1d9fcf !important;
    text-align: center;
    
 
}
.article img
{
    padding-bottom:5px;   
    padding-left:5px;   
    padding-right:5px;   
}

p.article .intro .firstletter {
font-size : 300%;
font-weight : bold;
float : left;
color : #c00;
}
textarea
{
    width:400px;
  min-height:100px;  
 
}
fieldset {
  
  padding:5px;
  margin-right:0px !important;
  
}
fieldset input, fieldset textarea
{
    margin-bottom:1em;
    
    
}

label {
  float:left;
  width:100px;
  
  margin-right:0.5em;
  
  text-align:right;
  font-weight:bold;
  clear:left;
  }

/*----------------Table Styles-------------*/
th
{
    background-color:#372f2c;
   
    border-bottom:solid;
    text-align:left;
    border-width:2px;
    border-color:Gray;
}
tfoot
{
    background-color:#372f2c;
    min-width:100px;
    border-top:solid;
    text-align:left;
    border-width:2px;
    border-color:Gray;
    
}

.adminTable
{
    color:Black;
}

#Gallery ul
{
    padding-left:0px;
    margin:0px !important;
    padding:0px !important;
    list-style:none;
    display:block;
}
#Gallery ul li        
{
    margin:0px;
    padding:0px;
    
    
}
#Gallery a.lightbox
{
    
    float:left;
    text-align:center;
    width:120px;
    height:120px;
    margin-left:5px; margin-right:5px; margin-bottom:10px;
    padding:5px 5px 5px 5px;
    background-color:#222;
    
}
#Gallery a.lightbox:hover
{
    background-color:#444;
}
.GalleryList
{
    Height:80px;
}

.SmallThumb
{
    max-height:80px;
    max-width:80px;
    float:left;
    padding-right:10px;
}
.article p
{
    margin-top:1em !important;
    margin-bottom:1em !important;
}
.article ul
{
    margin-top:1em !important;
    margin-bottom:1em !important;
}
.FaceboxContent a
{
    color:#000 !important;
}
.FaceboxContent
{
    color:Black;
}

/*Business Directory*/
.BusinessListing
{
     Padding-bottom:10px;
}
.BusinessListing strong
{
    width: 60px;
    display:inline-block;
}
.BusinessCategories
{
    height:5px;
}
.BusinessCategories ul li
{
    list-style:none;
    display:block;
    
}
.BusinessCategories a
{
    float:left; margin-right:10px;
}
.BusinessContactInfo
{
    float:right;
    width:250px;
    margin-left:20px;   
    padding-left:10px;
    border-left:1px dotted #5b4d40  
}
.BusinessContactInfo h3
{
    font-style:italic;
}
.BusinessListing p
{
  padding-top:10px;
  min-height:6em;
}
/* Video Styles */
a.videothumb
{
    display:none;    
}
a.videothumbloaded
{
    display:block;
}
div.videoembed
{
    display:none;
}
div.videoembedloaded
{
    display:block;
}

input.WideInput
{
   width:300px;
}