/* please read notes in WFICdefault.css */

/* ==========================================================================================  RESETS */
.titanBody
{ background:url(images/UnitedWayMilwaukee/bg.jpg) repeat-x #fff;}

.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:#333;font-family:Arial, Helvetica, sans-serif;font-size:12px;}

.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:14px;}

.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:#ccc;border:0;color:#ccc;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{color:#0a5da9;text-decoration:underline;outline:none;}

.mainBody a,.FAQ a,.FormEditor a,.Freeform a
{color:#0a5da9;text-decoration:underline;outline:none;}

.titanBody a:focus,
.titanBody a:hover,
.titanBody a:active
{color:#0a5da9;text-decoration:underline;}

.mainBody a:focus,.FAQ dd a:focus,.FormEditor a:focus,.Freeform a:focus,
.mainBody a:hover,.FAQ dd a:hover,.FormEditor a:hover,.Freeform a:hover,
.mainBody a:active,.FAQ dd a:active,.FormEditor a:active,.Freeform a:active
{color:#0a5da9;text-decoration:underline}

/* ========================================================================================== PAGE LAYOUT */
#mainBody{background-color:#fff;}

	#pageTopArea{ background:url(images/UnitedWayMilwaukee/bg_pagetop.gif) no-repeat; border-bottom:10px solid #788EC7;}
	
		#logoControlContainer{}
			#logoControlContainer a{}
				#logoControlContainer a img{}
				
		#searchBarContainer{}
			#searchBarContainer input#searchTerms{font-family:Arial,Helvetica,sans-serif; background-color:#fff; border:1px solid #000;}
			#searchBarContainer input#searchGo{ background:url(images/UnitedWayMilwaukee/bn_search.gif) no-repeat; line-height:35px; font:#fff;}
			#searchBarContainer input#searchGo:hover{}		

		#utilityNavContainer{text-align:right;font-family:Arial,Helvetica,sans-serif;color:#006699}
			#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:#006699;font-size:10px;text-decoration:none;}
					#utilityNavContainer ul li a:focus,
					#utilityNavContainer ul li a:hover,
					#utilityNavContainer ul li a:active{color:#006699; text-decoration:underline;}
					
		#topNavContainer{font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#101780; border-top:8px solid #788EC7;}
			#topNavContainer ul{list-style:none;}
				#topNavContainer ul li{}
				#topNavContainer ul li.navFirst{}
				#topNavContainer ul li.navLast{border-right:0;}
					#topNavContainer ul li span{}/* separator */
					#topNavContainer ul li a{color:#fff; text-decoration:none;}
					#topNavContainer ul li.navFirst a{}
					#topNavContainer ul li.navLast a{}
					#topNavContainer ul li a:focus,
					#topNavContainer ul li a:hover,
					#topNavContainer ul li a:active{color:#fff;}
					#topNavContainer ul li a.current{color:#fff; background-color:#788EC7;}

		#topContentContainer{}
			#topContentContainer img{}/* rotator image */

	#contentArea{}
		#leftContentContainer{}
			#contentNavContainer{font-size:14px;font-weight:bold;}
			/* look for separate section CONTENT NAV */
			#leftZone{}	
			
		#contentContainer{}/* breadcrumb, pagetools, centerzone, rightzone */
			#toolContainer{font-size:11px;}
				#breadCrumbContainer{}
					#breadCrumbContainer ul{list-style:none;}
						#breadCrumbContainer ul li{}
							#breadCrumbContainer ul li a{text-decoration:none;}
							#breadCrumbContainer ul li a:focus,
							#breadCrumbContainer ul li a:hover,
							#breadCrumbContainer ul li a:active{}
							
				#pageTools{float:right;}
					#pageTools ul{list-style:none;}
						#pageTools ul li{}
						#pageTools ul li.print{background:url('images/print.gif') no-repeat left top;}
						#pageTools ul li.email{background:url('images/email.gif') no-repeat left top;padding-right:15px;}
							#pageTools ul li a{text-decoration:none;}
							#pageTools ul li a:focus,
							#pageTools ul li a:hover,
							#pageTools ul li a:active{}
						
	/* footer */
#bottomContainer{background-color:#101780;color:#fff; border-bottom: solid 2px #000;}
	#bottomContainer a{color:#fff;text-decoration:none;} 
	#bottomContainer a:focus,
	#bottomContainer a:hover,
	#bottomContainer a:active{color:#ccc;}
	
		#bottomNavContainer{}
			#bottomNavContainer ul{}
				#bottomNavContainer ul li{}
					#bottomNavContainer ul li a{font-size:11px;}
					#bottomNavContainer ul li a:focus,
					#bottomNavContainer ul li a:hover,
					#bottomNavContainer ul li a:active{text-decoration:underline;}
			
		#contentFooter{ font-size:11px;color:#feac31;}
		#contentFooter p{padding:0; margin:0; }
		
		#poweredBy{}
			#poweredBy a{}
			#poweredBy a:focus,
			#poweredBy a:hover,
			#poweredBy a:active{}


/* ========================================================================================== CONTENT NAV */
/* level 1 content nav */
#contentNavContainer ul{list-style:none;}
	#contentNavContainer ul li{font-family:Arial, Helvetica, sans-serif;}
	#contentNavContainer ul li.navLast{background:0;}
	#contentNavContainer ul li.navFirst a.current{text-decoration:none;color:#fff;}
	#contentNavContainer ul li.navLast{}
		#contentNavContainer ul li a{text-decoration:none; color:#101780;  border-bottom:1px solid #101780;}
		#contentNavContainer ul li a:focus,
		#contentNavContainer ul li a:hover,
		#contentNavContainer ul li a:active{text-decoration:none;color:#fff;}
		
			/* 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{text-decoration:none; color:#101780;}
				#contentNavContainer li ul li a:focus,
				#contentNavContainer li ul li a:hover,
				#contentNavContainer li ul li a:active{text-decoration:none;color:#fff;}
				#contentNavContainer li.navFirst ul li a.current{text-decoration:none;color:#fff;}
				
					/* 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:focus,
						#contentNavContainer li ul li ul li a:hover,
						#contentNavContainer li ul li ul li a:active{}
						
/* ========================================================================================== BLOCKS */
/* Labels */
.DisplaySideUpload label,
.Commenting .label,
.OneCol .label,
.TwoCol .label,
.OneCol label,
.TwoCol label,
.CalendarResults .data label,
.EventUpload label,
#LoginScreen label,
.tocList label,
.tocList .label{font-weight:bold;}

/* bulletMenu class that can be added to blocks like TOCBlock and Filter(Agreggation) to have the appearance of navigation */
.bulletMenu h4 a{background:url('images/bgReadMoreBullet.gif') no-repeat left 2px;font-weight:normal;text-decoration:none;padding-left:15px;}
.bulletMenu h4 a:focus,
.bulletMenu h4 a:hover,
.bulletMenu h4 a:active{}

/* OneCol & TwoCol ream more link color */
div.OneCol a,
div.TwoCol a,
div.SiteMap a,
div.tocList a{text-decoration:none;}

div.OneCol h4 a,
div.TwoCol h4 a,
div.SiteMap h4 a,
div.tocList h4 a{text-decoration:none; color:#28220b;}

div.OneCol div.image a img,
div.TwoCol div.image a img,
div.tocList div.image a img{}

div.OneCol div.classifications span,
div.TwoCol div.classifications span,
div.tocList div.classifications span{font-weight:bold;}

/* FAQ */
/* FAQ */
.FAQ ul a{text-decoration:none;}
.FAQ ul a:focus,
.FAQ ul a:hover,
.FAQ ul a:active{text-decoration:none;}
.FAQ dl ul a{text-decoration:underline;}
.FAQ dt{font-weight:bold;border-top:1px solid #ccc;}
.FAQ div.titan_faq_q dl dt{border:0;padding-top:0;}/* wkst only */
.FAQ ul{list-style:none;}
.FAQ dl ul{list-style:disc;}

/*SITE MAP */
.SiteMap ul{list-style:none;}
.SiteMap ul li{font-weight:bold;}
.SiteMap li ul li{font-weight:normal;}

/* ALPHA LIST */
.alphaList{list-style:none;}
.alphaList li a{font-weight:bold;}
.alpha a,
.alpha a:hover{text-decoration:none;}
.alpha div a:hover{text-decoration:underline;}

/* SEARCH RESULTS */
.SearchResults h4.docMatch i{color:#bf0000;}
.SearchResults .didYouMean{border-bottom:1px solid #ccc;}

/* Pagination */
ul.paginationFooter{text-align:right;}
ul.paginationFooter a,
ul.pagination a{text-decoration:none;list-style:none;}

/* CALENDAR - EVENT UPLOAD CALENDAR */
.calendarCallOut table td,
.EventUpload .DatePicker td,
.EventUpload .DatePicker{background:#eee;}
.calendarCallOut table td,
.EventUpload .DatePicker td{border:1px solid #ccc;text-align:center;}
.calendarCallOut table .arrow,
.EventUpload .DatePicker .arrow,
.EventUpload .DatePicker .caption th + th + th + th{color:#333}
.calendarCallOut table .arrow:hover,
.EventUpload .DatePicker .caption th + th + th + th:hover,
.EventUpload .DatePicker .arrow:hover{color:#777}
.calendarCallOut table .otherMonth,
.EventUpload .DatePicker .otherMonth{background:#ccc}
.calendarCallOut table .selected,
.EventUpload .DatePicker .selected{font-weight:bold;background:#fdfdfd;}
.calendarCallOut .calendarNav{text-align:center;}
.calendarCallOut .calendarNav span{cursor:pointer;font-weight:bold;color:#444}
.calendarCallOut .calendarNav span.selected,
.calendarCallOut .calendarNav span:hover{color:#777}

/* ERROR MESSAGES */	
.FormEditor .ErrorMessage,
.EventUpload .ErrorMessage,
.commentForm .ErrorMessage{background-color:#f6f1de;border:1px solid #e0d0b1;}
.FormEditor .ErrorMessage,
.FormEditor .errorMessage,
.EventUpload .ErrorMessage,
.commentForm .ErrorMessage,
.commentForm .messageOn,
.EventUpload .messageOn,
#LoginScreen .ErrorMessage{color:#bf0000;}

/* PHOTO BLOCK */	
.PhotoBlock div.filmstrip div h3{color:#555;font-size:11px;}
.PhotoBlock div.webImages{text-align:center;}

/* COMMENTS */
.Commenting .summary,
.comments .OneCol div{border-bottom:1px solid #ccc;}
.comments .OneCol div div{border-bottom:0;}

/* EVENT UPLOAD */
.EventUpload .startDate .icon,
.EventUpload .endDate .icon{background:url('images/thbCalendar.png') no-repeat left top;}

/* LOG IN */
#LoginScreen fieldset{background:transparent;}
#LoginScreen fieldset legend{color:#b4592d;font-size:14px;}

/* COMMENT FORM POP UP  - when coming from an TOC or Filter block Read Comments or Write Comments Link */
.commentFormPop #contentArea,
.commentsPop #contentArea{background:0;}