@charset "utf-8";
/* CSS Document */

/* set default font style and font size */ 
body, td, textarea
{
	font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

body	
{ 
	padding:0px;
	margin:0px; 
}

/* IE does headings differently to other browsers, so set consistent font size: */
h1 {font-size:2em;}
h2	{font-size:1.5em; margin-bottom:0.2em; margin-top:0.2em; font-family:Arial;}
h3	{font-size:1.2em; margin-bottom:0.2em; margin-top:0.2em;}
h4	{font-size:1em;}
h5	{font-size:0.88em;}
h6	{font-size:0.77em;}
p, td, ul, ol, div, form, textarea, input, table {font-size:1em;}

UL, OL
{
	margin-bottom:0;
	margin-left:2em;
	margin-top:0;
}

img
{
		border-style:none;
}

img.LeftAlignedImage
{
	margin-right:8px;
}
img.RightAlignedImage
{
	margin-left:8px;
}

THEAD TD
{
	font-weight:bold;
	font-size:1em;
	background-color:#FCB41F;
	color:black;
}

pre {font-size:1.1em; font-family:Courier New, Courier, monospace;}

	TEXTAREA, INPUT
	{
		font-size:1em;
	}

/*a
{
	color:red ;
}*/

A:HOVER
{
	color:Red;
}

/* calendar */
DIV.calendar
{
	border:solid #cccccc 1px;
	background-color:#eeeeee;
	padding-bottom:0.3em;
	width:14em;
	height:12em;
}
DIV.calendar A
{
	color:White;
}
DIV.calendarTitle
{
	padding:0.3em;
	margin-bottom:0.3em;

	text-align:center;
	font-weight:bold;
	background-color:#003366;
	color:White;
}
DIV.calendarDayNames
{
	width:100%;
	clear:both;
	text-decoration:underline;
	padding-bottom:0.2em;
}
DIV.calendarDayNames DIV
{
	text-align:center;
	width:14%;
	float:left;
}
DIV.calendarDayRow
{
	text-align:center;
	width:100%;
	clear:both;
}
DIV.calendarDayRow DIV
{
	text-align:center;
	width:14%;
	float:left;
}
DIV.calendarDayRow A
{
	font-weight:bold;
	color:#336699;
}

/* -------------------------------------- */


	#RelatedLinks 
	{
		background-color: #903;
		color: #ffffff;
		padding: 0.2em;
	}
	#RelatedLinks A
	{
		color: #ffffff;
	}
	#RelatedLinks A:HOVER
	{
		color: red;
	}
	#RelatedLinkCurrent
	{
		color: #ffffff;
		font-weight: bold;
	}	




/* Search */

	DIV.searchBox
	{
		padding-left:0.1em;
		padding-top:0.1em;
		padding-bottom:0.1em;
		background-color:#cccccc;
	}

	SPAN.searchResultsPath
	{
		color:Green;
	}

	DIV.searchResult 
	{
		padding-bottom:0.4em;
	}
	
	A.resultTitle
	{
		font-size:1.2em;
	}
	
	SPAN.resultUrl
	{
		color:Green;
	}

/* Sitemap */

	UL.siteMap0
	{
		font-size:1.2em;
		list-style-type:none;
		font-weight:bold;
	}
	UL.siteMap1
	{
		font-size:0.9em;
		list-style-type:none;
	}
	UL.siteMap1 LI
	{
		padding-top:0.2em;
		padding-bottom:0.2em;
	}
	UL.siteMap2
	{
		font-size:0.9em;
		font-weight:normal;
		list-style-type:disc;
	}
	UL.siteMap2 LI
	{
		padding-top:0.1em;
		padding-bottom:0.1em;
	}
	UL.siteMap3
	{
		font-size:0.9em;
	}
	
/* -------------------- */	



/* Data Grid */

TR.tblGrp1 TD
	{
		font-size: 1.1em;
		font-weight: bold;
		border-bottom: solid #000 1px;
		padding-top: 6px;
}

TR.tblRowAlt
{
	background-color: #e3e3e3;

}
.tblHeader
{
	font-weight:bold;
	font-size:1em;
	background-color:#FCB41F;
	color:black;
}

/* -------------------- */	


BODY
{
	margin:0px;
}

FORM
{
	margin:0px;
}

/* ----------------------------------------- */

DIV.mastheadLinks
{
	background-color:#FEF764;
	text-align:right;
	padding:0.1em;
}

DIV.masthead
{
	padding:1em;
}

DIV.featureLinks
{
	background-color:#E54418;
	padding:0.4em;
	text-align:right;
	color:White;
}

DIV.breadcrumb
{
	background-color:#FAD668;
	padding:0.4em;
}

DIV.breadcrumb A
{
}

DIV.nav
{
	width:20%;
	float:left;
	height:30em;
	background-color:#F08E4B;
}

/*
DIV.content
{
	width:75%;
	float:left;
	padding-left:0.8em;
	padding-top:0.8em;
	padding-bottom:0.8em;
}
*/

DIV.printFriendlyContent
{
	padding:2em;
}



/* Letter selector */	
	#LetterSelector DIV
	{
		float:left;
		border:solid #cccccc 1px;
		padding:2px;
		margin:0.1em;
	}
	#LetterSelector DIV A
	{
		font-size:1em;
		font-weight:bold;
		text-decoration:none;
	}
	#LetterSelector .Selected
	{
		background-color:#666666;
	}
	#LetterSelector .Selected A
	{
		font-weight:bold;
		color:White;
	}
	#LetterSelector .Unavailable
	{
		color:#999999; 
	}	
	
/* AZ Index */	

	#AZIndex
	{
		clear:both;
	}
	
	/* ----------------------------------------------------------------------- */	
	DIV.WeatherForecastOverview
	{
		height:5em;
	}
	DIV.WeatherForecastOverview DIV.Img
	{
		float:right;
		padding-left:0.4em;
		padding-right:0.4em;
		font-weight:bold;
		text-align:center;
	}
	DIV.WeatherForecastOverview DIV.Title
	{
		font-weight:bold;
	}
	DIV.WeatherForecastOverview DIV.Forecast
	{
		
	}
	DIV.WeatherForecastOverview DIV.Max
	{
		font-weight:bold;
		float:right;
	}

	/* ----------------------------------------------------------------------- */	

	DIV.WeatherForecastDetails
	{
		width:100%;
		border-bottom:solid #cccccc 1px;
		padding-bottom:1.2em;
	}	
	DIV.WeatherForecastDetails DIV.BOM
	{
		font-size:0.85em;
		color:Black;
		padding-bottom:1em;
		border-bottom:solid #cccccc 1px;
	}
	DIV.WeatherForecastDetails DIV.Day
	{
		width:100%;
		clear:both;
		padding-top:1.2em;
		padding-bottom:0.3em;
	}
	DIV.WeatherForecastDetails DIV.Day Div.Img
	{
		float:left;
		width:10%;
	}
	DIV.WeatherForecastDetails DIV.Day Div.Name
	{
		float:left;
		width:20%;
		font-weight:bold;
	}
	DIV.WeatherForecastDetails DIV.Day Div.Forecast
	{
		float:left;
		width:50%;
	}
	DIV.WeatherForecastDetails DIV.Day Div.Max
	{
		float:left;
		width:18%;
		font-weight:bold;
		padding-top:0.4em;
	}
	
	/* ----------------------------------------------------------------------- */	

	DIV.imageLibrary
	{
		width:100%;
		clear:both;
	}
	DIV.imageLibrary DIV
	{
		text-align:center;
		float:left;
		width:49%;
		padding-bottom:24px;
	}	
	
	
	
	/* ----------------------------------------------------------------------- */	
	.errorText
	{
		color:Red; font-weight:bold;
	}
	.warningText
	
	{
		color:Red;
	}

	/* ----------------------------------------------------------------------- */	
	
	DIV.templateMain
	{
		margin: 0;
		padding: 0;
		width:100%;
		background-color:white;
	}
	
	DIV.search
	{
		color:White;
		padding:5px 20px 5px 0;
		font-weight:bold;
	}

	DIV.search input
	{
		font-size:0.8em;
		/*height:1.2em;*/
	}
		
	TABLE.mastheadBar
	{
		background-color:Black;
	}
		
	DIV.navAccessibilty
	{
		/*border-bottom: solid 1px silver;*/
		padding-left:30px;
		/*padding:0.40em;*/
		padding-top: 0.4em;
		padding-bottom: 0.4em;
		background-color: Black;
		color:White;
	}

	DIV.navAccessibilty a
	{
		color:White;
		text-decoration:none;
	}

	
	DIV.templateMain DIV.navMain
	{
		padding-left:170px;
		padding-top:0.40em;
		padding-bottom:0.40em;		
		background-color: Black;
		color:White;
	}
	
	DIV.templateMain DIV.navMain A
	{
		color:White;
		margin-right:0.7em;
		text-decoration:none;
	}

	DIV.templateMain DIV.banner
	{
		position:relative;
		width:100%;
		background-image: url(/Img/home/bg.gif);
		background-repeat: repeat-x;
		background-position: 786px 0px;
		background-color:black;
		height:113px;
	}
	
	DIV.templateMain DIV.banner DIV.logo
	{
		position:absolute;
		top:0;
		left:0;
		width:170px;
		height:113px;

	}
	
	DIV.templateMain DIV.banner DIV.image
	{
		position:absolute;
		top:0;
		left:170px;
		background-image:url(/Img/home/banner_bg.gif);
		float:left;
		width:600px;
		height:113px;
	}

	DIV.templateMain DIV.contentArea
	{
		position:absolute;
		width:99%;
	}
	
	DIV.templateMain DIV.contentArea DIV.navigation
	{
		z-index:10;
		LEFT:0px;
		WIDTH:171px;
		POSITION:absolute;
		TOP:0px;
	}

	DIV.templateMain DIV.contentArea DIV.Content
	{
		padding-left:0.8em;
		padding-top:0.8em;
		padding-bottom:0.8em; 
		LEFT:172px;
		POSITION:absolute;
		TOP:0px;
	}

	h1, h3, h4, h5
	{
		color:#F04E23;	
	}
	h2
	{
		color:#E77B0B;
	}

	h1	
	{
		font-size:1.8em;
		margin-top:0.4em;	
	}

	DIV.templateMain DIV.contentArea DIV.Footer
	{
		margin-top:4em;
		width:100%;
	}
	DIV.templateMain DIV.contentArea DIV.Footer P
	{
		margin-top:0;
		margin-bottom:0;
	}

	DIV.templateMain DIV.contentArea DIV.Footer a
	{
		 font-weight:bold;
		 color:black;
	}


	/***********************************************************************/
	/* Navigation Menus
	/***********************************************************************/

	#nav a.col1, #nav a.col1Parent {background-color:#F49A3D;}
	#nav a.col2, #nav a.col2Parent {background-color:#F59F37;}
	#nav a.col3, #nav a.col3Parent {background-color:#F7A432;}
	#nav a.col4, #nav a.col4Parent {background-color:#F9A92C;}
	#nav a.col5, #nav a.col5Parent {background-color:#FAAE25;}
	#nav a.col6, #nav a.col6Parent {background-color:#FCB41F;}
	#nav a.col7, #nav a.col7Parent {background-color:#FDBA18;}
	#nav a.col8, #nav a.col8Parent {background-color:#FEBF12;}
	#nav a.col9, #nav a.col9Parent {background-color:#FFC20F;}

	#nav a.col1:hover, #nav a.col1Parent:hover, #nav a.col1Highlight {background-color:#FFB154 ;}
	#nav a.col2:hover, #nav a.col2Parent:hover, #nav a.col2Highlight {background-color:#FFB64E ;}
	#nav a.col3:hover, #nav a.col3Parent:hover, #nav a.col3Highlight {background-color:#FFBB49 ;}
	#nav a.col4:hover, #nav a.col4Parent:hover, #nav a.col4Highlight {background-color:#FFC043 ;}
	#nav a.col5:hover, #nav a.col5Parent:hover, #nav a.col5Highlight {background-color:#FFC53C ;}
	#nav a.col6:hover, #nav a.col6Parent:hover, #nav a.col6Highlight {background-color:#FFCB36 ;}
	#nav a.col7:hover, #nav a.col7Parent:hover, #nav a.col7Highlight {background-color:#FFD12F ;}
	#nav a.col8:hover, #nav a.col8Parent:hover, #nav a.col8Highlight {background-color:#FFD629 ;}
	#nav a.col9:hover, #nav a.col9Parent:hover, #nav a.col9Highlight {background-color:#FFD629 ;}

	#nav li ul li a.col1, #nav li ul li a.col1Parent {background-color:#F49A3D ;}
	#nav li ul li a.col2, #nav li ul li a.col2Parent {background-color:#F59F37 ;}
	#nav li ul li a.col3, #nav li ul li a.col3Parent {background-color:#F7A432 ;}
	#nav li ul li a.col4, #nav li ul li a.col4Parent {background-color:#F9A92C ;}
	#nav li ul li a.col5, #nav li ul li a.col5Parent {background-color:#FAAE25 ;}
	#nav li ul li a.col6, #nav li ul li a.col6Parent {background-color:#FCB41F ;}
	#nav li ul li a.col7, #nav li ul li a.col7Parent {background-color:#FDBA18 ;}
	#nav li ul li a.col8, #nav li ul li a.col8Parent {background-color:#FEBF12 ;}
	#nav li ul li a.col9, #nav li ul li a.col9Parent {background-color:#FFC20F ;}

	#nav li ul li a.col1:hover, #nav li ul li a.col1Parent:hover {background-color:#FFB154 ;}
	#nav li ul li a.col2:hover, #nav li ul li a.col2Parent:hover {background-color:#FFB64E ;}
	#nav li ul li a.col3:hover, #nav li ul li a.col3Parent:hover {background-color:#FFBB49 ;}
	#nav li ul li a.col4:hover, #nav li ul li a.col4Parent:hover {background-color:#FFC043 ;}
	#nav li ul li a.col5:hover, #nav li ul li a.col5Parent:hover {background-color:#FFC53C ;}
	#nav li ul li a.col6:hover, #nav li ul li a.col6Parent:hover {background-color:#FFCB36 ;}
	#nav li ul li a.col7:hover, #nav li ul li a.col7Parent:hover {background-color:#FFD12F ;}
	#nav li ul li a.col8:hover, #nav li ul li a.col8Parent:hover {background-color:#FFD629 ;}
	#nav li ul li a.col9:hover, #nav li ul li a.col9Parent:hover {background-color:#FFD629 ;}

	#nav li ul.kicked li a.col1, #nav li ul.kicked li a.col1Parent {background-color:#FFB154 ;}
	#nav li ul.kicked li a.col2, #nav li ul.kicked li a.col2Parent {background-color:#FFB64E ;}
	#nav li ul.kicked li a.col3, #nav li ul.kicked li a.col3Parent {background-color:#FFBB49 ;}
	#nav li ul.kicked li a.col4, #nav li ul.kicked li a.col4Parent {background-color:#FFC043 ;}
	#nav li ul.kicked li a.col5, #nav li ul.kicked li a.col5Parent {background-color:#FFC53C ;}
	#nav li ul.kicked li a.col6, #nav li ul.kicked li a.col6Parent {background-color:#FFCB36 ;}
	#nav li ul.kicked li a.col7, #nav li ul.kicked li a.col7Parent {background-color:#FFD12F ;}
	#nav li ul.kicked li a.col8, #nav li ul.kicked li a.col8Parent {background-color:#FFD629 ;}
	#nav li ul.kicked li a.col9, #nav li ul.kicked li a.col9Parent {background-color:#FFD629 ;}

	#nav, #nav ul {
		float: left;
		width: 171px;
		list-style: none;
		line-height: 1em;
		padding: 0;
		border: solid 1px #ccc;
		margin: 0 0 1em 0;
	}

	#nav 
	{
		border:none;
		border-width: 0px;
	}
	
	#nav, #nav ul
	{
		background-image:url(/Img/NavBG.gif);
	}

	#nav a
	{
		display: block;
		text-decoration: none;
		color: #000;
		padding: 0.6em 0em 0.6em 0px;
		width:171px;

		font-size:1.1em;
	}
	#nav li ul a
	{
		font-size:0.89em;
		font-weight: normal;
	}
	
	#nav a.col1Parent, #nav a.col2Parent, #nav a.col3Parent, #nav a.col4Parent, #nav a.col5Parent, #nav a.col6Parent, 
	#nav a.col7Parent, #nav a.col8Parent, #nav a.col9Parent
	{
		/*background-image:url(/img/NavArrow.gif);*/
		background-repeat:no-repeat;
	}
	#nav li ul li a.col1Parent, #nav li ul li a.col2Parent, #nav li ul li a.col3Parent, #nav li ul li a.col4Parent, 
	#nav li ul li a.col5Parent, #nav li ul li a.col6Parent, #nav li ul li a.col7Parent, #nav li ul li a.col8Parent, 
	#nav li ul li a.col9Parent
	{
		/*background-image:url(/img/NavArrow2.gif);*/
		background-repeat:no-repeat;
	}

	#nav li 
	{
		float: left;
		padding: 0px;
		width: 171px; /* Width of Menu Items */
	}

	/* 2nd level menu items */
	#nav li ul 
	{
		position: absolute;

		/*left: -999em;*/
		display:none;

		height: auto;
		width: 171px; 
		border-width: 0px;
		
		font-weight:normal;

		/* offset for 2nd level menu - to right and back at same height as 1st level parent */
		margin: -2.2em 0 0 170px;
	}

	/* offset for 3rd level menu */
	#nav li ul li ul
	{
		margin-top:-1.93em;
	}

	/* 2nd and 3rd level items */
	#nav li a 
	{
		padding:0.5em 0.1em 0.5em 0.4em;
		width:auto;
	}
	#nav li ul a 
	{
		padding:0.4em 0.1em 0.4em 1.1em;
		width:auto;
	}
	#nav li ul li ul a 
	{
		padding:0.4em 0.1em 0.4em 1.8em;
		font-size:0.89em;
		width:auto;
	}

	/* Fix IE. Hide from IE Mac \*/
	* html #nav li { float: left; height: 1%; }
	* html #nav  li a { height: 1%; }
	/* End */
	
	#nav li ul a:hover
	{
		color:Red;
	}

	/* these 2 classes make the sub menus work properly */
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul 
	{
		/*left: -999em;*/
		display:none;
	}
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, 
	#nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul 
	{
		/*left: auto;*/
		display:block;
	}

/*
	#nav li:hover, #nav li.sfhover 
	{
		background: orange;
	}
*/

	/* ROB */

	#nav li ul.kicked, #nav li li ul.kicked, #nav li li li ul.kicked
	{
		/*float: left;		*/
		display:block;
		position: static;
		margin: 0 0 0 0px;
	}

	/* Adjusted up : SM */
	#nav li ul.adjusted
	{
		/* offset for 2nd level menu - to right and up from 1st level parent */
		margin: -13.6em 0 0 170px;
	}

	/***********************************************************************/
	/* End Navigation Menus
	/***********************************************************************/

/* Login Box */
	
	TABLE.LoginBox
	{
		background-color:#EBE9DC;
		margin-left:2em;
	}

	TABLE.LoginBox TD
	{
		padding-left:1em;
		padding-right:1em;
	}
	
	TD.LoginBoxTitle
	{
		border:solid #E6E4D4 4px;
		text-align:center;
		background-color:#303030;	
		font-size:1.5em;
		color:White;
	}


	/***********************************************************************/
	/* WebForm */

	SPAN.FormTitle, TD.FormTitle
	{
		color:black;
		font-weight:bold;
		/*text-transform:uppercase;*/
	}
	SPAN.FormTitleError
	{
		color:red;
		font-weight:bold;
		text-transform:uppercase;
	}
	SPAN.FormRequired
	{
		color:Red;
	}
	DIV.FormErrorSummary
	{
		color:Red;
		padding:8px;
	}

	TD.FormSectionTitle
	{
		background-image:url(/Img/TblBG.gif);
		font-weight:bold;
		text-transform:uppercase;
		border-top:solid #F79620 1px;
	}	
	
	
	/* ----------------------------------------------------------------------- */	


	DIV.IconMessage
	{
		font-size:1.5em;
		padding-top:16px;
		padding-bottom:16px;
		color:Blue;
	}
	
	
	
/* ----------------------------------------------------------------------- */	
	

	TABLE.forumTopic
	{
		margin-top:1em;
		margin-bottom:2em;
		padding:0;
	}
	TABLE.forumTopic th
	{
		background-color:#FCB41F;
		padding:0.6em;
		text-align:left;
	}
	TABLE.forumTopic th span
	{
		float:right;
	}
	TABLE.forumTopic th A
	{
		text-decoration:none;
	}
	TABLE.forumTopic td.fullname, TABLE.forumTopic td.dateEntered
	{
		padding:0.4em;
		background-image:url(/Img/Headings/FadeBG.gif);
	}
	TABLE.forumTopic td.comment
	{
		background-color:#eeeeee;
		padding:0.4em;
		padding-bottom:1em;
		border-bottom:solid white 1px;
	}
	TABLE.forumTopic td.fullname
	{
		font-weight:bold;
	}
	
	DIV.addYourComment DIV.title
	{
		background-color:#FCB41F;
		font-weight:bold;
		padding:0.4em;
	}
	DIV.addYourComment DIV.form
	{
		padding:0.4em;
		background-color:#eeeeee;
	}


	/* ----------------------------------------------------------------------- */	


	DIV.boxPink
	{
	}
	DIV.boxPink DIV.boxTitle
	{
		color:White;
		font-size:1.1em;
		font-weight:bold;
		letter-spacing:0.15em;
		background-color:#F9AAA2;
		background-image:url(/WebFiles/Website%20Templates/Img/boxPinkTitleBG.gif);
		background-repeat:repeat-y;
		padding:0.4em; 
	}
	DIV.boxPink DIV.boxContent
	{
		background-color:#F9D8DA;
		font-size:1em;
		padding:1em;
	}

	DIV.boxOrange
	{
	}
	DIV.boxOrange DIV.boxTitle
	{
		color:White;
		font-size:1.1em;
		font-weight:bold;
		letter-spacing:0.15em;
		background-color:#F7CC8E;
		background-image:url(/WebFiles/Website%20Templates/Img/boxOrangeTitleBG.gif);
		background-repeat:repeat-y;
		padding:0.4em;
	}
	DIV.boxOrange DIV.boxContent
	{
		background-color:#FAE3C3;
		font-size:1em;
		padding:1em;
	}

	/* VG 1/12/2008: Added classes for the pool opening hours */

	div.poolHoursOverallBox
	{
		background-color:#ff9900;
		width: 185px;	
		border:thin solid #ff9900;
		padding-top: 5px
	}

	div.poolHoursMainHeading
	{
		color:White;
		font-size:9pt;
		font-weight:bold;
		letter-spacing:0.15em;
		background-color:#ff9900;
		text-align: center;
		padding:.5em;
	}

	div.poolHoursSubHeading
	{
		color:Black;
		font-size:8pt;
		background-color:#F4B861;
		height:20px;
   	}

	div.poolHoursContent
	{
		background-color:#FAE3C3;
		font-size:.8em;
		padding:.5em;
		color:Black;
	}

  	div.poolHoursSubHeadingError
	{
		color:Black;
		font-size:1em;
		background-color:#F7897E;
		height:35px;
   	}
   	
	/* ----------------------------------------------------------------------- */	

	DIV.pollTitle
	{
		font-weight:bold;
		margin-bottom:1em;
	}
	
	DIV.pollQuestions
	{
	}
	
	a.arrow{
				float:left;
				font-size:10px;
				color:#FFFFFF;
				background-image:url(Webfiles/Image Library/linko.png);
				background-position:right;
				background-repeat:no-repeat;
				background-color:#E77B0B;
				padding:2px 20px 4px 6px !important;
				padding:1px 20px 2px 6px;
				height:10px;
				text-transform:uppercase;
				text-decoration:none;
				}

/* Creative Gippsland Table
------------- */
table.cg  { margin-bottom: 1.3em; width:100%;}
table.cm  { margin-bottom: 1.3em; width:300px;}
table.cg td, table.cm td    { border-bottom: 1px solid #c1c1c1; padding:5px 3px 5px 6px;}
tr.alt      {background: #d6d6d6;}
tr.header   {color: #000000; letter-spacing: 1px; text-transform: uppercase; text-align: left; padding: 6px 6px 6px 12px; background: #ffe26e;}
table.cg tr:hover, table.cm tr:hover {background: #f7f7d7;}

/* Fees Selection div
------------- */
#box ul      { list-style-type: none; }
#box ul li   { display: inline; text-align: center;}
#box ul li a { display:inline-block; padding: 10px; margin: 10px; text-decoration: none; border:1px solid #C1DAD7; background: #f5fafa; }
#box ul li a:hover { background: #f7f7d7; }

.feature     { background:#f9e8d9; padding:2em; border-bottom:1px dashed #bfbfbf; border-top:1px dashed #bfbfbf; padding-bottom:3em; margin-bottom:2em;}
.feature2     { background:#ECEDED; padding:2em; border-bottom:1px dashed #bfbfbf; border-top:1px dashed #bfbfbf; padding-bottom:3em; margin-bottom:2em;}

hr {border: none 0;
border-top: 1px dashed #f4b861;
width: 98%;
height: 1px;
text-align:center;}

.pdf, .word, .application {
display:inline-block;
padding-left:20px;
line-height:18px;
}
.pdf {
background:transparent url(/WebFiles/Icons/pdf.gif) center left no-repeat;
}
.word{
background:transparent url(/WebFiles/Icons/word.gif) center left no-repeat;
}
.application {
background:transparent url(/WebFiles/Icons/application.gif) center left no-repeat;
}
ul.nobullet{
	list-style:none}
	
ul.lessindent {
margin-left:-20px;
} 
ul.lessindent li {
margin:0 0 12px 0;
} 

/**************************************************************************

****************************************************************************

***************SUSTAINABILITY layout**************************************/

.thrColLiqHdr #container {
  width: 95%;
  margin: 0 auto;
  text-align: left;
}

.thrColLiqHdr #header {
  padding: 0 10px;
}

.thrColLiqHdr #header h1 {
  margin: 0;
  padding: 10px 0;
}


/* Tips for sidebars:

1. Since we are working in percentages, it's best not to use side padding on
the sidebars. It will be added to the width for standards compliant browsers
creating an unknown actual width.

2. Space between the side of the div and the elements within it can be created
by placing a left and right margin on those elements as seen in the
".thrColLiqHdr #sidebar1 p" rule.

3. Since Explorer calculates widths after the parent element is rendered, you
may occasionally run into unexplained bugs with percentage-based columns. If
you need more predictable results, you may choose to change to pixel sized
columns.
*/

.thrColLiqHdr #sidebar1 {
  float: left;
  width: auto;
  padding: 15px 0;
}

.thrColLiqHdr #sidebar2 {
  float: right;
  width: 23%;
  padding: 15px 0;
}

.thrColLiqHdr #sidebar1 p,
.thrColLiqHdr #sidebar1 h3,
.thrColLiqHdr #sidebar2 p,
.thrColLiqHdr #sidebar2 h3 {
  margin-left: 10px;
  margin-right: 10px;
}


/* Tips for mainContent:

1. the space between the mainContent and sidebars is created with the left and
right margins on the mainContent div.

2. to avoid float drop at a supported minimum 800 x 600 resolution, elements
within the mainContent div should be 300px or smaller (this includes images).

3. in the Internet Explorer Conditional Comment below, the zoom property is
used to give the mainContent "hasLayout." This avoids several IE-specific bugs.

*/

.thrColLiqHdr #mainContent {
  margin: 0 24% 0 0;
  /* the right and left margins on this div element creates the two outer
   * columns on the sides of the page. No matter how much content the sidebar
   * divs contain, the column space will remain. You can remove this margin if
   * you want the #mainContent div's text to fill the sidebar spaces when the
   * content in each sidebar ends.
   */
}

.thrColLiqHdr #footer {
  padding-left: 0;
  padding-right: 24%;
}

.thrColLiqHdr #footer p {
  margin: 0;
  padding: 10px 0;
}


/* Miscellaneous classes for reuse */

.fltrt {
  /* this class can be used to float an element right in your page. The floated
   * element must precede the element it should be next to on the page.
   */
  float: right;
  margin-left: 8px;
}

.fltlft {
  /* this class can be used to float an element left in your page The floated
   * element must precede the element it should be next to on the page.
   */
  float: left;
  margin-right: 8px;
}

.clearfloat {
  /* this class should be placed on a div or break element and should be the
   * final element before the close of a container that should fully contain
   # its child floats */
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}


/* Non layout stuff - use for debugging
 *
 * body {
 *   font: 100% Verdana, Arial, Helvetica, sans-serif;
 *   background: #fff;
 *   color: #000000;
 * }
 * 
 * .thrColLiqHdr #container {
 *   border: 1px solid #000000;
 * }
 * 
 * .thrColLiqHdr #sidebar2 {
 *   background: #EBEBEB;
 * }
 * 
 * .thrColLiqHdr #footer {
 *   background:#DDDDDD;
 * }
 * 
 */
 
 /**************************************************************************

****************************************************************************

***************SUSTAINABILITY STYLES**************************************/
/*body {
  font-family: verdana;
  font-size: .8em;
  background: #fff;
}*/

img {
  border: none;
}


/* layout */

#mainContent {
  padding-top: 4px;
  padding-right: 2em;
}


/* content styling */

.footer {
  margin-top: 10px;
  border-top: 1px solid #006666;
  font-size: 0.9em;
  font-weight: normal;
  background-color: transparent;
}

/* fix content from html editor */
#sidebar2 div.plain {
  margin-left: 10px;
  margin-right: 10px;
}


/* Feature actions */

.feature_actions div {
  float: left;
}
.feature_actions img {
  float: left;
  margin-right: 1em;
}
.feature_actions br {
  float: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
}


/* action content page */

.action_image {
  float: right;
  margin-left: 10px;
  margin-bottom: 5px;
}


/* Breadcrumbs */

ul.breadcrumbs {
  padding-left: 0;
}

ul.breadcrumbs li {
  display: inline;
}


/* releated items and links */

.topten_actions li,
.related_actions li,
.related_links li {
  list-style-type: none;
}

.topten_actions ul,
ul.related_actions,
ul.related_links {
  padding-left: 1em;
}

/* Events tile */
#eventstile {float:right; width:17em;  border:1px solid #d8d8d8; margin:0 5px 5px 5px;}

/* Events date tile */
#eventsdatetile {background:#e0e0e0; float:left; width:3.5em; height: 50px; margin:0px 5px 0px 0px; padding: 5px;}
#eventsdatetile p {font-size:1.2em; line-height:1.5em; color:#333366; margin:0px 0px 0 0; text-align: center;}

/* Events description tile */
#eventsdesctile {float:left; width:12em; height: 50px; margin: 0 0 0 0; padding: 5px 0 5px 0;}
#eventsdesctile p {font-size: 0.8em; line-height:0.7em; margin-left:0px;margin:0 0 0 0;}
#eventsdesctile h5 {font-size: 1.0em; font-weight: bold; line-height:1.1em; margin:0 0 4px 0;}
#eventsdesctile a {font-size: 1.0em; line-height:0.9em; margin:0 0 0 0;}

.thrColLiqHdr #sidebar2 #eventstile p { margin-left: 0px; margin-right:0px;}


/* Events */
#events {float:left; width:480px;  border:1px solid #d8d8d8; margin:0 0 5px;}

/* Events date */
#eventsdate {background:#d8d8d8; float:left; width:50px; height: 50px; margin:0px 5px 0px 0px; padding: 5px;}
#eventsdate p {font-size:1.4em; line-height:1.2em; color:#333366; margin:5px 0 0 0; text-align: center;}

/* Events description */
#eventsdesc {float:left; width:400px; height: 50px; margin: 0 0 0 0; padding: 3px;}
#eventsdesc p {font-size: 0.9em; line-height:1.0em; margin:0 0 0 0;}
#eventsdesc h4 {font-size: 1.0em; font-weight: bold; line-height:1.5em; margin:0 0 0 0;}
#eventsdesc a {font-size: 1.0em; line-height:1.0em; margin:0 0 0 0;}
#eventsdesc a hover {font-size: 1.0em; line-height:1.0em; margin:0 0 0 0;}

/* Events detail */
#eventsdetail {float:left; width:480px; margin:0 0 5px;}
#eventsdetail img {margin:0 0 15px; padding:2px; float:right;}

/* Events date detail */
#eventsdatedetail {background:#d8d8d8; float:left; width:50px; margin:0px 6px 0px 0px; padding: 5px;}
#eventsdatedetail p {font-size:1.4em; line-height:1.2em; color:#333366; margin:5px 0 0 0; text-align: center;}
#eventsdatedetail h5 {font-size:0.9em; font-weight:600; color:#333366; line-height:1.4em; margin:0 0 10px 0;}


/* Events description detail */
#eventsdescdetail {float:left; width:480px; margin: 0 0 0 0; padding: 0px;}
#eventsdescdetail h5 {font-size:0.9em; font-weight:600; color:#cc6600; line-height:1.4em; margin:0 0 10px 0;}

/* Events category links */
#eventslinks {background:#fff; margin:0; padding:0;}
#eventslinks p {color:#004a40; font-size:0.9em; line-height:1.3em; margin:0 0 0 0; padding:0;}