/* ==========================================================================================  RESETS */
.titanBody
{background:#fefefe url('/ClientCSS/images/brownieVImages/bgBody.jpg') repeat-x left top;}

.titanBody,.mainBody,.Freeform,.FormEditor,.FAQ, 
.titanBody input,.titanBody select,.titanBody textarea, 
.mainBody input,.mainBody select,.mainBody textarea,  
.FAQ input,.FAQ select,.FAQ textarea,
.FormEditor input,.FormEditor select,.FormEditor textarea,
.Freeform input,.Freeform select,.Freeform textarea
{color:#444;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;}

.titanBody p,.titanBody blockquote,
.mainBody p,.mainBody blockquote,
.Freeform p,.Freeform blockquote,.Freeform ol,.Freeform ul,.Freeform dl,.Freeform textarea
.FAQ p,.FAQ blockquote,.FAQ ol,.FAQ ul,.FAQ dl,.FAQ dl,.FAQ textarea,
.FormEditor p,.FormEditor blockquote,.FormEditor ol,.FormEditor ul,.FormEditor dl,.FormEditor textarea
{line-height:16px;}

.Aggregation img,.Calendar img,.Commenting img,.PhotoBlock img,.SearchResults img,.SiteMap img,.TOCBlock img,.WhatsNew img,
.Freeform a img,.FormEditor a img,.FAQ a img
{border:0;}

.titanBody hr,.mainBody hr,
.Freeform hr,.FormEditor hr,.FAQ hr
{background-color:#ddd;border:0;color:#ddd;height:1px;}

.titanBody fieldset,.mainBody fieldset,
.Freeform fieldset,.DisplaySideUpload fieldset,.AggregationFilter fieldset,.Calendar fieldset
{background:transparent;}/* don't remove this attributes, can add attributes-change values */

.titanBody a,.mainBody a,.FAQ a,.FormEditor a,.Freeform a
{color:#156b6f;text-decoration:underline;outline:none;}

.titanBody a:hover,.mainBody a:hover,.FAQ dd a:hover,.FormEditor a:hover,.Freeform a:hover,
.titanBody a:focus,.mainBody a:focus,.FAQ dd a:focus,.FormEditor a:focus,.Freeform a:focus,
.titanBody a:active,.mainBody a:active,.FAQ dd a:active,.FormEditor a:active,.Freeform a:active
{color:#565656;text-decoration:underline}

/* ========================================================================================== Text Editor Drop Downs */
h1{color:#cc0033;font:bold 16px "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif;}/* page title */
h2{color:#0b495b;font:16px "Trebuchet MS",Arial,Helvetica,sans-serif;}
h3{color:#050505;font-size:14px;}/* default block title */
h4{color:#556;font-size:11px;}/*default block page links */
h5{color:#2d4f67;font-size:11px;}
h6{color:#666;font-size:11px;}

.floatLeft_ImgBorder,
.floatRight_ImgBorder,
.imgBorder{border:1px solid #ccc;}

.readMore{background:url('/ClientCSS/images/brownieVImages/bgReadMoreBullet.gif') no-repeat right 2px;}
.readMore a{text-decoration:none;}

/* ========================================================================================== PAGE LAYOUT */
#mainBody{}

	#pageTopArea{}
	
		#logoControlContainer{}
			#logoControlContainer a{}
				#logoControlContainer a img{}
				
		#searchBarContainer{}
			#searchBarContainer input#searchTerms{border:1px solid #fff;font-family:Arial,Helvetica,sans-serif;}
			#searchBarContainer input#searchGo{background:#cc0033;color:#e5e5e5;font-size:10px;}
			#searchBarContainer input#searchGo:hover,
			#searchBarContainer input#searchGo:focus,		
			#searchBarContainer input#searchGo:active{background:#818181;color:#fefefd;}		

		#utilityNavContainer{color:#949492;font-family:Arial,Helvetica,sans-serif;text-align:right;}
			#utilityNavContainer ul{list-style:none;}
				#utilityNavContainer ul li{}
				#utilityNavContainer ul li.navFirst{}
				#utilityNavContainer ul li.navLast{}
					#utilityNavContainer ul li span{}/* separator */
					#utilityNavContainer ul li a{color:#474746;font-size:10px;text-decoration:none;}
					#utilityNavContainer ul li a:hover,
					#utilityNavContainer ul li a:focus,					
					#utilityNavContainer ul li a:active{color:#121212;}
					
		#topNavContainer{font-family:"Lucida Sans Unicode",Arial,Helvetica,sans-serif;}
			#topNavContainer ul{list-style:none;}
				#topNavContainer ul li{border-right:1px solid #bebebc;}
				#topNavContainer ul li.navFirst{}
				#topNavContainer ul li.navLast{border-right:0;}
					#topNavContainer ul li span{}/* separator */
					#topNavContainer ul li a{background-color:#cc0033;color:#ffe;font-family:"Lucida Sans Unicode",Arial,Helvetica,sans-serif;text-decoration:none;text-transform:uppercase;}
					#topNavContainer ul li.navFirst a{background-image:url('/ClientCSS/images/brownieVImages/bgTopNav.png');background-repeat:no-repeat;background-position:left top;}
					#topNavContainer ul li.navLast a{background-image:url('/ClientCSS/images/brownieVImages/bgTopNav.png');background-repeat:no-repeat;background-position:right -29px;}
					.IE6 #topNavContainer ul li.navFirst a{background-image:url('/ClientCSS/images/brownieVImages/bgTopNavIE6.gif');background-repeat:no-repeat;background-position:left top;}
					.IE6 #topNavContainer ul li.navLast a{background-image:url('/ClientCSS/images/brownieVImages/bgTopNavIE6.gif');background-repeat:no-repeat;background-position:right top;}
					#topNavContainer ul li a:hover,
					#topNavContainer ul li a:focus,					
					#topNavContainer ul li a:active,
					#topNavContainer ul li a.current{color:#c2c2c2;}

		#topContentContainer{}
			#topContentContainer img{}/* rotator image */

	#contentArea{background:url('/ClientCSS/images/brownieVImages/bgContentArea.gif') repeat-y 182px top;}
		#leftContentContainer{}
			#contentNavContainer{}
			/* look for separate section CONTENT NAV */
			#leftZone{}	
			
		#contentContainer{}/* breadcrumb, pagetools, centerzone, rightzone */
			#toolContainer{border-bottom:1px solid #d9d9d8;border-top:1px solid #d9d9d8;font-family:Arial,Helvetica,sans-serif;}
				#breadCrumbContainer{}
					#breadCrumbContainer ul{list-style:none;}
						#breadCrumbContainer ul li{}
							#breadCrumbContainer ul li a{text-decoration:none;}
							#breadCrumbContainer ul li a:hover,
							#breadCrumbContainer ul li a:focus,							
							#breadCrumbContainer ul li a:active{}
							
				#pageTools{float:right;}
					#pageTools ul{list-style:none;}
						#pageTools ul li{}
						#pageTools ul li.print a{background:url(/ClientCSS/images/brownieVImages/emailPrint.gif) no-repeat -84px 0;}
						#pageTools ul li.email a{background:url(/ClientCSS/images/brownieVImages/emailPrint.gif) no-repeat left 2px;}
							#pageTools ul li a{text-decoration:none;}
							#pageTools ul li a:hover,
							#pageTools ul li a:focus,							
							#pageTools ul li a:active{}
						
	/* footer */
	#bottomContainer{background:url('/ClientCSS/images/brownieVImages/bgFooter.jpg') no-repeat center top;color:#999;}
	#bottomContainer a{color:#989898;text-decoration:none;} 
	#bottomContainer a:hover,
	#bottomContainer a:focus,	
	#bottomContainer a:active{color:#767676;}
	
		#bottomNavContainer{}
			#bottomNavContainer ul{}
				#bottomNavContainer ul li{}
					#bottomNavContainer ul li a{}
					#bottomNavContainer ul li a:hover,
					#bottomNavContainer ul li a:focus,					
					#bottomNavContainer ul li a:active{text-decoration:underline;}
			
		#contentFooter{}
		
		#poweredBy{}
			#poweredBy a{}
			#poweredBy a:hover,
			#poweredBy a:focus,		
			#poweredBy a:active{}


/* ========================================================================================== CONTENT NAV */
/* level 1 content nav */
#contentNavContainer ul{list-style:none;}
	#contentNavContainer ul li{font-family:"Lucida Sans Unicode",Arial,Helvetica,sans-serif;}
	#contentNavContainer ul li.navLast{}
	#contentNavContainer ul li.navFirst a.current{border-bottom:1px solid #ccc;color:#4c7081;font-size:12px;font-weight:bold;text-transform:uppercase;}
		#contentNavContainer ul li{}
		#contentNavContainer ul li a{text-decoration:none;}
		#contentNavContainer ul li a:hover,
		#contentNavContainer ul li a:focus,		
		#contentNavContainer ul li a:active{}
		
			/* level 2 and beyond content nav - will use level 1 if you don't write anything here */
			#contentNavContainer li ul{}
			#contentNavContainer li ul li{}
				#contentNavContainer li ul li a{color:#434343;background:url('/ClientCSS/images/brownieVImages/bgContentNav.gif') repeat-x right bottom;}
				#contentNavContainer li ul li a:hover,
				#contentNavContainer li ul li a:focus,
				#contentNavContainer li ul li a:active,
				#contentNavContainer li ul li a.current{background:url('/ClientCSS/images/brownieVImages/bgContentNav.gif') repeat-x left bottom;}
				#contentNavContainer li.navFirst ul li a.current{border-bottom:0;color:#4c7081;font-size:11px;font-weight:normal;text-transform:capitalize;}
				
					/* level 3 and beyond content nav - will use level 2 if you don't write anything here */
					#contentNavContainer li ul li ul{}
					#contentNavContainer li ul li ul li{}
						#contentNavContainer li ul li ul li a{}
						#contentNavContainer li ul li ul li a:hover,
						#contentNavContainer li ul li ul li a:focus,
						#contentNavContainer li ul li ul li a:active{}
						
/* ========================================================================================== SPECIAL CLASS NAMES */
/*readmore - adds image bullet to right of link  */
.readMore{background:url('/ClientCSS/images/brownieVImages/bgReadMoreBullet.gif') no-repeat right 2px;}
.readMore a{text-decoration:none;}

/* bulletMenu class that can be added to blocks like TOCBlock and Filter(Agreggation) to have the appearance of navigation */
.bulletMenu h4{background:url('/ClientCSS/images/brownieVImages/bgReadMoreBullet.gif') no-repeat left 2px;font-weight:normal;padding-left:15px;text-decoration:none;}
.bulletMenu h4 a{}
.bulletMenu h4 a:hover,
.bulletMenu h4 a:focus,
.bulletMenu h4 a:active{}	
	
/* ========================================================================================== BLOCKS */
/* class automatically added to all blocks depending on what zone they are in */
	div.TopLeftZone{}
	div.LeftZone{}
	div.CenterZone{}
	div.RightZone{}
	
/*  general shared tags and classes */
	/* === BLOCK HEADINGS === non-text editor blocks with h3 titles */
	div.Aggregation h3, /* on alpha list filter it's the heading for the alpha section */
	div.TOCBlock h3,
	div.WhatsNew h3,
	div.SiteMap h3,
	div.LogIn h3,
	div.UserAccount h3,
	div.Commenting h3,
	div.SearchResults h3,
	div.Calendar h3, /* date range above the event listing */
	div.PhotoBlock h3, /* block heading, filmstrip heading and large photo heading */
	div.EventUpload h3{}
	
	/* === BLOCK TEASER IMAGES === filter (alpha list = tocList), toc, what's new,  search results, calendar, photo block */
	div.OneCol div.image a img,
	div.TwoCol  div.image a img,
	div.tocList div.image a img
	/*div.PhotoBlock div.thumbnails img*/{border:1px solid #ddd}

	/* === BLOCK TEASER HEADINGS === filter (alpha list = tocList),, toc, what's new,  search results, calendar  - these styles will show when the h4 is not a link */
	div.OneCol h4,
	div.TwoCol h4,
	div.SiteMap h4,
	div.tocList h4{}	
	
	/* === BLOCK LINKS ===  filter (alpha list = tocList), toc, what's new,  search results, calendar, site map */
	/* h4 - teaser page title when a link */
	div.OneCol h4 a,
	div.TwoCol h4 a,
	div.SiteMap li a,
	div.tocList h4 a{text-decoration:none;}
	
	div.OneCol h4  a:hover,
	div.OneCol h4  a:focus,
	div.OneCol h4  a:active,
	div.TwoCol h4  a:hover,
	div.TwoCol h4  a:focus,
	div.TwoCol h4  a:active,
	div.SiteMap li  a:hover,
	div.SiteMap li  a:focus,
	div.SiteMap li  a:active,
	div.tocList h4  a:hover,
	div.tocList h4  a:focus,
	div.tocList h4  a:active{text-decoration:none;}
	
	/* read more link */
	div.OneCol p.linkText a,
	div.TwoCol p.linkText a,
	div.tocList p.linkText a{text-decoration:none;}
	
	div.OneCol p.linkText a:hover,
	div.OneCol p.linkText a:focus,
	div.OneCol p.linkText a:active,
	div.TwoCol p.linkText a:hover,
	div.TwoCol p.linkText a:focus,
	div.TwoCol p.linkText a:active,
	div.tocList p.linkText a:hover,
	div.tocList p.linkText a:focus,
	div.tocList p.linkText a:active{text-decoration:underline;}

	/* comments link on filter, toc, what's new, calendar, search results */
	div.OneCol p.linkComments a,
	div.TwoCol p.linkComments a,
	div.tocList p.linkComments a{text-decoration:none;}	

	div.OneCol p.linkComments a:hover,
	div.OneCol p.linkComments a:focus,
	div.OneCol p.linkComments a:active,
	div.TwoCol p.linkComments a:hover,
	div.TwoCol p.linkComments a:focus,
	div.TwoCol p.linkComments a:active,
	div.tocList p.linkComments a:hover,
	div.tocList p.linkComments a:focus,
	div.tocList p.linkComments a:active{text-decoration:underline;}		
	
	/* === BLOCK PARAGRAPH === filter (alpha list = tocList), toc, what's new, search results, calendar, site map */	
	
	/* === BLOCK AVERAGE REVIEW === filter (alpha list = tocList), toc, what's new, search results, calendar*/
	
	/* === BLOCK CLASSIFICATIONS === filter, toc, what's new */
	
	/* === BLOCK HIT COUNT (not base), DATE (not base)  & VIEW COMMENT === */
	
	/* === BLOCK ALT ROW === filter (alpha list = tocList), toc, what's new, search results, commenting, calendar */
	
	/* === LABELS === filter (alpha list = tocList), toc, what's new, search results, calendar, comments, display side upload, event upload */
	div.OneCol div.classifications span,
	div.TwoCol div.classifications span,
	div.tocList div.classifications span,
	div.CalendarResults .data label,
	div.DisplaySideUpload label,
	div.Commenting .label,
	#recaptcha_area span.recaptcha_only_if_image,
	div.EventUpload label,
	div.LogIn label,
	div.UserAccount div.accountForm div label,
	div.UserAccount div.hintQuestions div label{font-weight:bold;}
	
	div.LogIn div.remember label{font-weight:normal;}
	
	/* === PAGINATION  === search results, filter, calendar */	
	ul.paginationFooter{text-align:right;}
	ul.paginationFooter a,
	ul.pagination a{list-style:none;text-decoration:none;}

	/* === MONTHLY CALENDAR TABLE === calendar, event upload  */	
	div.Calendar div.calendarCallOut table td,
	div.EventUpload div.DatePicker td,
	div.EventUpload div.DatePicker{background:#eee;}
	div.Calendar div.calendarCallOut table td,
	div.EventUpload div.DatePicker td{border:1px solid #ccc;text-align:center;}
	div.Calendar div.calendarCallOut table .arrow,
	div.EventUpload div.DatePicker .arrow,
	div.EventUpload div.DatePicker .caption th + th + th + th{color:#333}
	div.Calendar div.calendarCallOut table .arrow:hover,
	div.EventUpload div.DatePicker .caption th + th + th + th:hover,
	div.EventUpload div.DatePicker .arrow:hover{color:#777}
	div.Calendar div.calendarCallOut table td.otherMonth,
	div.EventUpload div.DatePicker td.otherMonth{background:#ccc}
	div.Calendar div.calendarCallOut table td.selected,
	div.EventUpload div.DatePicker td.selected{background:#fffefe;font-weight:bold;}
	div.Calendar div.calendarCallOut div.calendarNav{text-align:center;}
	div.Calendar div.calendarCallOut div.calendarNav span{color:#444;cursor:pointer;font-weight:bold;}
	div.Calendar div.calendarCallOut div.calendarNav span.selected,
	div.Calendar div.calendarCallOut div.calendarNav span:hover{color:#777}	

	/* === FILTERS === filter, calendar, registration  */
	
/*  end general shared tags and elements */
	
/* FORM BLOCKS commenting, event upload, file upload, filter, log in, registration */
	/* === ERROR MESSAGES === */	
	div.FormEditor div.ErrorMessage,
	div.EventUpload div.ErrorMessage,
	div.commentForm div.ErrorMessage,
	div.LogIn div.ErrorMessage,
	div.LogIn div.ErrorText,
	div.UserAccount div.ErrorMessage{background:#f7f7f7;border:1px solid #ccc;}
	
	div.FormEditor div.ErrorMessage,
	div.FormEditor div.errorMessage,
	div.EventUpload div.ErrorMessage,
	div.commentForm div.ErrorMessage,
	div.LogIn div.ErrorMessage,
	div.LogIn div.ErrorText,
	div.UserAccount div.ErrorMessage,
	div.commentForm div.messageOn,
	div.EventUpload div.messageOn{color:#8D0D2B;}
/*  end form block */

/* individual blocks - other than freeform, faq, form editor those are way above this */
	/* === ALPHA LIST - filter block === */
	div.Aggregation ul.alphaList {list-style:none;}
	div.Aggregation ul.alphaList li a{font-weight:bold;}
	div.Aggregation div.alpha a,
	div.Aggregation div.alpha a:hover,
	div.Aggregation div.alpha a:focus,
	div.Aggregation div.alpha a:active{text-decoration:none;}
	div.Aggregation div.alpha div a:hover,
	div.Aggregation div.alpha div a:focus,
	div.Aggregation div.alpha div a:active{text-decoration:underline;}

	/* === CALENDAR === */
	div.Calendar h4{font-size:12px;}
	#rightZone div.Calendar{background:transparent;border:0;}
	
	/* === COMMENTING === */
	.Commenting .summary,
	.comments .OneCol div{border-bottom:1px solid #ddd;}
	.comments .OneCol div div{border-bottom:0;}
	
	/* === EVENT UPLOAD === */
	.EventUpload .startDate .icon,
	.EventUpload .endDate .icon{background:url('/ClientCSS/images/brownieVImages/thbCalendar.gif') no-repeat left top;}
	
	/* === FAQ === */
	/* question area */
	div.FAQ ul{list-style:none;}
	div.FAQ ul a{text-decoration:none;}
	div.FAQ ul a:hover,
	div.FAQ ul a:focus,
	div.FAQ ul a:active{text-decoration:none;}
	
	/* answer area */
	div.FAQ dl ul a{text-decoration:underline;}
	div.FAQ dl ul a:hover,
	div.FAQ dl ul a:focus,
	div.FAQ dl ul a:active{text-decoration:underline;}
	div.FAQ dt{font-weight:bold;border-top:1px solid #ccc;}
	div.FAQ div.titan_faq_q dl dt{border:0;}/* wkst only */
	div.FAQ dl ul{list-style:disc;}
	
	/* === FILE UPLOAD === */
	
	/* === FILTER === */
	
	/* === FORM EDITOR === */
	
	/* === FREEFORM === */
	
	/* === LOG IN === */
	
	/* === PAGE SHARE === */
	div.SharePage{background:0;border:0;}
 
	/* === PHOTO BLOCK === */	
	div.PhotoBlock div.filmstrip div h3{color:#555;font-size:11px;font-weight:bold;}
	div.PhotoBlock div.filmstrip div.leftArrow{background:url('/ClientCSS/images/brownieVImages/btnPrevNextArrows.gif') no-repeat left top;}
	div.PhotoBlock div.filmstrip div.rightArrow{background:url('/ClientCSS/images/brownieVImages/btnPrevNextArrows.gif') no-repeat right top;}
	div.PhotoBlock div.filmstrip div.leftArrow:hover{background-position:left bottom;}
	div.PhotoBlock div.filmstrip div.rightArrow:hover{background-position:right bottom;}
	div.PhotoBlock div.filmstrip div.rightArrow,
	div.PhotoBlock div.filmstrip div.leftArrow{color:#fff;font-size:0;line-height:50;}
	div.PhotoBlock div.filmstrip div.thumbnails{border:1px solid #ddd;}
	
	/* === REGISTRATION === */
	
	/* === SEARCH RESULTS === */
	div.SearchResults h4.docMatch i{color:#bf0000;}
	div.SearchResults .didYouMean{border-bottom:1px solid #ddd;}
	div.SearchResults div.smartSearchResults{background:#f7f7f7;border:1px solid #ccc;}
	
	/* === SITE MAP === */
	div.SiteMap ul{list-style:none;}
	div.SiteMap ul li{font-weight:bold;}
	div.SiteMap li ul li{font-weight:normal;}
	
	/* === TOCBLOCK === */
	
	/* === WHAT'S NEW === */


/* ==========================================================================================  POP UP PAGES */
	/* === COMMENTING POP UP === when coming from an TOC or Filter block Read Comments or Write Comments Link */
	div.commentFormPop,
	div.commentsPop{}
	div.commentFormPop #contentArea,
	div.commentsPop #contentArea{background:0;}