@import "lightbox.css";
/* resets */

.titanBody, div, img, h1, h2, h3, h4, h5, h6{margin:0;padding:0;} 
.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,Verdana,Helvetica,sans-serif; font-size:12px;}

.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,
.FormEditor p,.FormEditor blockquote,.FormEditor ol,.FormEditor ul,.FormEditor dl
{margin-bottom:12px; margin-top: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,
.FormEditor p,.FormEditor blockquote,.FormEditor ol,.FormEditor ul,.FormEditor dl,
.FAQ textarea,.FormEditor textarea,.Freeform textarea
{line-height:18px;}


.titanBody img,.mainBody img,
.Freeform img,.FormEditor img,.FAQ img
{border:0;}

.titanBody hr,.mainBody hr,
.Freeform hr,.FormEditor hr, .FAQ hr
{border:0; height:1px; background:#fff; color:#fff;}

.titanBody fieldset,.mainBody fieldset,
.Freeform fieldset,.DisplaySideUpload fieldset,.AggregationFilter fieldset,.Calendar fieldset
{background:#fff;border:0;margin:0;padding:0;}/* don't remove these attributes, can add attributes-change values */


.Freeform,.Calendar,.FAQ,.Aggregation,.FormEditor,.SearchResults,.SearchResultsCombined,.SiteMap,.TOCBlock,.WhatsNew,.PhotoBlock
{clear:both;}


/* h1-h6 are the only ones that should have no preceding selectors, large margins and padding will not look good in te paragraph style drop down */
h1 { /* titleBarContainer */
	color:#354f65;
	font:bold 24px "Arial Narrow", Arial, Trebuchet, Helvetica, sans-serif; text-transform:uppercase;
}

h2 {
	color:#354f65;
	font:bold 18px "Arial Narrow", Arial, Trebuchet, Helvetica, sans-serif;	
}

h3 { /* block title */
	color:#354f65;
	font:bold 16px "Arial Narrow", Arial, Trebuchet, Helvetica, sans-serif;	text-transform:uppercase;
}

h4{/* block links  */
	color:#000;
	font:bold 12px Arial, Trebuchet, Helvetica, sans-serif; text-transform:uppercase; margin-bottom: 3px;
}

h5{
	color:#333;
	font:bold 12px Arial, Trebuchet, Helvetica, sans-serif;		
}

h6 {
	color:#666;
	font:bold 12px Arial, Trebuchet, Helvetica, sans-serif;	
}


/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	
	START FIXED NAME CONTENT BOUNDARIES
	
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  */
.titanBody {background:#f2f2f2;}
	
#mainBody{
	margin:0 auto; /* centers content in display */
	/* position:relative; used if absolute positioning is used - currently not used for this css */
	width:955px; /* total width for display area - fixed width layout */
}
	/* ==== start top area ==== */
	/* pageTopArea includes logoControlContainer, utilityNavContainer, searchBarContainer, topNavContainer, and topContentContainer */
	#pageTopArea{
		width: 955px;
		margin:0px auto;
		overflow:hidden; /* don't use this if also using position:relative */
		height: 113px;
		padding:0px 0px 2px 0px;
		background: url(images/bg_JoyG_pagetop.jpg) repeat-x #fff;
		border-top:4px solid #d2232a;
		/* position:relative; used if absolute positioning is used, dont' use with overflow - currently not used for this css */
	}
	/*.MacPPC #pageTopArea{
		height: 128px;
		padding:0px 0px 2px 0px;
		
	} */
		/* logoControlContainer will display on left, utililtyNavContainer and searchBarContainer on right */
		#logoControlContainer{float:left;  /* of logo image */ margin:5px 0px 0px 0px;  /* in addition to logo */ padding-left:9px;  width:257px; height: 81px;/* of logo image */}
		#SmallLogosContainer {float:left; margin:25px 0px 0px 24px; width: 180px;}
		#SmallLogosContainer img{padding-right: 5px; border:0px;}
		#Preferences {float: right; padding: 0 8px 0 0; width: 250px;  /* height:31px; need to take out the width and height*/}
		
		#languageNavContainer {
				height:20px;
				float: right;
				margin:10px 0px 0px 0px;
				overflow:hidden; 
				text-align:right; 
				font-size: 11px;
			}
			#languageNavContainer span.label {padding: 0 3px 0 0; float:left; font-weight: bold;}
			
			#languageNavContainer ul {list-style:none; margin:0px; padding:0px; float: left;}
			
			#languageNavContainer ul li {display:inline; margin:0px; float: left;}
				#languageNavContainer ul li span{marging: 0px; padding:0;}
				#languageNavContainer ul li.navFirst {font-weight:bold;}		
				/* to make changes to default link styles */
				#languageNavContainer ul li a {font:11px Arial, Helvetica, sans-serif; font-weight: normal; padding: 0px 2px 0px 2px;}
				#languageNavContainer ul li a:link {}
				#languageNavContainer ul li a:visited{}
				#languageNavContainer ul li a:hover {}
				#languageNavContainer ul li a:active{}
				#languageNavContainer ul li a.navFirst {}
				#languageNavContainer ul li a.navLast {}
				
		#utilityNavContainer {
				float:right;
				height:20px;
				margin:10px 0px 0px 0px;
				padding: 0 5px 0 0;
				overflow:hidden; 
				text-align:right; 
				width:450px; /* width to fill space and place better - in relation to logo and search bar */
			}

		/*.IE #utilityNavContainer {margin:8px 0px 0px 0px;}*/
			#utilityNavContainer ul {list-style:none; margin:0px; padding:0px;}
			#utilityNavContainer ul li {display:inline;	margin:0px 0px; }
				#utilityNavContainer ul li span{marging: 0px; padding:0; color:#666;}		
				/* to make changes to default link styles */
				#utilityNavContainer ul li a {font:11px Arial, Helvetica, sans-serif; padding: 0px 3px 0px 3px;}
				#utilityNavContainer ul li a:link {}
				#utilityNavContainer ul li a:visited{}
				#utilityNavContainer ul li a:hover {}
				#utilityNavContainer ul li a:active{}
				#utilityNavContainer ul li a.navFirst {}
				#utilityNavContainer ul li a.navLast {}
				
		#searchBarContainer {float:right; padding:6px 5px 0px 0px; width:245px;}

			/* this set of css helps with the textbox and button heights to be equal in firefox and ie and have the top and bottom of each line up with each other */
		.MacPPC #searchBarContainer {width:245px;}
		.Firefox3_0_1 #searchBarContainer,
		.Firefox3 #searchBarContainer,
		html[class~="Firefox3"] #searchBarContainer,
		.AppleMac-Safari #searchBarContainer,
		.Unknown #searchBarContainer {width:245px;}
		
			#searchBarContainer input#searchTerms {float: left; width:170px; height:15px; font-size:11px; padding:2px; vertical-align:middle; border: 1px solid #cdcdcd;}
			/*.IE #searchBarContainer input#searchTerms {margin:-1px 0px 0px 0px;}*/
			#searchBarContainer #searchGo{margin-left: -7px; width: 66px; height: 21px;  padding: 2px; font-size:11px; font-weight:bold; text-transform:uppercase; color:#fff; 
			background:url(images/bg_searchGo_JoyG.jpg) no-repeat center #fff; border: solid 1px #d8d8d8;}
			.IE6 #searchBarContainer #searchGo{margin-left: -10px;}
			/*
			.Firefox #searchBarContainer #searchGo{padding:1px 4px; }
			.IE #searchBarContainer #searchGo{ height:22px; margin-bottom:-1px;}
			*/	
			/* this set of css is if you are using an image for the button
			#searchBarContainer {float:right; padding:8px 8px 0px 0px;}
			#searchBarContainer input#searchTerms {
			width:217px; height:17px; font-size:11px; padding:2px; vertical-align:middle; background:url(images/bg_searchTerms.jpg) repeat-x top transparent; border: 1px solid #cdcdcd;}
			.IE #searchBarContainer input#searchTerms {margin:-1px 0px 0px 0px;}
				#searchBarContainer input#searchGo {
					padding:0px;
					background:url(images/search-button_JM.gif) no-repeat center transparent; 
					border:0;
					font-size:0px;
					height:25px;
					width:66px;
					cursor:pointer;
					vertical-align:middle;
					text-decoration:none;
					color:#ccc;	
					margin:0px 0px 0px -3px;
					} */

			#topNavContainer{clear:both; height:26px; margin:0px; padding: 0 9px; overflow:hidden; width:937px; background: url(images/nav_JoyG.jpg) repeat-x;}
				#topNavContainer ul{list-style:none; /* removes bullet */ margin:0px; padding:6px 8px; /* puts list in vertical center */	}
				#topNavContainer ul li {display:inline;	/* displays items in a line */}
				#topNavContainer ul li span{}
				/* to make changes to default link styles */
				#topNavContainer ul li a{color:#fff; padding:6px 15px; /* for background hover */ text-decoration:none; font-weight: bold; }
				
				/*.IE #topNavContainer ul li a{padding:6px 5px 6px 5px;}*/
				
				#topNavContainer ul li a:link{color:#fff;}
				#topNavContainer ul li a:visited {}
				#topNavContainer ul li a:hover {color:#fff; background:#737373;}
				#topNavContainer ul li a:active {}
				#topNavContainer ul li a.current {color:#fff; background:#737373;}
				#topNavContainer ul li a.navFirst{}
				#topNavContainer ul li a.navLast{}
				

			/* if you're not putting images in here, you might want to add padding so text doesn't touch the container edge - or add the padding to the blocks that are in the topCenter Container */
	/* End top area */
	
	/* ==== start content area====  */
	#contentArea {overflow:hidden; clear:both; margin: 0 auto;  padding:0px 0px 20px 0px; width:955px; background: url(images/bg_content_JoyG.gif) repeat-y;}

		/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
				LEFT CONTENT: includes left navigation
			 ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
		#leftContentContainer {float:left; width:189px;}

		/* ==== left content navigation */
		#contentNavContainer {width: 160px; margin:5px 0 0 10px;} 
		
		/* properties for first, second and third level nav could be combined into one specification if they are all the same */
		/* first level nav */
		#contentNavContainer ul{list-style:none; margin:0px; padding:0px;}
		#contentNavContainer ul li {}
		#contentNavContainer ul li a {
			border-bottom:1px solid #ddd;
			color:#333; 
			display:block; 	
			font:bold 12px Arial, Trebuchet, Helvetica, sans-serif;		
			padding:5px 5px 5px 0px;
			text-decoration:none;	
		}
		
		#contentNavContainer ul li a:link {}
		#contentNavContainer li a:visited{}
		#contentNavContainer ul li a:hover {color:#f37021;}
		#contentNavContainer ul li a.current {color:#f37021;}
		#contentNavContainer ul li a:active {}
		#contentNavContainer ul li a.navFirst{}
		#contentNavContainer ul li a.navLast{}
		
		/* second level nav */
		#contentNavContainer li ul {}
		#contentNavContainer li ul li {}
		#contentNavContainer li ul li a {padding:5px 5px 5px 15px;  color:#333; background: url(images/JoyG_widget.gif) no-repeat 5px 10px; }
		#contentNavContainer li ul li a:link {}
		#contentNavContainer li ul li a:visited{}
		#contentNavContainer li ul li a:hover {}
		#contentNavContainer li ul li ul a.current {}
		#contentNavContainer li ul li a:active {}
		#contentNavContainer li ul li a.navFirst{}
		#contentNavContainer li ul li a.navLast{}
		
		/* third level nav */
		#contentNavContainer li ul li ul{}
		#contentNavContainer li ul li ul li {background: url(images/JoyG_widget.gif) no-repeat 12px 10px;}
		#contentNavContainer li ul li ul li a{padding:5px 5px 5px 22px; font-weight: normal;}
		#contentNavContainer li ul li ul li a:link {}
		#contentNavContainer li ul li ul li a:visited{}
		#contentNavContainer li ul li ul li a:hover {}
		#contentNavContainer li ul li ul li a.current {}
		#contentNavContainer li ul li ul li a:active {}
		#contentNavContainer li ul li ul li a.navFirst{}
		#contentNavContainer li ul li ul li a.navLast{}		
		#leftZone{}
		
		#topContentContainer {height:160px; float:right; overflow: hidden; width:764px; margin:0px; padding:0px; }
		#topZone{maring:0px; padding:0px;}
		#topZone .Freeform{maring:0; padding:0px;}
		#topZone .Freeform p {margin:0px; padding:0;}
		#topZone .imgFloatLeft {margin:0px; padding:0px;}

		/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
				CENTER CONTENT
			 ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
		#contentContainer {float:right;  width:764px; background:#fff;}
			#toolContainer {}
				#breadCrumbContainer{float:left; /* float left of pageTools */ font:11px Arial, Helvetica, sans-serif; margin:10px 0px 0px 8px;}
				.IE6 #breadCrumbContainer {margin-left: 5px;}
					#breadCrumbContainer ul{list-style:none; margin:0px; padding:0px;}
					#breadCrumbContainer ul li{display:inline; color:#333;}
					#breadCrumbContainer ul li a{font:11px Arial, Helvetica, sans-serif; text-decoration:none; /* removes underline from links */}
					#breadCrumbContainer ul li a:link{}
					#breadCrumbContainer ul li a:visited{}
					#breadCrumbContainer ul li a:hover{text-decoration:underline;}
					#breadCrumbContainer ul li a:active{}
				#pageTools{float:right; /* float right of breadcrumbs */margin:5px 5px 0px 0px;}
					#pageTools ul {list-style:none; padding:3px 0px 3px 0px; /* used with the background images for email and print */margin:0px;}
					#pageTools ul li {display:inline; padding:3px 0px 3px 0px; /* used with the background images for email and print */}
					#pageTools ul li.email{background:url(images/icon_email.gif) no-repeat center left; margin:0px 3px 0px 10px;/* puts margin space between the two page tools */}
					#pageTools ul li.print {background:url(images/icon_print.gif) no-repeat center left; /* adds icon to print list item */}
					#pageTools a {font:11px Arial, Helvetica, sans-serif; padding:0px 0px 0px 22px; /* puts space between icon and link text */text-decoration:none; color:#666; }
					#pageTools a:link{}
					#pageTools a:visited {}
					#pageTools a:hover {text-decoration:underline;}
					#pageTools a:active {}
			#TopCenterZone {width:753px; padding: 0 10px;}		
			#centerZone {clear:left; float:left; /* floats left of rightContent */ width:543px; padding: 0px 7px;}
				#titleBarContainer {clear:both;/* clear from breadcrumbs and pageTools */ padding:10px 0px 5px 0px;}

			/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
					RIGHT CONTENT
				 ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
			#rightZone {float:right; /* floats right of centerContent */ width:184px; margin-top:25px; padding: 0 10px 0 0;}
			#rightZone .Freeform {margin-bottom: 15px}
			.RightZone h1 {font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size:16px; color: #000; text-transform: none; line-height: normal; margin: 5px 0;}
			.RightZone h1 a {color: #000;}
			.RightZone h1 a:hover {text-decoration:underline;}
			#rightZone .Freeform p {margin: 5px 0 0 0; line-height: 16px;}
			
			#rightZone .bulletMenu {background:url(images/bg_callout.jpg) repeat-x #fff; padding: 8px; min-height: 155px;}
			#rightZone .bulletMenu h3 {font:bold 16px "Arial Narrow", Arial, Trebuchet, Helvetica, sans-serif; color:#333; margin-bottom:5px; text-transform:uppercase;}
			#rightZone .bulletMenu .OneCol div,
			#rightZone .bulletMenu .TwoCol div {margin-bottom: 2px;}
			#rightZone .bulletMenu .OneCol div h4,
			#rightZone .bulletMenu .TwoCol div h4 {padding-left:10px; background: url(images/bullet_CC.gif) no-repeat left 6px;}
			#rightZone .bulletMenu .OneCol p,
			#rightZone .bulletMenu .TwoCol p {padding-left:10px;}



	/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
			BOTTOM NAV - CONTENT FOOTER - POWEREDBY
		 ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
	#bottomContainer {width:955px; height:80px;  overflow:hidden; clear:both; margin: 0 auto; background: url(images/bg_JoyGfooter.gif) repeat-x;  color:#ccc;}
		#bottomNavContainer {clear:both; padding:20px 5px 5px 5px; text-align:center;}
		#bottomNavContainer ul {list-style:none; margin:0px; padding:0px;}
		#bottomNavContainer ul li {display:inline; padding: 0px;}
		#bottomNavContainer ul li span{padding:0 3px;}
		#bottomNavContainer ul li a{font-size:11px;  color:#ccc;}
		#bottomNavContainer ul li a:link{ text-decoration: none;}
		#bottomNavContainer ul li a:visited{}
		#bottomNavContainer ul li a:hover{text-decoration: underline;}
		#bottomNavContainer ul li a:visited{}
		#bottomNavContainer ul li a.navFirst{}
		#bottomNavContainer ul li a.navLast{}
		
		#contentFooter {font-size:11px; padding:0px 5px 0px 5px; text-align: center;}
	
		#poweredBy {float:right; text-align:right; font-size:10px; padding:0px 5px 0px 5px;}
		#poweredBy a{font-size:10px;}

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
		Classes used by wkst TE Drop Down
	 |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  */
.imgFloatLeft {float:left; margin:0px 5px 0px 0px;}	 

.imgFloatRight {float:right; margin:0px 0px 0px 5px;}	 

/*Custom Class*/
.FreeformBorder {border-bottom: solid 1px #d4d4d4;  margin-bottom: 15px; padding: 0 0 0px 0;}


/* text editor lists */
.Freeform ul,
.FormEditor ul{margin-left:0; padding:0 6px 0 0px;}

.Freeform ul li,
.FAQ ul li,
.FAQ dl ul li
{ list-style:none; background: url(images/bullet_CC.gif) no-repeat left 6px; padding-left:10px; margin:0;}

.Freeform ol,
.FormEditor ol{margin-left:0; padding:0 6px 0 10px;}

.IE .Freeform ol,
.IE .FormEditor ol{margin-left:0; padding:0 6px 0 0px;}


.Freeform ol li,
.FAQ dd ol li,
.FormEditor ol li{background-image:none; }

.Freeform ul,
.FormEditor ul,
.FAQ dl ul{list-style:none;}





/* ==== LINKS including blocks==== */
.titanBody a,.mainBody a,
.FAQ a,.FormEditor a,.Freeform a,.Calendar .Description a{color:#f37021; text-decoration: none;}

.titanBody a:hover,.mainBody a:hover{color:#f37021; text-decoration: underline;}

 

.Freeform a:hover,
.FAQ a:hover,
.FormEditor a:hover,
.Aggregation .alphaList li a:hover,
.Calendar .Description a:hover,
.Calendar .attachment a:hover{color:#f37021;}

.OneCol h4 a,.TwoCol h4 a{color:#f37021; text-transform: none;}
.OneCol h4 a:hover,.TwoCol h4 a:hover{color:#f37021;}



/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
		Blocks
	 |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  */


/* ERROR MESSAGES */
.FormEditor .ErrorMessage{margin:0 10px}
#centerZone .FormEditor .ErrorMessage{padding-bottom:10px; margin-left:0;}

 
/* FORM EDITOR */
.Firefox .FormEditor p{margin-left:5px;}
.IE7 .FormEditor p{min-height:1px;}
.IE6 .FormEditor p{height:1%;}


/* FAQ */
.FAQ ul{list-style:none;margin:0 0 30px 0;padding:0;}

.FAQ dl ul li,
#rightZone .FAQ li,
#leftZone .FAQ li{ background:0; padding-left:0;}

.FAQ dl ul{list-style:disc; margin:0 0 10px 10px;}
.FAQ dl ol{margin-left:0; padding:0 6px 0 25px;}
.IE .FAQ dl ol{ margin-left:0; padding:0 6px 0 28px;}

.FAQ dt{font-weight:bold;}
.FAQ dd{margin:0 0 10px 0;}
.FAQ dl dd{ overflow:hidden;}
.IE6 .FAQ dl dd{ height:1%;}

.Firefox .FAQ dl dd img{margin-bottom:10px;}

/*SITE MAP */
.SiteMap ul{list-style:none; margin:0 0 0 15px; padding:0;}
.SiteMap li{margin:10px 0 0  0;}

.SiteMap ul li a:link, .SiteMap ul li a:visited, .SiteMap ul li a:active, .SiteMap ul li a:hover
{font-weight: bold;}

.SiteMap ul li a:link, .SiteMap ul li a:visited, .SiteMap ul li a:active, .SiteMap ul li a:hover 
{font-weight: bold;}

.SiteMap li ul li a:link, .SiteMap li ul li a:visited, .SiteMap li ul li a:active, .SiteMap li ul li a:hover
{font-weight: normal;}

.SiteMap li ul li a:link, .SiteMap li ul li a:visited, .SiteMap li ul li a:active, .SiteMap li ul li a:hover
{font-weight: normal;}

/* FILE UPLOAD - center zone only */
.DisplaySideUpload .uploadFields div label{float:left; margin-right:5px; text-align:right; width:78px;}
.DisplaySideUpload .uploadInfo{margin:0px 0px 15px 0px;}
.DisplaySideUpload .uploadFields div{ margin:5px 0px;}
.DisplaySideUpload .uploadFields .title input,
.DisplaySideUpload .uploadFields .description textarea{width:183px;}

.IE7 .DisplaySideUpload .uploadFields .title input,
.IE7 .DisplaySideUpload .uploadFields .description textarea{width:202px;}

.DisplaySideUpload .displayUploadSubmit{margin-left:82px;}

/* Block images - teaser, text editor, PhotoBlock, video block */
.CenterZone .image a img,
.CenterZone .VideoLineup img,
.CenterZone .FilmstripThumbs a,
.CenterZone .video .videoPlayer{float:left;}

.OneCol .image a img,
.TwoCol .image a img,
.tocList .image a img{margin-bottom:5px;}

.CenterZone .OneCol .image a img,
.CenterZone .TwoCol .image a img,
.CenterZone .tocList .image a img{margin-bottom:8px;}

.image a img,
.VideoLineup img{padding:2px; /*width:130px;*/}

.image a img,
.VideoLineup img,
.FilmstripThumbs a,
.video .videoPlayer{background:#fff; padding:2px;}

/* PHOTOBLOCK - lightbox */
.filmstrip h4{margin-bottom:5px;}
.filmstrip .webImages{display:none;}
.FilmstripThumbs{overflow:hidden;}
.IE6 .FilmstripThumbs{height:1%;}
.FilmstripThumbs div{float:left; margin:6px; height:105px; width:104px;}              

.LeftZone .FilmstripThumbs div,
.RightZone .FilmstripThumbs div{ width:106px;}

.FilmstripThumbs a img{ margin-bottom:-3px;}              

.FilmstripThumbs a{border:1px solid transparent; display:block;}
.FilmstripThumbs a:hover{border:1px solid #999;}

.IE6 .FilmstripThumbs a{border:1px solid #fff;}

.IE6 #leftZone .PhotoBlock,
.IE6 #rightZone .PhotoBlock{display: inline-block;}

/* Base photoblock */
/*
.PhotoBlock{width:470px;}
.PhotoBlock div img{padding:2px;border:1px solid #999;margin:3px;}
.PhotoBlock div img:hover{background-color:#bbb}
.PhotoBlock .webImages div h3{display:none;}
.PhotoBlock .leftArrow {display:none}
.PhotoBlock .rightArrow{display:none}
*/

/* !--TOC--! ONECOL & TWOCOL - filter, toc, what's new, alpha list, search results,video block */  

.TOCBlock h3,
.AggregationResults h3 {margin-bottom: 10px}
.OneCol,
.TwoCol{margin-left:2px;}

.OneCol div,
.TwoCol div{margin-bottom:20px;overflow:hidden;}

.OneCol div,
.TwoCol{clear:both;}

.tocList div{margin-bottom:15px;}

.CenterZone .tocList div,
.CenterZone .tocList{clear:both;overflow:hidden;}

.OneCol p,
.TwoCol p,
.tocList p,
.VideoLineup p{margin:0;padding-bottom:5px;}

.OneCol .teaser,
.TwoCol .teaser,
.tocList .teaser,
.VideoLineup .teaser{padding-bottom:0px;}

.CenterZone .OneCol .image p,
.CenterZone .TwoCol .image p,
.CenterZone .tocList .image p,
.CenterZone .VideoLineup .image p,
.CenterZone .OneCol .image h4,
.CenterZone .TwoCol .image h4,
.CenterZone .tocList .image h4,
.CenterZone .VideoLineup .image h4,
.CenterZone .OneCol .image .hitCount,
.CenterZone .TwoCol .image .hitCount,
.CenterZone .tocList .image .hitCount,
.CenterZone .VideoLineup .image .hitCount,
.CenterZone .OneCol .image .date,
.CenterZone .TwoCol .image .date,
.CenterZone .tocList .image .date,
.CenterZone .VideoLineup .image .date,
.CenterZone .CalendarResults .data .image span{margin-left:100px;}

/*speical TOC/Agg blocks for the pdf icons*/

.FileTOC .OneCol .image p,
.FileTOC .TwoCol .image p,
.FileTOC .tocList .image p,
.FileTOC .OneCol .image h4,
.FileTOC .TwoCol .image h4,
.FileTOC .tocList .image h4,
.FileTOC .OneCol .image .date,
.FileTOC .TwoCol .image .date,
.FileTOC .tocList .image .date{margin-left:40px;}


.OneCol .hitCount,
.TwoCol .hitCount,
.tocList .hitCount,
.VideoLineup .hitCount,
.OneCol .date,
.TwoCol .date,
.tocList .date,
.VideoLineup .date{display:block;}

.TwoCol{clear:both;}

.TwoCol div{float:left; width:45%;}

.TwoCol div + div{float:right;} /*for IE 7 and FireFox */
.IE6 .TwoCol div{margin-right:15px;}

.LeftZone .TwoCol,
.RightZone .TwoCol{clear:both;}

.LeftZone .TwoCol div,
.RightZone .TwoCol div{float:none;width:95%}

.IE6 .LeftZone .TwoCol div,
.IE6 .RightZone .TwoCol div{margin-right:0px;}

/* DISPLAY NONES -  filter, calendar */
.loading, 
.classifications{display:none;}

/* FILTERS - filter, calendar */
.AggregationResults,
.AggregationFilter input.btnSubmit{clear:both;}

.CenterZone .AggregationFilter input.btnSubmit,
.LeftZone .AggregationFilter input.btnSubmit{margin-bottom:15px;}

.AggregationFilter fieldset,
.CalendarFilter fieldset{background:transparent;margin-bottom:5px;}

.CenterZone .AggregationFilter fieldset,
.CenterZone .CalendarFilter fieldset{float:left;width:155px;}

.RightZone .AggregationFilter fieldset,
.RightZone .CalendarFilter fieldset{margin-left:5px;}

.AggregationFilter fieldset h4,
.CalendarFilter fieldset h4{margin-bottom:5px;}

.AggregationFilter fieldset span,
.CalendarFilter fieldset span{clear:both;float:left;}

#mainBody .AggregationFilter fieldset span,
#mainBody .CalendarFilter fieldset span{height:100%;width:100%;} /*don't let show in wkst */

.IE .AggregationFilter fieldset span,
.IE .CalendarFilter fieldset span{margin-bottom:5px;}

.AggregationFilter fieldset span input,
.CalendarFilter fieldset span input{height:16px;float:left;vertical-align:middle;}

.AggregationFilter fieldset span label,
.CalendarFilter fieldset span label{display:block;}

.Firefox .AggregationFilter fieldset span label,
.Firefox .CalendarFilter fieldset span label{margin-top:4px;}

 
/* CALENDAR */
.calendarCallOut table{border-collapse:collapse; margin-left:1px;}
.calendarCallOut table .arrow{cursor:pointer; padding-bottom:5px; color:#f37021;}
.calendarCallOut table .arrow:hover{color:#f37021; text-decoration:underline;}
.calendarCallOut table td{cursor:pointer; height:18px;text-align:center; width:20px; background:#666; border:1px solid #333; color:#fff;}

.calendarCallOut table .otherMonth{cursor:text; background:#aaa; color: #666;}
.calendarCallOut table .selected{font-weight:bold; background:#f37021; color:#FFF;}

.calendarCallOut .calendarNav{margin:5px 0px 15px 24px;}
.calendarCallOut .calendarNav span{cursor:pointer; font-weight:bold;}
.calendarCallOut .calendarNav span:hover,
.calendarCallOut .calendarNav span.selected{color:#f37021;}

.CalendarResults .OneCol div{margin-bottom:10px; padding-bottom:10px;}

.CalendarResults .data h3 {margin-bottom: 10px; font-family:Arial, Helvetica, sans-serif;}
.CalendarResults .data span label{font-weight:bold;float:left;width:60px;}
.CalendarResults .data span{display:block;margin:2px 0;}
.CalendarResults .data label{font-weight:bold;float:left; width:80px;}

.CalendarResults .data .startTime,
.CalendarResults .data .endTime,
.CalendarResults .data .allDayEvent{float:left;margin-left:0;}
.CalendarResults .data .allDayEvent{margin-left:4px;}

.CalendarResults .data .startDate,
.CalendarResults .data .location,
.CalendarResults .data .sponsor,
.CalendarResults .data .contact,  
.CalendarResults .data .email,
.CalendarResults .data .attachment,
.CalendarResults .data .Description, 
.CalendarResults .data .customField1,
.CalendarResults .data .customField2,
.CalendarResults .data .customField3,
.CalendarResults .data .customField4,
.CalendarResults .data .customField5,
.CalendarResults .data .linkText{clear:both;margin-left:0;}

.CalendarResults .data .attachment,
.CalendarResults .data .Description{margin-top:5px;}

/* PAGINATION - filter, calendar, searchResults */
.paginationFooter,
.pagination{clear:both;list-style:none;margin:10px 0;padding:0;}

.paginationFooter .nextButton{margin-left:5px;}
.paginationFooter, 
.pagination span{padding:0 4px;}

.pagination{margin:0 0 5px 0;padding:0 0 4px 0;text-align:left;}

.paginationFooter li,
.pagination li{display:inline;}
.CalendarResults .pagination{margin-top:4px;}
.CenterZone .CalendarResults .pagination span{display:inline; margin-left:0;}

/* ALPHA LIST */
.alphaList{list-style:none; margin:0 0 20px 0; padding:0; overflow:hidden;}
.alphaList li{float:left; margin-right:6px;}
.Firefox .alphaList li{float:left; margin:0px 6px 10px 0;}
.alphaList li a{font-weight:bold; text-decoration:underline;}
.alpha{clear:both; padding-top:10px;}


.tocList{margin-left:25px;}

.alpha h3{clear:both;}
.alpha a{text-decoration:none;}
.alpha a:hover{text-decoration:none;}
.alpha .tocList a:hover{text-decoration:underline;}

.IE6 .alpha a{clear:both}
.IE6 .alpha .tocList a{clear:none}


/* SEARCH RESULTS */
.SearchResults .organicSearchResults .OneCol div{ padding-bottom:19px; overflow:hidden;}
.SearchResults .smartSearchResults{background:#eee;  border:solid 1px #ccc; margin:10px 0; padding:15px 15px 0 15px;}
.SearchResults .smartSearchResults h3{margin:0 0 10px 0; padding:0; color: #666;}
.SearchResults .titleTop h4.docMatch {margin-top: 5px;}
.SearchResults .smartSearchResults .OneCol div{margin-bottom:19px;}
.SearchResults .titleMiddle,
.SearchResults .titleMiddle .docMatch{display:none;}