.titanBody, div, img, .SharePage {
	margin:0px;
	padding:0px;
} /* end of zeroing out */

/* DO NOT USE ON .titanBody - if doing one, do all listed - keep margin-top 0 - for little firefox thing */
.mainBody p,.mainBody ol,.mainBody ul,.mainBody dl,.mainBody blockquote,
.Freeform p,.Freeform ol,.Freeform ul,.Freeform dl,.Freeform blockquote,
.FreeformHome p,.FreeformHome ol,.FreeformHome ul,.FreeformHome dl,.FreeformHome blockquote,
.FAQ p,.FAQ ol,.FAQ ul,.FAQ dl,.FAQ dl,.FAQ blockquote,
.FormEditor p,.FormEditor ol,.FormEditor ul,.FormEditor dl,.FormEditor blockquote { 
	margin-top:0px;
	margin-bottom:10px;
	line-height:16px;
}
#centerZone .Freeform ul {
	margin-top: -10px !important;
	margin-left: -20px !important;
}
html* #centerZone .Freeform ul {
	margin-top: -10px !important;
	margin-left: 20px !important;
}


/* Do not apply style directly to the body tag 
	- use the titanBody class, not the body html tag
	- pretty much stick with background sort of things 
*/
.titanBody {
 	background-color:#f2e18a;
}

/* default font for whole page 
 - listing .mainBody and blocks with text editor allows font to be seen in wkst and text editor 
 - relative sizes, like em & %, don't always show as the right size in wkst - computed value
*/
.titanBody, .mainBody, .Freeform, .FreeformHome, .FormEditor, .FAQ, 
.mainBody input, .mainBody select, .mainBody textarea,  
.titanBody input, .titanBody select, .titanBody textarea, 
.FAQ input, .FAQ select, .FAQ textarea,
.FormEditor input, .FormEditor select, .FormEditor textarea,
.Freeform input, .Freeform select, .Freeform textarea {
	color: #000000;
	font-family: Arial, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px; 
}

/* separated out from above so inputs are not affected - basically input */
.titanBody, .mainBody, .Freeform, .FreeformHome, .FormEditor, .FAQ,
.mainBody textarea, /* need to recheck this */ 
.titanBody textarea, 
.FAQ textarea,
.FormEditor textarea,
.Freeform textarea  {
	line-height:16px;
}

/* to remove border from images */
.titanBody img, .mainBody img, .Freeform img, .FormEditor img,  .FAQ img{
	border:0;
}

/* horizontal rule */
.titanBody hr, .mainBody hr, .Freeform hr, .FormEditor hr,  .FAQ hr{
	background-color:#1A3481;
	border:0;
	color:#1A3481;
	height:1px;
}

/* default for display and reset to defeat wkst css and how it shows fieldsets in wkst - like in Calendar and Display side upload 
	- need to keep border, background, padding and margin here - do not remove these 
	- can change values and add other properties 
*/
.titanBody fieldset, .mainBody fieldset, .Freeform fieldset, .DisplaySideUpload fieldset, .AggregationFilter fieldset, .Calendar fieldset   {
	background: #fff;
	border:0;
	margin: 0px;
	padding: 0px;
}

/* 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:#437bbe;
	font:bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px 0 10px 0;/* this is a firefox bug fix */
}

h2 {
	color:#000000;
	font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0px 0px 10px 0px;
	padding:0px;/* this is a firefox bug fix */
}

h3 { /* block title */
	color:#000000;
	font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0px 0px 10px 0px;
	padding:0px;/* this is a firefox bug fix */
	line-height: 14px;
}

h4{/* block links  */
	color:#000000;
	font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0px;
	line-height: 14px;
	padding:0px;/* this is a firefox bug fix */	
}

h5{
	color:#333;
	font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;		
	margin:0px;
	padding:0px;/* this is a firefox fix */	
}

h6 {
	color:#e51f3a;
	font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	display: inline;
}
.redNote {
	color:#e51f3a;
	font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}	

/* all blocks should be listed here */
.Freeform,
.FreeformHome,
.Calendar,
.FAQ,
.Aggregation, /* filter */
.FormEditor,
.SearchResults,
.SearchResultsCombined,
.SiteMap,
.TOCBlock,
.WhatsNew {
	clear:both;
/*	margin-bottom:20px;  maybe */
} 

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	
	START FIXED NAME CONTENT BOUNDARIES
	
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  */
#mainBody{
 	background: url(images/bg_mainBody.jpg) no-repeat #7ec241;
	margin:0 auto; /* centers content in display */
	/* position:relative; used if absolute positioning is used - currently not used for this css */
	width:950px; /* total width for display area - fixed width layout */	
	min-height: 809px;
	padding-bottom: 5px;
}

/* pageTopArea includes logoControlContainer, utilityNavContainer, searchBarContainer, topNavContainer, and topContentContainer */
#pageTopArea{
	margin:0 0px 0px 0px;
	overflow:hidden; /* don't use this if also using position:relative */
	padding:0px 0px 0 0px;
	width: 950px;
	height: 212px;
	/* position:relative; used if absolute positioning is used, dont' use with overflow - currently not used for this css */
}

/* logoControlContainer will display on left, utililtyNavContainer and searchBarContainer on right */
#logoControlContainer{
	float:left;
	margin:97px 0px 28px 70px; 
	height:52px; 
	width:452px;
}

.IE6 #logoControlContainer{
	margin:97px 30px 28px 35px; 
}


#utilityNavContainer {
	float:left; /* of logo */
	height:20px;
	margin:0 0px 0px 0px;
	overflow:hidden; 
	text-align:right; 	
	position: relative;
	top: 25px;
	width:550px;
	clear:left;
	top: 7px;
	left: 100px;
}

#utilityNavContainer span {
	display: none;
}
#utilityNavContainer ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#utilityNavContainer ul li {
	display:inline;	
	margin:0px 5px; 
	padding:0px 0 0 10px; 
	border-left: 1px solid white;
}
#utilityNavContainer ul li.navFirst {
	border-left: none;
}
/* to make changes to default link styles */
#utilityNavContainer ul li a {
	font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #ffffff;
}

#utilityNavContainer ul li a:link {
	color: #ffffff;
}

#utilityNavContainer ul li a:visited{
	color: #ffffff;
}

#utilityNavContainer ul li a:hover {
	color: #f1e38c;
}

#utilityNavContainer ul li a:active{
	color: #ffffff;
}
#utilityNavContainer ul li a.current{
	color: #f1e38c;
}

#searchBarContainer {
	float:right; 
	margin: 9px 46px 0 0;
	padding:0 0 0px 0px; 
	width:232px; 
	clear:right;
}


.IE6 #searchBarContainer{	
	margin: 18px 0 0 0;
	padding: 0 51px 0 0;
}
	
.IE7 #searchBarContainer {
	margin: 18px 48px 0 0;
}

.Firefox2 #searchBarContainer {
	margin-right:48px ;
}


/* 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 */
#searchBarContainer #searchTerms{
	font-size:11px;
	padding:1px; 	
	width:140px;	
	height: 11px;
	position: relative;
	float: left;
	top: 0;
}

.Firefox3 #searchBarContainer #searchTerms{
	height: 12px;
}


#searchBarContainer #searchGo{
	width: 72px;
	height: 20px;
	font-size:10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: url(images/bg_searchGo.jpg) no-repeat;
	border: none;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 0 7px 0;
	position: relative;
	top: 0;
	left: 0;
}

.Firefox3 #searchBarContainer #searchGo{
	top: -1px;

}

*html #searchBarContainer #searchGo{
	top: 1px;
	padding: 1px 0 7px 0 !important;
}

.IE7 #searchBarContainer #searchGo{
	padding-top: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:153px;
	font-size:11px;
	padding:2px;
	vertical-align:middle;
}

.IE #searchBarContainer input#searchTerms {
	margin:-1px 0px 0px 0px;
}

#searchBarContainer input#searchGo {
	padding:0px;
	background:url(images/search-button.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; 	
	margin:0px 0px 0 0px;
	width:580px;
	overflow: hidden;
	position: relative;
	left: 262px;
}
*html #topNavContainer {
	padding: 5px 0 0 0;
}

#topNavContainer ul{
	list-style:none; /* removes bullet */
	margin:0px;
	padding:5px 0px; /* puts list in vertical center */	
}

#topNavContainer ul li {
	float: left;
	margin: 0;
	display:inline;	/* displays items in a line */

}

/* to make changes to default link styles */
#topNavContainer ul li a{	
	height: 69px !important;
	float: left;
	color:#000;	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:0 !important; /* for background hover */	
	margin: 0;
	text-decoration:none;	
	text-transform:none; 
	vertical-align: top;
	text-align: center;
	background: url(images/bg_topNav.png) no-repeat top center transparent;

}
*html #topNavContainer ul li a{	
	background: url(images/bg_topNav.gif) no-repeat top center transparent;
}
#topNavContainer ul li.nav1 {

        margin-top: 30px;
        margin-right: 25px;
}
#topNavContainer ul li.nav2 {

        margin-top: 45px;
        margin-right: 7px;
}
#topNavContainer ul li.nav3 {

        margin-top: 57px;
        margin-right: 7px;
}
#topNavContainer ul li.nav4 {

        margin-top: 40px;
        margin-right: 32px;
}
#topNavContainer ul li.nav5 {

        margin-top: 19px;
	margin-right: 30px;
}
#topNavContainer ul li.nav6 {

        margin-top: -5px;
	margin-right: 0px;
}
#topNavContainer ul li.nav7 {
	margin-top: 3px;
}


#topNavContainer ul li a:link{
}

#topNavContainer ul li a:visited {
}

#topNavContainer ul li a:hover {
	background: url(images/bg_topNav_hover.png) no-repeat top center transparent;
	/*background-color:#A5B2D2; adds background color change on hover, if you want */
}
*html #topNavContainer ul li a:hover{	
	background: url(images/bg_topNav_hover.gif) no-repeat top center transparent;
}

#topNavContainer ul li a:active {
}

#topNavContainer ul li a.current  {
	background: url(images/bg_topNav_hover.png) no-repeat top center transparent;
	color:#1a3481;
}
*html #topNavContainer ul li a.current{	
	background: url(images/bg_topNav_hover.gif) no-repeat top center transparent;
}

#topContentContainer {/* 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 */
	overflow: hidden;	
	width:350px;
	margin: 90px 55px 5px 0;
	text-align: right;
	vertical-align: bottom;
	float: right;
	height:73px;
}
*html #topContentContainer {
	position: relative;
	margin: 90px 35px 5px 0;
}
#topContentContainer img {
	vertical-align: bottom;
	margin-left: 0;
}

#contentArea {
	overflow:hidden;
	clear:both; 
	padding:5px 0px 0 0px;
	width:834px;
	margin: 0 0 0 60px;
	background: url(images/bg_contentArea2.jpg) no-repeat #f5e8a8;
}

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
		LEFT CONTENT: includes left navigation
	 ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#leftZone {
	float: left;
	position: relative;
	top: -40px;
	margin:0 40px 10px 30px;
	padding:70px 5px 5px 5px;
	width: 132px;
	background: url(images/bg_leftZone_2010.gif) no-repeat top;
}
*html #leftZone {
	margin: 0 20px 10px 25px;
}
#leftZone div {
	margin: 0;
}
#leftZone p a img {
	margin: 0 !important;
}
*html #leftZone p a img,
html* #leftZone p a img {
	margin-bottom: 3px !important;
}
#leftZone p {
	margin: 0;
	padding: 0;
	text-align: center;
}
#leftZone ul {
	margin: 0;
}
#leftZone ul li {
	margin: 0 0 5px -15px;
	line-height: 13px;
}
#leftZone .Freeform h3,
#leftZone .Freeform h4 {
	margin-top: 15px;
}
#leftZone div h3 {
	margin-top: 15px;
}
#leftZone .rotators img {
	margin-bottom: 35px;
}
#leftZone .rotators {
	margin-bottom: -35px;
}

/* ==== left content navigation ==== 
==================================== */
#contentNavContainer {

} 

/* 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; /* removes bullets */
	margin:0px;
	padding:0px;
}

#contentNavContainer ul li {

}

#contentNavContainer ul li a {
	border-bottom:1px solid #ddd;
	color:#677BAE; 
	display:block; 	
	font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;		
	height:20px;
	padding:7px 5px 2px 10px;
	text-decoration:none;	
}

#contentNavContainer ul li a:link {

}

#contentNavContainer li a:visited{

}

#contentNavContainer ul li a:hover {
	color:#1A3481;
}

#contentNavContainer ul li a.current {
	color:#1A3481; 
}

#contentNavContainer ul li a:active {

}

/* second level nav */
#contentNavContainer li ul {

}

#contentNavContainer li ul li {

}

#contentNavContainer li ul li a {
	padding:7px 5px 2px 25px;
}

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

}

/* third level nav */
#contentNavContainer li ul li ul{

}

#contentNavContainer li ul li ul li {

}

#contentNavContainer li ul li ul li a{
	padding:7px 5px 2px 40px;
}

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

}

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
		CENTER CONTENT
	 ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#contentContainer {
	float:right;  
	width:834px;	
	margin: 0;
	padding: 0 !important;
}

#centerZone {
	float:left; /* floats left of rightContent */
	width:582px; 
	margin-top:28px;
	z-index: 10;
	padding: 0 40px 0 0;
	position: relative;
	/*background: url(images/home_image.gif) no-repeat bottom right;*/
	min-height: 328px;
}
*html #centerZone {
	width:622px; 
	padding: 0;
}
#centerZone .FreeformHome {
	float:left; /* floats left of rightContent */
	width:582px; 
	margin:0;
	z-index: 10;
	padding: 0 40px 20px 0;
	position: relative;
	background: url(images/home_image.gif) no-repeat bottom right;
	min-height: 328px;
}
*html #centerZone .FreeformHome {
	padding: 0 0 0 0;
	width:622px; 
}
#centerZone .Freeform {
	padding-bottom: 20px;
}
*html #centerZone .Freeform {
	padding-right: 40px;
	width: 582px;
}
#breadCrumbContainer  {
	display: none;
	color:#142f80;
	float:left; /* float left of pageTools */
	font:11px Arial, Helvetica, sans-serif;
	margin:10px 0px 0px 0px;	
}

#breadCrumbContainer ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#breadCrumbContainer ul li{
	display:inline;
}

#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{
	display: none;
	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/email.gif) no-repeat center left; /* adds icon to email list item */
	margin:0px 15px 0px 0px;/* puts margin space between the two page tools */
}

#pageTools ul li.print {
	background:url(images/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; 
}

#pageTools a:link{
	
}

#pageTools a:visited {
	
}

#pageTools a:hover {
	text-decoration:underline;
}

#pageTools a:active {
	
}

#titleBarContainer {
	clear:both;/* clear from breadcrumbs and pageTools */
	padding:0 0px 0px 0px;
}

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
		RIGHT CONTENT
	 ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#rightZone {
	float:right; /* floats right of centerContent */	
	width:261px; 
	margin: 0;
	padding: 0;
	position: relative;
	top: -200px;
	z-index: 0;
}
#rightZone div {
	display: none;
}
#rightZone .Freeform {
	display: block;
}
#rightZone .Freeform p {
	margin: 0;
	padding: 0;
}
#rightZone .Freeform p a{
	margin: 0;
	padding: 0;
}
#rightZone .Freeform p img{
	margin: 0 0 -4px 0;;
	padding: 0;
	border: 0;
}

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
		BOTTOM NAV - CONTENT FOOTER - POWEREDBY
	 ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#bottomZone {
	float: left;
	background: #7ec241;
}
#bottomNavContainer {	
	display: none;		
	border-top:4px solid #8598C5;
	clear:both;
	padding:0px 5px 5px 5px;
}

#bottomNavContainer ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#bottomNavContainer ul li {
	display:inline;
}

#bottomNavContainer ul li a{
	font-size:11px;
}
#bottomNavContainer ul li a:link{

}
#bottomNavContainer ul li a:visited{

}
#bottomNavContainer ul li a:hover{

}
#bottomNavContainer ul li a:visited{

}
#contentFooter {	
	width: 834px;
	padding: 10px 0 0 60px;
	float:left;
	font-size:10px;
	color: #ffffff;
	margin:0px;
}
#contentFooter a{	
	color: #000000;
}

#poweredBy {	
	width: 834px;
	float:left;
	font-size:10px;
	padding:0px 56px 0 60px;
	color: #ffffff;
}
html* #poweredBy {
	margin-top: 10px;
}

#poweredBy a{
	font-size:10px;
	color: #ffffff;
}

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

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

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
		LINKS - general & for blocks
	 |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  */
/* instead of plain a:link - need to have the following to avoid affecting titan wkst anchor tags 
	- this will be default for whole site, there will be times you will want to change link styles like on the navigation menus 
	- titanBody and mainBody may not need to be listed here, but left anyway 
	- if using same style on everything, only ones you really have to list are titanBody, mainBody and the ones with a text editor */
.titanBody a:link, 
.mainBody a:link,
.Freeform a:link,
.FreeformHome a:link,
.Calendar a:link,
.FAQ a:link,
.Aggregation a:link, /* filter */
.FormEditor a:link,
.SearchResults a:link,
.SearchResultsCombined a:link,
.SiteMap a:link,
.TOCBlock a:link,
.WhatsNew a:link {
	color: #437bbe;
	text-decoration: none;
}

.titanBody a:visited, 
.mainBody a:visited, 
.Freeform a:visited,
.FreeformHome a:visited,
.Calendar a:visited,
.FAQ a:visited,
.Aggregation a:visited,/* filter */
.FormEditor a:visited,
.SearchResults a:visited,
.SearchResultsCombined a:visited,
.SiteMap a:visited,
.TOCBlock a:visited,
.WhatsNew a:visited {
	color: #437bbe;
	text-decoration: none;
}

.titanBody a:hover, 
.mainBody a:hover,
.Freeform a:hover,
.FreeformHome a:visited,
.Calendar a:hover,
.FAQ a:hover,
.Aggregation a:hover,/* filter */
.FormEditor a:hover,
.SearchResults a:hover,
.SearchResultsCombined a:hover,
.SiteMap a:hover,
.TOCBlock a:hover,
.WhatsNew a:hover {
	color: #437bbe;
	text-decoration: underline;
}

.titanBody a:active, 
.mainBody a:active, 
.Freeform a:active,
.FreeformHome a:visited,
.Calendar a:active,
.FAQ a:active,
.Aggregation a:active,/* filter */
.FormEditor a:active,
.SearchResults a:active,
.SearchResultsCombined a:active,
.SiteMap a:active,
.TOCBlock a:active,
.WhatsNew a:active {
	color: #437bbe;
	text-decoration: none;
}	

/* ==== default link styles for a in h4 - block title - listed all together for consistancy ==== */
.Calendar h4 a:link,
.FAQ h4 a:link,
.Aggregation h4 a:link,/* filter */
.FormEditor h4 a:link,
.SearchResults h4 a:link,
.SearchResultsCombined h4 a:link,
.SiteMap h4 a:link,
.TOCBlock h4 a:link,
.WhatsNew h4 a:link {
}

.Calendar h4 a:visited,
.FAQ h4 a:visited,
.Aggregation h4 a:visited,/* filter */
.FormEditor h4 a:visited,
.SearchResults h4 a:visited,
.SearchResultsCombined h4 a:visited,
.SiteMap h4 a:visited,
.TOCBlock h4 a:visited,
.WhatsNew h4 a:visited {
}

.Calendar h4 a:hover,
.FAQ h4 a:hover,
.Aggregation h4 a:hover,/* filter */
.FormEditor h4 a:hover,
.SearchResults h4 a:hover,
.SearchResultsCombined h4 a:hover,
.SiteMap h4 a:hover,
.TOCBlock h4 a:hover,
.WhatsNew h4 a:hover {
}

.Calendar h4 a:active,
.FAQ h4 a:active,
.Aggregation h4 a:active,/* filter */
.FormEditor h4 a:active,
.SearchResults h4 a:active,
.SearchResultsCombined h4 a:active,
.SiteMap h4 a:active,
.TOCBlock h4 a:active,
.WhatsNew h4 a:active  {
}

/* ==== default link styles for a in p - 'Read More..." - listed all together for consistancy ==== */
.Calendar p a:link,
.FAQ p a:link,
.Aggregation p a:link,/* filter */
.FormEditor p a:link,
.SearchResults p a:link,
.SearchResultsCombined p a:link,
.SiteMap p a:link,
.TOCBlock p a:link,
.WhatsNew p a:link {
}

.Calendar p a:visited,
.FAQ p a:visited,
.Aggregation p a:visited,/* filter */
.FormEditor p a:visited,
.SearchResults p a:visited,
.SearchResultsCombined p a:visited,
.SiteMap p a:visited,
.TOCBlock p a:visited,
.WhatsNew p a:visited {
}

.Calendar p a:hover,
.FAQ p a:hover,
.Aggregation p a:hover,/* filter */
.FormEditor p a:hover,
.SearchResults p a:hover,
.SearchResultsCombined p a:hover,
.SiteMap p a:hover,
.TOCBlock p a:hover,
.WhatsNew p a:hover {
}

.Calendar p a:active,
.FAQ p a:active,
.Aggregation p a:active,/* filter */
.FormEditor p a:active,
.SearchResults p a:active,
.SearchResultsCombined p a:active,
.SiteMap p a:active,
.TOCBlock p a:active,
.WhatsNew p a:active  {
}
/* ================ NOTE ===============
 - when you want to add a block to the left or right zone
 - make that in Titan Admin of the wkst has class names for the block set up, for this css, the class names are leftContent and rightContent
 - when you are in the Web Content Management area - editing area for blocks - and selecting your block Zone, make sure to also select the coorect block style
 - if putting a block in the center zone no block style is needed,
 - if putting a block in the right block zone, also select the rightContent block style, so that under Selected: the block is listed first and the block style is listed second
 - if putting a block in the left block zone, also select the leftContent block style, so that under Selected: the block is listed first and the block style is listed second
 - this css was set up to have left and right zone css style for:
   .Aggregation .OneCol
	 .TOCBlock .OneCol
	 .WhatsNew .OneCol
   ===================================== */
	 
	 
/* ==== Calendar ====
===================== */ 
/* table and filters */ 
.Calendar .calendarCallOut {
	margin:0px;
}	

#rightZone .Calendar .calendarCallOut {
	margin:0px 0px 0px 15px;
}	

#leftZone .Calendar .calendarCallOut {
	margin:0px 0px 0px 8px;
}	

.Calendar .calendarCallOut table{
	border-collapse:collapse;
}	

.Calendar .calendarCallOut table th{
	color:#555;
}

.Calendar .calendarCallOut table .arrow {
	cursor:pointer;
	color:#1A3481;
	padding-bottom:5px;
}

.Calendar .calendarCallOut table .arrow:hover {
	color:#677BAE;
}

.Calendar .calendarCallOut table td{
	background-color:#ddd;
	border:1px solid #999;
	color:#333;
	cursor:pointer;	
	height:18px;
	text-align:center;
	width:21px;
}	

.Calendar .calendarCallOut table .otherMonth {
	background-color:#ccc;
	color:#666;
	cursor:text;
}

.Calendar .calendarCallOut table .selected {
	background-color:#eee;
	color:#1A3481;
	font-weight:bold;
}

.Calendar .calendarCallOut .calendarNav {
	text-align:left;
	margin:5px 0px 5px 25px;
}

.Calendar .calendarCallOut .calendarNav span{
	font-weight:bold;
	color:#555;
	cursor:pointer;
}

.Calendar .calendarCallOut .calendarNav .selected{
	color:#1A3481;
}

.Calendar .calendarCallOut .calendarNav span:hover{
	color:#1A3481;
}

.Calendar .calendarCallOut .CalendarFilter {

}

.Calendar .calendarCallOut .CalendarFilter fieldset{
	width:190px;
}

.Calendar .calendarCallOut .CalendarFilter fieldset h4{
	text-transform:capitalize;
}

.Calendar .calendarCallOut .CalendarFilter fieldset span{
	display:block;
	margin:2px 0px;
}

.Calendar .calendarCallOut .CalendarFilter fieldset span label{
	margin:0px 0px 0px 5px;
}

.Firefox .Calendar .calendarCallOut .CalendarFilter fieldset span label{
	vertical-align:middle; /* to have the text aligned better with the input */
}

.Firefox .Calendar .calendarCallOut .CalendarFilter fieldset input{
	vertical-align:middle; /* to have the text aligned better with the input */
}

/* ==== listing complete results for time frame ==== */
.Calendar .CalendarResults .loading {
	display:none;
}

.Calendar .CalendarResults {
	width:470px; /*  for wkst, same as #centerZone for use in the center zone */
}

.Calendar .CalendarResults .data ul.pagination {
	border-bottom:1px solid #A5B2D2;
	margin:0px 0px 10px 0px;
	padding:2px 0px;
	text-align:right;
}

.Calendar .CalendarResults .data ul.pagination li {
	display:inline;
}

.Calendar .CalendarResults .data ul.pagination li a:hover{
	text-decoration:none;
}

.Calendar .CalendarResults .data h3{	
	border-bottom:2px solid #A5B2D2;
	font-size:12px;	
	margin:0px;
}

.Calendar .CalendarResults .data .OneCol div{
	border-bottom:1px solid #A5B2D2;
	padding:5px 0px;
	overflow:hidden;
	width:100%;
}

.Calendar .CalendarResults .data .OneCol div h4{
	margin:0px 0px 5px 0px;
	text-transform:capitalize;
}

.Calendar .CalendarResults .data .OneCol div span label {
	font-weight:bold;
	float:left;
	width:60px;	
}

.Calendar .CalendarResults .data .OneCol div span.startDate{
	display:block;
}

.Calendar .CalendarResults .data .OneCol div span.location{
	display:block; 
}

.Calendar .CalendarResults .data .OneCol .image img{
	float:left;
	width:60px;
	height:60px;
	margin:0px 10px 0px 0px;
}

.Calendar .CalendarResults .data .OneCol div p{
	clear:both;
	margin:0px;
	padding:2px 0px;	
}

.Calendar .CalendarResults .data .OneCol h2 {/* for group by date */
	color:#1A3481;
	font-size:12px;
	text-align:right;
	padding:5px 0px 2px 0px;
	margin:0px;
	border-bottom:1px solid #1A3481;
}

/* default layout - individual event info */
.Calendar .CalendarResults .calendarItem h3{
	font-size:12px;
	border-bottom:2px solid #A5B2D2;
	padding:0px 0px 2px 0px;
	margin:0px 0px 5px 0px;
}

.Calendar .CalendarResults .calendarItem .calendarItemCallout div {
	clear:both;
	margin:1px 0px;
}

.Calendar .CalendarResults .calendarItem .calendarItemCallout div label{
	float:left;
	width:80px;
	font-weight:bold;
}

/* full event layout - individual event info */
.Calendar .CalendarResults .calendarItem h4{
	font-size:12px;
	border-bottom:2px solid #A5B2D2;
	padding:0px 0px 5px 0px;
	margin:0px 0px 5px 0px;
}

.Calendar .CalendarResults .calendarItem span{
	clear:both;	
	display:block;
}

.Calendar .CalendarResults .calendarItem span.startTime{
	float:left;
}

.Calendar .CalendarResults .calendarItem span.endTime{
	clear:none;
	float:left;	
}

.Calendar .CalendarResults .calendarItem span.allDayEvent{
	clear:none;	
	float:left;
	margin:0px 0px 0px 10px;
}

.Calendar .CalendarResults .calendarItem span label{
	float:left;	
	font-weight:bold;
	width:80px;
}

.Calendar .CalendarResults .calendarItem div.attachment{
	margin:10px 0px 5px 0px;
}

.Calendar .CalendarResults .calendarItem div.Description{
	clear:both;	
	margin:10px 0px 10px 0px;
}

.Calendar .CalendarResults .calendarItem div.Description p{
	margin:0px;
	padding:2px 0px;
}	

/* class="waiting" is set when data is being requested */
.Calendar .CalendarResults.waiting .loading {
    display:block ;
}

.Calendar .CalendarResults.waiting .data {
    display:none ;
}

.Calendar .classifications { /* See description at .Aggregation */
    display:none ;
}


/* for inline results - many listings area
.Calendar.inline .CalendarResults .data .OneCol div h4{
	float:left;
	width:100px;
}

.Calendar.inline .CalendarResults .data .OneCol div span{
	float:left;
}
.Calendar.inline .CalendarResults .data .OneCol div span label{
	display:none;
}
.Calendar.inline  .CalendarResults .data .OneCol div span.date{
	width:90px;
}
.Calendar.inline  .CalendarResults .data .OneCol div span.allDayEvent{
	width:80px;
	text-align:center;
}

.Calendar.inline  .CalendarResults .data .OneCol div span.location{
	float:right;
	width:160px;
}*/

/* ==== Filter - Filter and pagination ====
=========================================== */  
.Aggregation .paginationFooter {
	clear:both;
	list-style:none;
	margin:0px;
	padding:5px 0px;
}

.Aggregation .paginationFooter li{
	display:inline;	
	padding:0px 3px;	
}

.Aggregation .paginationFooter li a{
	font-weight:bold;
}

.Aggregation .paginationFooter li a:hover{
	font-weight:bold;
}

.Aggregation .AggregationFilter fieldset{	
	padding:0px 0px 10px 0px;
}

.Aggregation .AggregationFilter fieldset h4{
	text-transform:capitalize;
}

.Aggregation .AggregationFilter fieldset span{
	display:block;
	margin:2px 0px;
}

.Aggregation .AggregationFilter fieldset span label{
	margin:0px 0px 0px 5px;
}

.Firefox .Aggregation .AggregationFilter fieldset span label{
	vertical-align:middle; /* to have the text aligned better with the input */
}

.Firefox .Aggregation .AggregationFilter fieldset input{
	vertical-align:middle; /* to have the text aligned better with the input */
}




/* ==== Filter Alpha List ====
============================== */ 
.Aggregation .alphaList {
	list-style:none;
	margin:0;
	padding:10px 0px 20px 20px;
}
html* .Aggregation .alphaList {
	padding:10px 0px 20px 0;
}

.Aggregation .alphaList li{
	display:inline;
	margin:0px 10px 0px 0px
}

.Aggregation .alphaList li a:link{
	font-weight:bold;
	text-decoration:underline;
}

.Aggregation .alphaList li a:visited{
	font-weight:bold;
	text-decoration:underline;
}

.Aggregation .alphaList li a:hover{
	font-weight:bold;
	text-decoration:underline;
}

.Aggregation .alphaList li a:active{
	font-weight:bold;
	text-decoration:underline;
}

.Aggregation .alpha .tocList{
	float: left;
	clear: both;
	margin:0px 0px 15px 0;
}
*html .Aggregation .alpha .tocList{
	clear: none;
	width: 100%;
}

.Aggregation .alpha div{
	float: left;
	clear: both;
	margin:0px 0px 10px 0px;	
}
*html .Aggregation .alpha div{
	clear: none;
	width: 100%;
}

.Aggregation .alpha div img{
	float:left;
	clear: none;
	height:60px;
	margin:0px 10px 0px 0px;
	width:60px;
}
.Aggregation .alpha  h3 {
	margin-bottom: 10px;
	width: 100%;
	float: left;
	clear: both;
}
.Aggregation .alpha  h4 {
	margin-bottom: 2px;
}
.Aggregation .alpha  p {
	margin:0px;
	padding:0 0px;	
}

/* class="waiting" is set when data is being requested */
.Aggregation .AggregationResults .loading {
    display:none ;
}

.Aggregation .AggregationResults.waiting .loading {
    display:block ;
}

.Aggregation .AggregationResults.waiting .data {
    display:none ;
}

/* display of tags used by each document */
/*
    Note: [selected] appears if the item is checked in the filter area
    <div class="classifications">
        <div class="oneClass [selected]">
            <span>classification Name</span>
            <ul>
                <li class="[selected]">
                    Attrib Name
                </li>
        </div>
        ...repeat for each classification ...
    </div>
 */
.Aggregation .AggregationResults .classifications
{
    display:none; 
}

/* ==== One Column ====
=================================== */	
html* #centerZone .WhatsNew,
html* #centerZone .TOCBlock,
html* #centerZone .Aggregation {
	float: left;
	clear: both;
	padding-bottom: 20px !important;

}
.WhatsNew .OneCol,
.TOCBlock .OneCol,
.Aggregation .OneCol {
	margin: 0;
	padding: 0;
	float: left;
	/*width:470px;   for wkst same as #centerZone for use in the center zone */
}

.WhatsNew .OneCol div,
.TOCBlock .OneCol div,
.Aggregation .OneCol div{
	padding:0 0 15px 0;		
	float: left;
	clear: both;
	/* you might want to put a height on this */
}

.WhatsNew .OneCol div.altRow{
		
}

.WhatsNew .OneCol div h4,
.TOCBlock .OneCol div 4,
.Aggregation .OneCol div h4{
	margin:0px;
	padding:0 0px 3px 0;
}
.WhatsNew .OneCol div p,
.TOCBlock .OneCol div p,
.Aggregation .OneCol div p{
	margin:0px;
	padding:0 0px 0 0;
}

#centerZone .OneCol .image a img,
.TOCBlock .OneCol .image a img,
.Aggregation .OneCol .image a img{
	float:left;
	height:60px;
	margin:0px 10px 0px 0px;
	width:60px;	
}
#leftZone .OneCol p,
#leftZone .OneCol h4 {
	width: 132px;
}
#leftZone .OneCol p {
	text-align: left;
}
#leftZone .OneCol a img{
	float:left;
	width: auto;
	height: auto;
	margin:0px 0 0px 0px;	
}

/* ==== Two Column ====
=================================== */	
.TOCBlock .TwoCol,
.Aggregation .TwoCol {
	overflow:hidden;
	/*width:470px;  need width if using overflow - for wkst same as #centerZone for use in the center zone */
}

.TOCBlock .TwoCol,
.Aggregation .TwoCol {	
	margin-bottom:5px;
}

.TOCBlock .TwoCol div,
.Aggregation .TwoCol div{
	float:left;
	padding:0 0 15px 0;
	width:47%;		
	/* you might want to put a height on this */
}
.TOCBlock .TwoCol h4,
.Aggregation .TwoCol h4 {
	margin-bottom: 3px;
}

.TOCBlock .TwoCol div.altRow,
.Aggregation .TwoCol div.altRow{
	
}

.TOCBlock .TwoCol div + div,
.Aggregation .TwoCol div + div{
	float:right;
}

.TOCBlock .TwoCol .altRow p,
.Aggregation .TwoCol .altRow p{
	margin:0px;
	padding:0 0px;
}

.TOCBlock .TwoCol .image a img,
.Aggregation .TwoCol .image a img{
	float:left;
	height:60px;
	margin:2px 10px 0px 0px;
	width:60px;	
}


/* ==== FAQ ====
================ */	
.FAQ ul {
	margin:0;
	padding:10px 0px 30px 35px;
}	
html* .FAQ ul {
	padding:10px 0px 30px 0;
}	

.FAQ ul li a p{
	margin:0px;
	padding:2px 0px;	
}	

.FAQ dl dt {
	font-weight:bold;
}	

.FAQ dl dd {
	margin:0 0px 20px 0px;
	padding:0px;
}	

.FAQ.callout {
	padding:5px;
}

.FAQ.callout dl dd {
	border-bottom:0;
	margin:10px 0px 0 0px;
	padding:0px;
}	

/* ==== file upload  ====
========================= */	
.DisplaySideUpload fieldset {
	width:263px;	padding:5px;
}

.IE .DisplaySideUpload fieldset {
	width:274px;
}

.IE6 .DisplaySideUpload fieldset {
	width:277px;
}

.DisplaySideUpload .uploadInfo{
	margin:0px 0px 5px 0px;
}

.DisplaySideUpload .uploadInfo.error {
	background-color:#eee;
	border:1px solid #aaa;
	color:#900;
}

.DisplaySideUpload .uploadFields {
	padding-right:5px;
}
.DisplaySideUpload .uploadFields div{
	margin:5px 0px;
}

.DisplaySideUpload .uploadFields div label{
	float:left;
	width:70px;
}

.DisplaySideUpload .uploadFields div input,
.DisplaySideUpload .uploadFields div textarea{
	font-size:12px;
}

.DisplaySideUpload .uploadFields div.file input{
	height:22px;
}

.DisplaySideUpload .uploadFields div.title input,
.DisplaySideUpload .uploadFields div.description textarea{
	width:183px;
}

.IE .DisplaySideUpload .uploadFields div.title input,
.IE .DisplaySideUpload .uploadFields div.description textarea{
	width:192px;
}

.DisplaySideUpload .uploadFields div.upload{
	text-align:right;
}

.Firefox .DisplaySideUpload .uploadFields div.upload input{
	padding:1px 4px;
}

/* ==== Search Results  ====
============================ */	
.SearchResults {	
	padding-bottom: 20px;
	/*width:470px;  for wkst, same as #centerZone for use in the center zone */
}
*html .SearchResults {
	padding-right: 40px;
}

/* general title area */
.SearchResults .titleTop{
	display:none;
}

.SearchResults .titleArea h4{
	margin:0px 0px 10px 0px;
}
/* general listings styles */
.SearchResults .OneCol div{
	padding:8px;
	margin:0px;
	overflow:hidden;
	/*width:99%;  need width if using overflow */
}

.SearchResults .OneCol .image a img{
	float:left;
	height:32px;
	margin:0px 10px 0px 0px;
	width:32px;
}

.SearchResults  .OneCol div  h4 {
	margin:0px;
}
.SearchResults h4 i {
	color: #7fc242;
}

.SearchResults  .OneCol div  h4 a {
	font-weight:bold;
}

.SearchResults  .OneCol span.date{
	display:block;
	padding:2px 0px 0px 0px;
}

.SearchResults  .OneCol div p{
	margin:0px;
	padding:2px 0px 0px 0px;
}


/* smart search styles */
.SearchResults .smartSearchResults {
	background-color:#fbf6de;
	margin-bottom:20px;
	border:1px solid #ab9c4d;
}

.SearchResults .smartSearchResults .OneCol{
}

.SearchResults .smartSearchResults h3 {	
	background-color:#fff;
	margin:0px;
	padding:0px 5px 0px 0px;
	text-align:right;		
}

/* organic search styles */
.SearchResults .organicSearchResults {
}

.SearchResults .organicSearchResults div.altRow {
	
}

/* general pagination */
.SearchResults .paginationFooter {
	text-align:right;
	clear:both;
	list-style:none;
	margin:0px;
	padding:2px 0px;
}

.SearchResults  .paginationFooter li{
	display:inline;	
}

.SearchResults .paginationFooter li a:link{
	font-weight:bold;
	margin:0px 4px;
}
.SearchResults .paginationFooter li a:visited{
	font-weight:bold;
	margin:0px 4px;
}
.SearchResults .paginationFooter li a:hover{
	font-weight:bold;
	margin:0px 4px;
}
.SearchResults .paginationFooter li a:active{
	font-weight:bold;
	margin:0px 4px;
}
/* ==== Search Results Combined ====
   smart search styles when smart search is nothing special
   ============================ */	
.SearchResultsCombined {	
	width:470px;/*  for wkst, same as #centerZone for use in the center zone */
}

.SearchResultsCombined .titleArea h4{
	margin:0px 0px 10px 0px;
}
/* general listings styles */
.SearchResultsCombined .OneCol div{
	padding:8px;
	margin:0px;
	overflow:hidden;
	width:99%; /* need width if using overflow */
}

.SearchResultsCombined .OneCol .image a img{
	float:left;
	height:32px;
	margin:0px 10px 0px 0px;
	width:32px;
}

.SearchResultsCombined  .OneCol div  h4 {
	margin:0px;
}

.SearchResultsCombined  .OneCol div  h4 a {
	font-weight:bold;
}

.SearchResultsCombined  .OneCol span.date{
	display:block;
	padding:2px 0px 0px 0px;
}

.SearchResultsCombined  .OneCol div p{
	margin:0px;
	padding:2px 0px 0px 0px;
}

/* organic search styles */
.SearchResultsCombined .organicSearchResults,
.SearchResultsCombined .smartSearchResults {
}

.SearchResultsCombined .smartSearchResults div.altRow,
.SearchResultsCombined .organicSearchResults div.altRow {
	background-color:#eee;
	border-bottom:1px solid  #A5B2D2;
	border-top:1px solid  #A5B2D2;
}

/* general pagination */
.SearchResultsCombined .paginationFooter {
	text-align:right;
	clear:both;
	list-style:none;
	margin:0px;
	padding:2px 0px;
}

.SearchResultsCombined  .paginationFooter li{
	display:inline;	
}

.SearchResultsCombined .paginationFooter li a:link{
	font-weight:bold;
	margin:0px 4px;
}
.SearchResultsCombined .paginationFooter li a:visited{
	font-weight:bold;
	margin:0px 4px;
}
.SearchResultsCombined .paginationFooter li a:hover{
	font-weight:bold;
	margin:0px 4px;
}
.SearchResultsCombined .paginationFooter li a:active{
	font-weight:bold;
	margin:0px 4px;
}

.SearchResultsCombined .titleMiddle,
.SearchResultsCombined .footerTop,
.SearchResultsCombined .smartSearchTitle
{
    display:none;
}

/* ==== Site Map  ==========
============================ */	
.SiteMap ul{
	list-style:none;
	margin:10px 0 20px 10px;
	padding:0px;
}

.SiteMap ul li{
	margin: 0px 0px 5px 0px;
}

.SiteMap ul li a:link{
	font-weight:bold;
}

.SiteMap ul li a:visited{
	font-weight:bold;
}

.SiteMap ul li a:hover{
	font-weight:bold;
}

.SiteMap ul li a:active{
	font-weight:bold;
}

.SiteMap li ul{
	margin:5px 0px 10px 10px;
	padding:0px;
}

.SiteMap li ul li a:link {
	font-weight:normal;
}

.SiteMap li ul li a:visited {
	font-weight:normal;
}

.SiteMap li ul li a:hover{
	font-weight:normal;
}

.SiteMap li ul li a:active {
	font-weight:normal;
}
	

/* ==== Form Editor ====
======================== */	
.FormEditor .ErrorMessage {
	background-color:#eee;
	border:1px solid #aaa;
	color:#900;
	padding:5px;
}

.FormEditor  .ErrorMessage .SFMessage:before {
	content: "-";
}
.FormEditor .formBlockSubmit {
	margin-left: 150px;
}
/* ==== comment form ====
======================== */	
.commentForm{
	margin-bottom:30px;
	padding-bottom:20px;
	border-bottom:1px solid #ddd;
}

.commentForm .name,
.commentForm .email,
.commentForm .rating,
.commentForm .title,
.commentForm .comment,
.commentForm .recaptcha,
.commentForm .thankYouForm{
	margin-top:10px;
}

.commentForm .label{
	font-weight:bold;
	display:block;
}

/*.commentForm .comment .label{
	float:left;
	margin-right:5px;
}*/

.commentForm table{
	border-collapse:collapse;
	margin:0;
	padding:0;
}

.commentForm table tr{
	margin:0;
	padding:0;
}

.commentForm table td{
	margin:0;
	padding:0;
	text-align:center;
}

.commentForm .nameMessage,
.commentForm .emailMessage,
.commentForm .titleMessage,
.commentForm .ratingMessage,
.commentForm .commentMessage,
.commentForm .recaptchaMessage{
	display:none;
}

.commentForm .icon{
	display:none;
}
.commentForm .ErrorMessage{
	display:none;
}
.commentForm .messageOn,
.commentForm .error{
	color:#900;
	display:block;
}

.commentForm .buttons{
	margin-top:20px;
}

.commentForm .buttons,
.commentForm .thankYouForm{
	clear:both;
}

/* ==== comments ====
======================== */	
.commenting .label{
	font-weight:bold;
	margin-right:5px;
}

.comments .label,
.summary .label{
	float:left;