/* 	Titan CMS base 5.8

 	Last updated August 16, 2011 
 	Customizations: none
	
 	Companion css files: 
	NWS_Styles.css
	Blocks.css
	
*/

/* 	SECTIONS 
	RESETS
	Text Editor Drop Downs
	PAGE LAYOUT
	CONTENT NAV
	SPECIAL CLASS NAMES
	BLOCKS
*/
@import 'blocks.css';
/* ========================================================================================== RESETS */
.titanBody,div,/*img,*/h1,h2,h3,h4,h5,h6{margin:0;padding:0;}

.titanBody p,.titanBody blockquote,
.mainBody p,.mainBody blockquote,
.Freeform p,.Freeform blockquote,.Freeform ol,.Freeform ul,.Freeform dl,
.FAQ p,.FAQ blockquote,.FAQ ol,.FAQ ul,.FAQ dl,.FAQ dl,.FAQ .ToTop,
.FormEditor p,.FormEditor blockquote,.FormEditor ol,.FormEditor ul,.FormEditor dl
{margin-bottom:12px;margin-top:0;padding-top:0;padding-bottom:0;}

.titanBody fieldset,.mainBody fieldset,
.Freeform fieldset,.DisplaySideUpload fieldset,.EventUpload fieldset,.Aggregation fieldset,.Calendar fieldset,.Product fieldset
{border:0;margin:0;padding:0;}/* don't remove these attributes, can add attributes/change values */

.Aggregation,.Calendar,.Commenting,.DisplaySideUpload,.EventUpload,.FAQ,.Freeform,.FormEditor,.PhotoBlock,.Product,.SearchResults,.SegmentedSearch,.SiteMap,.TOCBlock,.WhatsNew
{clear:both;margin-bottom:10px;}

/* section for backgrounds and borders when child floats - this hits most containers, you may need to adjust according to your design */
#mainBody,/*#pageTopArea,#topNavContainer,#topContentContainer,*/#contentArea,
#leftContentContainer,#contentNavContainer,#leftZone,#contentContainer,#toolContainer,
#centerZone,#rightZone,#bottomNavContainer,#bottomNavContainer,div.SegmentedSearch{overflow:hidden;}

.IE6 #mainBody,/*.IE6 #pageTopArea,.IE6 #topNavContainer,.IE6 #topContentContainer,*/.IE6 #contentArea,
.IE6 #leftContentContainer,.IE6 #contentNavContainer,.IE6 #leftZone,.IE6 #contentContainer,.IE6 #toolContainer,
.IE6 #centerZone,.IE6 #rightZone,.IE6 #bottomNavContainer,.IE6 #bottomNavContainer{height:1%;}

/* ========================================================================================== Text Editor Drop Downs */
h1{margin-bottom:10px;padding-bottom:8px;}/* page title */
h2{}
h3{margin-bottom:10px;padding-bottom:8px;}/* default block title */
h4{}/*default block page links */
h4 a:hover{}
h5{}
h6{}

.floatLeft{float:left;margin:0 7px 0 0;}	 
.floatRight{float:right;margin:0 0 0 7px;}

.floatRight,
.floatRight_ImgBorder{float:right;margin:0 0 0 7px;}

.floatLeft_ImgBorder,
.floatRight_ImgBorder,
.imgBorder{padding:2px;}

/*readmore - adds image bullet to right of link  */
.readMore{padding-right:15px;}

div.Yellow div.OneCol{padding:8px;}

/* ========================================================================================== PAGE LAYOUT */
#mainBody{margin:0 auto;width:988px;}

	#pageTopArea{}
		
		#logoControlContainer{float:left; padding-top:0px; width:187px; height:90px; margin-right:40px;}
			#logoControlContainer a{}
					#logoControlContainer a img{}
					#logoControlContainer a:hover{background-color:0;border-bottom:0;}
		#utilityNavContainer{width:350px; height:37px; float:right;}
			#utilityNavContainer ul{margin:0;padding:0;}
				#utilityNavContainer ul li{display:inline;}
				#utilityNavContainer ul li span{padding:0; display:none;}
						#utilityNavContainer ul li.navFirst{}
						#utilityNavContainer ul li.navLast{padding-right:0px;}
							#utilityNavContainer ul li a{padding:10px 10px 30px 10px; float:left;}			
					
		#searchBarContainer{float:right;padding-top:5px;}
			#searchBarContainer input#searchTerms{height:18px;padding:1px 3px;width:200px;}
			#searchBarContainer input#searchGo{border:0;cursor:pointer;height:23px;margin:0px;padding-top:0px; vertical-align:middle;width:55px;}
			.IE7 #searchBarContainer input#searchGo{margin-top:-10px}		

		#topNavContainer{clear:both;overflow:hidden;}
			#topNavContainer ul{margin:2px 5px 0 0;padding:0;float:left;}
				#topNavContainer ul li{float:left;height:44px;}
					#topNavContainer ul li a{float:left; margin-top:5px; padding:12px 20px;}				

	#contentAreaOuter{overflow:hidden; clear:both; margin-top:1px; width:960px; padding:15px 14px 20px 14px;}
	#contentArea{clear:both; margin-top:15px; padding:0px; _height:1%;}
		#toolContainer{padding:7px 5px 5px 5px;margin-bottom:10px; _height:1%;}
			
				#breadCrumbContainer{float:left;}
					#breadCrumbContainer ul{margin:0;padding:0;}
						#breadCrumbContainer ul li{float:left; font-size:11px;}
							#breadCrumbContainer ul li a{font-size:11px;}
							#breadCrumbContainer ul li span{padding:0 3px; font-size:11px;}
							
				#pageTools{float:right;margin-top:-1px;}
					#pageTools ul{margin:0;padding:0;}
						#pageTools ul li{float:left;padding:1px 0 1px 20px;}	
							#pageTools ul li a{}
							
		#topContentContainer{}
			#topContentContainer img{}/* rotator image */
			#topZone{}
			#titleBarContainer{margin:0; padding:20px 20px; height:30px;}
					#titleBarContainer h1{}
		#leftContentContainer{float:left;padding:0px; margin-right:20px}
			#contentNavContainer{}/* look for separate section CONTENT NAV - left column secoondary nav */		
			#leftZone{}
			
		#contentContainer{padding:0px; _float:left;  }/*centerzone, rightzone */
			#centerZone{float:left;width:437px;padding:0px 4px;}
					
			#rightZone{float:right;width:237px; }
			#rightZone .Freeform {margin-bottom: 10px;}


	/* footer */
	#bottomContainer{margin:0 auto; width:935px; padding:10px 0; height:100px;}
		#contentFooter{text-align:left; float:left; clear:none; padding-right: 10px;}
		#bottomNavContainer{text-align:left; float:right;}
			#bottomNavContainer ul{padding:0;margin:0;}
				#bottomNavContainer li{display:inline;}
					#bottomNavContainer li a{}
					#bottomNavContainer li span{margin:0 4px;}
		#poweredBy{margin-top:0px;text-align:right; color:#aaa;  clear:right;}
			#poweredBy a{color:#aaa;}

/* ========================================================================================== CONTENT NAV */
/* for base contentNavContainer is in the leftContentContainer */
#contentNavContainer{padding-bottom:20px; width:237px;}
#contentNavContainer h3{margin-bottom:10px; padding-bottom:8px;}
	/* level 1 content nav */
	#contentNavContainer ul{margin:0;padding:0;}
		#contentNavContainer ul li{}
		#contentNavContainer ul li.navFirst{}
		#contentNavContainer ul li.navLast{}
		#contentNavContainer ul li a.current{}
			#contentNavContainer ul li a{display:block; padding:5px 0px 5px 8px;}
				/* 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.navFirst{}
				.IE6 #contentNavContainer li ul li.navFirst{margin-top:6px;}
				#contentNavContainer li ul li.navLast{}
				#contentNavContainer li ul li a.current{padding:5px 0px 5px 15px;}
				.IE6 #contentNavContainer li ul li a.current{padding-left:8px;}
					#contentNavContainer li ul li a{padding:3px 0px 3px 15px;}

						/* 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.navFirst{}
						#contentNavContainer li ul li ul li.navLast{}
							#contentNavContainer li ul li ul li a{padding-left:15px;}

/* ========================================================================================== SPECIAL BLOCK CLASS NAMES */	
/* bulletMenu class that can be added to blocks like TOCBlock and Filter(Agreggation) to have the appearance of navigation */
	#mainBody div.bulletMenu ul,
	#mainBody div.Freeform ul.bulletMenu,
	#mainBody div.FAQ ul.bulletMenu,
	#mainBody div.FormEditor ul.bulletMenu,
	.IE #mainBody div.bulletMenu ul,
	.IE #mainBody div.Freeform ul.bulletMenu,
	.IE #mainBody div.FAQ ul.bulletMenu,
	.IE #mainBody div.FormEditor ul.bulletMenu{margin-left:0;}	
	
	ul.bulletMenu li,
	div.bulletMenu ul li,
	div.bulletMenu div.OneCol div,
	div.bulletMenu div.TwoCol div,
	div.bulletMenu div.OneCol div h4,
	div.bulletMenu div.TwoCol div h4{margin-bottom:2px;padding-bottom:1px;overflow:hidden;}
	
	.bulletMenu div.TwoCol div div{width:100%;}

	.IE6 ul.bulletMenu li,
	.IE6 div.bulletMenu ul li,
	.IE6 div.bulletMenu div.OneCol div,
	.IE6 div.bulletMenu div.TwoCol div,
	.IE6 div.bulletMenu div.OneCol div h4,
	.IE6 div.bulletMenu div.TwoCol div h4{height:1%;}

	ul.bulletMenu li,
	div.bulletMenu ul li,
	div.bulletMenu div.OneCol div h4,
	div.bulletMenu div.TwoCol div h4{padding-left:15px;}	

	#mainBody div.bulletMenu.SiteMap ul li ul li,
	div.bulletMenu ul.paginationFooter li{padding-left:0;}
	#mainBody div.bulletMenu.SiteMap ul{margin-left:0;}
	#mainBody div.bulletMenu.SiteMap ul li ul li ul{margin-left:14px;}

	ul.bulletMenu li,
	div.bulletMenu ul li,
	div.bulletMenu p,
	div.bulletMenu div.OneCol span.hitCount,
	div.bulletMenu div.TwoCol span.hitCount,
	div.bulletMenu div.OneCol span.date,
	div.bulletMenu div.TwoCol span.date,
	div.bulletMenu div.OneCol div.image span.hitCount,
	div.bulletMenu div.TwoCol div.image span.hitCount,
	div.bulletMenu div.OneCol div.image span.date,
	div.bulletMenu div.TwoCol div.image span.date,
	div.bulletMenu div.OneCol div.classifications,
	div.bulletMenu div.TwoCol div.classifications{padding-left:16px;margin-left:0px;}/* changes based on width of bullet image */
	
	div.bulletMenu div.OneCol div p,
	div.bulletMenu div.TwoCol div p{margin-bottom:18px;}
	
	div.bulletMenu div.OneCol div p.averageRating,
	div.bulletMenu div.TwoCol div p.averageRating{margin-bottom:0;}
	
	div.bulletMenu div.OneCol div p.linkText,
	div.bulletMenu div.TwoCol div p.linkText,
	div.bulletMenu div.OneCol div.classifications,
	div.bulletMenu div.TwoCol div.classifications{margin-top:-18px;}
	
	div.bulletMenu div.OneCol div p.linkComments,
	div.bulletMenu div.TwoCol div p.linkComments{margin-top:-13px;}

	div.bulletMenu div.image a.teaserImage{display:none;}/* don't need bullet and teaser image displaying */

	#centerZone div.bulletMenu div.OneCol div.image div.otherStuff,
	#centerZone div.bulletMenu div.TwoCol div.image div.otherStuff{margin-left:0;}/* to undo the CenterZone margin below */	

/* ========================================================================================== BLOCKS */
	/* === LISTS === faq, freeform, form editor, site map,  - use #mainBody so margin and padding don't show in wkst */
	#mainBody div.Freeform ul,
	#mainBody div.FAQ dl ul,
	#mainBody div.FormEditor ul,
	#mainBody div.SiteMap ul,
	#mainBody div.Product ul{margin-left:50px;padding-left:14;}
	
	/* === PHOTO BLOCK === */
	.PhotoBlock div.filmstrip{padding:15px 0 10px 0;}
	div.PhotoBlock div.filmstrip div h3{padding-left:5px;}
	div.PhotoBlock div.filmstrip img{cursor:pointer;float:left;margin:5px;cursor:}	
	.PhotoBlock div.webImages{text-align:left;float:left;}
	.PhotoBlock div.webImages h3{background:0;}
	.PhotoBlock div.filmstrip div h3{padding:5px 0 0 0;}
	.PhotoBlock div.leftArrow,
	.PhotoBlock div.rightArrow{margin:50px 10px;float:left;cursor:pointer;}
	div.PhotoBlock div.filmstrip div.rightArrow + div{display:none;}
	div.PhotoBlock div.filmstrip div.thumbnails{float:left;height:400px;overflow-y:scroll;width:187px;margin:0px;}
	
	div.portfolio div.filmstrip{}
	div.portfolio div.filmstrip div.mediumView{float:left;overflow:hidden;width:740px;}
	div.portfolio div.filmstrip div.mediumView div.webImages{float:left;width:650px;}
	div.portfolio div.filmstrip div.mediumView p,
	div.portfolio div.filmstrip div.mediumView h3{clear:both;padding-left:5px;}
	div.portfolio div.filmstrip div h3{padding-top:5px;padding-bottom:0;}
	div.portfolio div.filmstrip div.leftArrow,
	div.portfolio div.filmstrip div.rightArrow{cursor:pointer;float:left;height:28px;width:28px;margin:35px 7px 0 0;}
	div.portfolio div.filmstrip div.rightArrow{margin:35px 0 0 7px;}
	div.portfolio div.filmstrip div.leftArrow span,
	div.portfolio div.filmstrip div.rightArrow span{display:none;}
	div.portfolio div.filmstrip div.thumbnails{margin-top:4px;border:1px solid #dedede;float:right;width:184px;height:533px;overflow-y:scroll;padding-left:6px;}
	div.portfolio div.filmstrip div.thumbnails img{border:1px solid #eee;margin:5px 0;}
	div.portfolio div.filmstrip  img{cursor:pointer;float:left;margin:5px;}
	
	/* Portfolio filter block */
	div.filterPortfolio{overflow:hidden;}
	.IE6 div.filterPortfolio{height:1%;}
	div.filterPortfolio div.OneCol div{width:160px;float:left;clear:none;padding:15px;height:180px;margin:0 19px;border-bottom:1px #fff dotted;}
	div.filterPortfolio div.OneCol div:hover{background-color:#d8e8eb;border-bottom:1px #00a8cb dotted;}
	div.filterPortfolio div.OneCol img,
	div.filterPortfolio div.OneCol h4{float:none;margin-bottom:4px;margin-left:0;} 
	div.filterPortfolio div.OneCol a{background-color:transparent; border-bottom:0; text-decoration:none}
	
	/* banner with image list */
	.Aggregation .tools,
	.Aggregation .prevnextSmall,
	.Aggregation .bannerSmall .image .teaserImage{display:none;}
	.Aggregation .SlideShow{height:200px}
	.Aggregation .BigStuff{position:relative;float:left;}
	.Aggregation .BigStuff .image{position:absolute;top:0;left:0;}
	.Aggregation .BigStuff .image h4{margin-left:0;font-size:larger;}
	
	.Aggregation .bannerSmall{position:relative;z-index:900;float:right;}
	.Aggregation .bannerSmall div{margin:0;}
	.Aggregation .bannerSmall{height:150px;background-color:#93bccc;}
	.Aggregation .bannerSmall .image{cursor:pointer;margin:0;padding:11px 10px 10px 0;background-color:#93bccc;text-align:right;width:200px;}
	.Aggregation .bannerSmall .image h4{margin-left:0;}
	.Aggregation .bannerSmall .current{background-color:#88adbb}

/* Custom Blocks */
.TabbedFAQ{margin:0 0 4px 0;padding:0;}
.TabbedFAQ ul.tabs{background-position:left bottom;background-repeat:repeat-x;list-style:none;margin:0;padding:0;overflow:hidden;}
.IE6 .TabbedFAQ ul.tabs{height:1%;}
.TabbedFAQ ul.tabs li{float:left;}
.TabbedFAQ ul.tabs li a{float:left;padding:11px 32px 10px 32px;}
.TabbedFAQ ul.tabs li.current a{cursor:default;}

.TabbedFAQ dl{clear:both;margin:0;padding:0;}
.TabbedFAQ dt{display:none;}
.TabbedFAQ dt{border:0;}
.TabbedFAQ table{margin:17px 18px 17px 18px;}
.TabbedFAQ table table{margin:0;}
.TabbedFAQ table tr{vertical-align:top;}
.TabbedFAQ table h4{padding-bottom:0;}/*default block page links */
.TabbedFAQ table ul.thumbnails{clear:both;height:82px;list-style:none;padding-left:14px;overflow:hidden;width:300px;}
.TabbedFAQ table ul.thumbnails li{float:left;}
.TabbedFAQ table ul.thumbnails li img{cursor:pointer;padding:0;margin:0 8px;}
.TabbedFAQ .arrows{position:relative;top:-59px;width:342px;}
.TabbedFAQ .arrows span{background-repeat:no-repeat;background-position:left top;float:left;height:24px;width:24px;}
.TabbedFAQ .arrows span.next{background-position:right top;float:right;}
.TabbedFAQ dt,
.TabbedFAQ dd{display:none;}
.TabbedFAQ dt.current,
.TabbedFAQ dd.current{display:block;}
/* end cusotm blocks */