/* this sets the over-all font size ratio and family and sets the entire page to be centered */
body
{
/*	font:80% Verdana, Arial, Helvetica, sans-serif;*/
	margin:0;padding:0 ;
	text-align:center; 
	color: #737373;
	//background: #FFFFFF; /*#D2E6EF;*/ /*url("/Website/TRCA/Graphics.nsf/Graphics/Blog Main Background/$file/body.jpg");*/
//background: url("/Website/TRCA/Graphics.nsf/Graphics/Blog Main Background/$file/body.jpg") repeat-xy;
background: url("/Website/ICCC/Graphics.nsf/Graphics/BlogImages/$file/Background.gif")  repeat-x;
background-color:#000000;
	font-size: 9pt;
	font-family: verdana;
}
ul	{margin:0; padding:.5em 0 .5em 1.5em;}
un	{margin:0; padding:.5em 0 .5em 0.5em;}
ol	{padding:.5em 0 .5em 1.5em;}
li	{margin:0; padding-bottom:.5em; line-height:1.25em;}
/* this controls the styling for the div that contains everything and creates the fixed width for the entire page */
#wrapper
{
	width:760px;
	margin:0 auto;
  text-align: left;
}
/* ------------------------the following styles control the breadcrumbs on the sub pages ------------------------------------------------------------------------ */
/* this controls the look of the text inside the breadcrumb */
.breadcrumb p
{
	font-size:.9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0000CC;
}
/* this over-rides the color and the underline for the links in the breadcrumb */
.breadcrumb a
{
	font-size:.9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0000CC;
	text-decoration:none;
}
/* this controls the hover behavior for the links in the breadcrumb */
.breadcrumb a:hover
{
	text-decoration:underline;
}
/* ------------------------the following styles control the banner --------------------------------------------------------------------------------------- */
/* this sets the color, width and height of the banner */
#banner
{
	background-color:#ffffff;
	padding:0px 0px 0px 0px;
	width:100%;
	height:100%px;
}
/* this controls the name in the banner */
#banner h1
{
	font-size:1.5em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#FFFFFF;
	padding:0;
	margin:0;
}
/* this controls the description and links in the banner */
#banner p
{
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#FFFFFF;
	padding:0;
	margin:0;
	line-height:1.5em;
}
/* this gets rid of the underline on the links in the banner and controls the spacing between the links */
#banner h1 a
{
	text-decoration:none;
font-weight:bold;
color:white;
}
/* ------------------------the following styles control the page content area ----------------------------------------------------------------------------------- */
/* for good measure, this sets the background color of the entire content area */
#content
{
	background: #FEFEFE;
/*	background:url("/Website/TRCA/Graphics.nsf/Graphics/Blog Main Background/$file/body.jpg");*/
	clear: both;
	padding: 0;
	overflow: hidden;
}
/* ------------------------the following styles control the side navigation ------------------------------------------------------------------------------------ */
/* this sets the color, width, height and position of the side navigation */
#sidenavigation
{
	background-color: #E4F4EA;
/*	background:url("/Website/TRCA/Graphics.nsf/Graphics/Blog Main Background/$file/body.jpg");*/
	float:left;
	width:150px;
height: 100%;
	font-size:.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
/*clear:*/
}
#sidenavigation h2
{
	color: #598DA5;
	font-size: 12px;
	font-family: Trebuchet MS;
	background-color: #CBE2EA;
	padding: 5px 5px 5px 5px;
}
/* this controls the positioning of the page navigation menu in the side navigation */
#pagenavigation
{
	margin-top:10px;
	padding:0;
}
/* this controls the styling of the list used to render the page navigation menu */
#pagenavigation li
{
	list-style:none;
	margin:5px 0 5px 0;
	padding:5px 5px 5px 5px;
	width:100%;
}
/* this gets rid of the underline and sets the color for the links in the list used to render the page navigation menu */
#pagenavigation li a
{
	text-decoration:none;
	color:#000000;
}
/* this sets the style for the selected page in the page navigation menu */
.selected
{
	text-decoration:none;
	font-weight:regular;
	color:#000000;
	background-color:#FFFFFF;
}
/* this controls the hover behavior on the entries in the page navigation menu */
#pagenavigation li a:hover
{
	text-decoration:underline
}
/* this enables tabbing between the entries in the page navigation menu */
#pagenavigation li a:focus
{
	text-decoration:underline
}
/* ------------------------the following styles control the page title/component title header ----------------------------------------------------------------------- */
/* this control the placement of the page header */
.componentheader
{
	background-color:#FFFFFF;
	float:center;
	margin:0px 0 0 20px;
	padding:0 
	width:760px;
}
/* this sets the style for the page title (for example "Team Blog" */
.componentheader h2
{
	float:center;
	margin:0 5px 0 0;
	font-size:1.5em;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}
/* this over-rides the color and underline on the links in the page header */
.componentheader h2 a
{
	text-decoration:none;
	color:#000000;
}
/* this enables the description of the page to be close to the bottom of the page title */
.componentheader p
{
	margin:0;padding-top:3px
}
/* this positions the atom button in the page title */
.atom
{
	padding-top:2px;
	padding-left:5px;
}
/* this sets the title for the action links following the page title and the atom button */
.commands a
{
	color: #4477bb; /*#0000FF;*/
	text-decoration:underline;
	font-size:0.9em;
	padding:0;
	margin:0;
}
/* ------------------------the following styles control the main content areas of the component -------------------------------------------------------------------- */
/* this sets the postion and creates the right side border for the first column of page content */
.maincontent
{
/* background-color:#FFFFFF; */
	background: #FEFEFE;
	float:left;
  width:410px;
padding: 0px 5px 0px 10px
}
/* this sets the style for the page description */
.pagedescription
{
	color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
/* this creates the bottom rule of each docpost */
.docbody
{
/*	padding: 0px 5px 10px 85px;*/
	padding: 0px 15px 0px 0px;
margin-top:-5px;
}
/* this controls the hover behavior for the doc header */
.docbody a:hover
{
	text-decoration:underline;
}
/* this enables tabbing to the doc header */
.docbody a:focus
{
	text-decoration:underline;
}
.name{
	/*color:#4477bb;*/
color:#999999
	text-decoration:none;
	font-size:0.8em;
	padding: 0px 0px 0px 10px;
	margin-bottom:0px;
}
/* this sets the style for the author/owner name of each docpost */
.name a
{
	color:#006600;
	text-decoration:none;
	font-size:0.9em;
/*	padding:0;
	margin:0;*/
}
/* this sets the style for the last modified time of each docpost */
.time a
{
	color:#999999;
	text-decoration:none;
	font-size:0.9em;
	padding:0;
	margin:0;
}
/* this controls the styling of the doc body */
.docbody p
{
	font-size:1.0em;
	color: #6F6F6F; /*#737373;*/
	line-height:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0;
}
.side{
	font-size:.9em;
}
/* ------------------------the following styles control the comments section ---------------------------------------------------------------------------------------- */
.commentTable{
border: 1px solid gray;
background-color:#D8D8D8;
}
.commentTableTop{
background-color:#47b;
color:#fff;
font-size:.9em;
font-weight:bold;
margin:5px;
padding:1px;
line-height:20px;
}
.commentbody{
/*font-size:.9em;*/
font-size: 11px;
}
.commenttext{
margin-left:30px;
padding-left:20px;
border-left:1px solid silver;
font-size:1.0em;
}
.commentauthor{
/*font-size:.8em;*/
font-size: 11px;
}
/* ------------------------the following styles control the footer ----------------------------------------------------------------------------------------------------- */
/* this sets the color, height, width and font-size for the footer */
#footer
{
/*	background-color:#060606; */
	background: url("/Website/CoffeeShop/Graphics.nsf/Graphics/Blog_Footer_Sponsors/$file/BlogSponsorSpot.jpg") top no-repeat;
	font-size: 8pt;
	color:#FFFFFF;
	width:100%;
	height:15px;
	line-height:15px;
	padding: 8px 0 5px 5px;
	clear:both;
	position: relative;
}
/* this gets rid of the underline, sets the color and controls the spacing of the links in the footer */
.footerlinks a
{
	text-decoration:none;
	color:#FFFFFF;
	margin-right:10px;
}
/* this controls the hover behavior of the links in the footer */
.footerlinks a:hover
{
	text-decoration:underline;
	color:#FFFFFF;
}
/* this enables tabbing between the links in the footer */
.footerlinks a:focus
{
	text-decoration:underline;
	color:#FFFFFF;
}
h3{
font-size:.9em;
}
a img	{border:0 solid #f00;}
/* a:hover	{color:#69c; text-decoration:underline;} */
/* ------- header treatments ------- */
/*h2{margin:0; padding:0;}
h2	{font-size:1.6em; font-weight:normal;}
#content-main h2	{margin-top:.5em;}
.portlet-blue,.portlet-white{margin:5px 0px 5px 20px; border:1px solid #fff;}
.portlet-blue{background:#cef;}
.portlet-white	{background:#fff; border:1px solid #ccc; border-top:1px solid #fff;}
.portlet-blue h2,.portlet-white h2{padding:4px 3px 4px 10px; font-size:1.2em;}
h2.portlet-head-blue-med,h2.portlet-head-gray-med{color:#fff; font-size:1.1em; font-weight:bold;}
.portlet-head-blue-med	{background:url(../bg-portlet-head-blue-med.gif) repeat-x; border-bottom:1px solid #47b; height:1%}
.portlet-head-gray-med	{background:url(../bg-portlet-head-gray-med.gif) repeat-x; border-bottom:1px solid #777; height:1%;}
.portlet-icons	{float:right; white-space:nowrap; margin:-1.6em 0 0 0;}
.portlet-icons a	{padding:2px 0 0 0;}
.portlet-head-blue-med .portlet-icons a	{border-left:1px solid #314e6a;}
.portlet-head-blue-med .portlet-icons a img	{border-left:1px solid #cee1f1;}
.portlet-head-gray-med .portlet-icons a	{border-left:1px solid #314e6a;}
.portlet-head-gray-med .portlet-icons a img	{border-left:1px solid #cee1f1;}
/*h2.portlet-head-gray-med a{color:#fff; font-size:.8em; font-weight:bold;text-decoration:none;}*/
h2.portlet-head-gray-med {color:#666666; font-size:1.9em; font-weight:bold;text-decoration:none;padding:0px 0px 0px 10px ;}
h2.portlet-head-gray-med a{color:#949F67; font-size:.9em; font-weight:bold;text-decoration:none;}
h2.portlet-head-gray-med a:hover{color:#949F67; font-size:.9em; font-weight:bold;text-decoration:underline;}
.portlet-content	{padding:.5em 0px 0 10px;}
/* Hides from IE-mac \*/
/** html .portlet-content {height: 1%;}*/
/* End hide from IE-mac */
.searchcounter, .searchquery {
	font-weight:bold;
}
.searchpageresults {
	font-style: italic;
	padding: 25px 0px 10px 0px;
}
/***********************************************
*	ADDITIONAL STYLES
***********************************************/
.postHeader {
/*padding: 20px 0px 5px 20px; */
}
.postHeader a {
	font-family: Arial Narrow, sans-serif;
	font-size: 14pt;
	font-weight:bold;
color: #949F67;
}
.postHeaderN {
padding: 0 0 0 10px;
}
.postHeaderN a {
font-size: 10pt;
	font-family: verdana;
	/*font-family: Arial Narrow, sans-serif;
	font-size: 11pt;*/
color:#006699;
}
/***********************************************
*	HEADER
***********************************************/
.subheader{
	height: 200px;
	background: url("/Website/TRCA/Graphics.nsf/Graphics/EVN Blog Header/$file/titleBanner.jpg") no-repeat;
/*	padding: 70px 0 0 0;*/
	float:center;
	}
.footheader{
	height: 50px;
background: url("/Website/TRCA/Graphics.nsf/Graphics/BlogFooter/$file/footerGreen1.GIF") no-repeat  0 15px ;
margin-bottom:10px;
	float:center;
	}
.subheader h1{
	font-size: 25pt;
	/*color: #ffffff;*/
color: #949F67;
float:center;
	}
.nav{
	background: url("/Website/TRCA/Graphics.nsf/Graphics/Blog Top Navigation/$file/nav.jpg") no-repeat;
	height: 55px;
	clear: both;
	}
.searchPanel {
	float: right;
	width: 230px;
	color: #ffffff;
}
#searchForm {
/*left:-20px;
top:-20px;
margin: -16px 0px 0px 0px;*/
padding: -25px 20px 0px 0px;
}
input#searchSubmit{
	background: url("/Website/TRCA/Graphics.nsf/Graphics/Blog Search Button/$file/go.jpg") no-repeat;
	width: 38px;
	height: 21px;
	border: none;
}
input#Query{
	background: #ffffff;
	width: 133px;
	height: 12px;
	border: 1px solid #1c7bb7;
	padding: 3px 0;
	color: #000000;
	}
.subnav{
	float: left;
	width: 526px;
	padding: 27px 0 0 0;
	}
.subnav ul{
	margin: 0;
	padding: 0 0 0 20px;
	}
.subnav ul li{
	display: inline;
	list-style: none;
	background: url("/Website/TRCA/Graphics.nsf/Graphics/Blog Navigation List Item/$file/navli.jpg") no-repeat 0 4px;
	padding: 0 10px 0 13px;
	margin: 0;
	}
/***********************************************
*	MAIN
***********************************************/
#main{
	float: left;
	width: 417px; /*562*/
	padding: 0 10px 0 10px;
	}
.posttitle{
	clear: both;
	padding: 0 0 0px 20px;
color:#949F67;
	}
.postdate{
	float: left;
	background: url(images/date.jpg) no-repeat;
	width: 59px;
	height: 57px; /*62*/
	text-align: center;
	color: #ffffff;
	padding: 5px 0 0 20;
	}
.postdate span{
	color: #737373;
	font-size: 16pt;
	display: block;
	padding: 7px 0 0 20;
	}
.posturl{
	background: url(images/posttitle.jpg) no-repeat;
	height: 62px;
	}
.posturl h2{
	margin: 0;
	padding: 0px 0 0 8px;
	font-size: 11pt;
	}
.post{
	clear: both;
padding:0px 0 0 20;
	}
.postmeta{
	padding: 0px 0 0 8px;
	font-size: 7pt;
	clear: both;
	}
.pauthor{
	background: url(images/pauthor.jpg) no-repeat;
	padding: 0 10px 5px 20px;
	float: left;
	}
.pcat{
	background: url(images/pcat.jpg) no-repeat 0 -2px;
	padding: 0 10px 5px 20px;
	float: left;
	}
.pcom{
	background: url(images/pcom.jpg) no-repeat;
	padding: 0 10px 5px 20px;
	float: right;
	}
.pedit{
	background: url(images/pedit.jpg) no-repeat;
	padding: 0 10px 5px 20px;
	float: left;
	}
.entry{
	float: right;
	width: 419px;
float:center;
	/*text-align: justify;*/
	padding: 0 0 0px 20;
	}
.navigation{
	clear: both;
	font-size: 8pt;
	}
.alignleft{
	float: left;
	background: url(images/prev.jpg) no-repeat;
	width: 112px; /*117*/
	height: 17px; /*19*/
	padding: 2px 0 5px 5px;
	}
.alignright{
	float: right;
	background: url(images/next.jpg) no-repeat;
	text-align: right;
	width: 101px; /*117*/
	height: 17px; /*19*/
	padding: 2px 16px 5px 0;
	}
/***********************************************
*	COMMENTS
***********************************************/
#comments{
	clear: both;
	}
#comments h3{
	margin: 0;
	padding: 0 0 0 40px;
	font-size: 10pt;
	border-bottom: 1px solid #cccccc;
	}
input, textarea{
	font-family: verdana;
	font-size: 8pt;
	}
ol.commentlist{
	margin: 0;
	padding: 10px 20px;
	}
ol.commentlist li{
	margin: 0;
	padding: 0 0 10px 20px;
	list-style: none;
	}
.comcontent{
	background: #deebf2;
	padding: 5px 2px ;
	}
.comfooter{
	text-align: right;
	font-size: 7pt;
	}
blockquote{
	background: url(images/body.jpg);
	margin: 10px;
	padding: 5px 2px;
	border: 1px solid #f6a911;
	}
input#author, input#email, input#url, textarea#comment{
	background: url(images/body.jpg);
	border: 1px solid #f6a911;
	}
	
/***********************************************
*	SIDEBAR
***********************************************/
#sidebar {
	height: 100%;
	font-size: .8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
margin-left:0px;padding:0 0 0 0px ;
}
#sidebarLeft {
	width: 176px;
	float: left;
/*background: url("/Website/TRCA/Graphics.nsf/Graphics/Blog Left Background/$file/body.jpg");
margin-left:0px;margin-top:0px;padding:0 0 0 0px ;;*/
background-color: #999999;
}
#sidebarRight {
	width: 153px;
float: right;
/* width:150px;
background: url("/Website/TRCA/Graphics.nsf/Graphics/Blog Right Background/$file/body.jpg");
margin-left:0px;margin-top:0px;padding:0 0px 0 0px ;*/
background-color: #ffffff;
}
#sidebar h2
{
	color: #ffffff;
	font-size: 12px;
	font-family: Trebuchet MS;
	/*background-color: #B9D9E4;*/
 background:url("/Website/ICCC/Graphics.nsf/Graphics/BlogImages/$file/LeftButton.gif") no-repeat ;
	padding: 5px 5px 25px 30px;
margin: 0 0 10px 0;
}
#sidebar h4
{
	color: #ffffff;
	font-size: 12px;
	font-family: Trebuchet MS;
	/*background-color: #B9D9E4;*/
 background:url("/Website/ICCC/Graphics.nsf/Graphics/BlogImages/$file/RightSideButton.gif ") no-repeat ;
	padding: 5px 5px 25px 30px;
margin: 0 0 10px 0;
}
#sidebar h3
{
 width:153px;
	color:  #598DA5;
	font-size: 12px;
	font-family: Trebuchet MS;
	background-color: #D5ECE2;
	/*background-color: #CBE2EA;*/
	padding: 5px 0px 3px 10px;
margin: 0 0 10px 0;
}
#sidebar h5
{
 width:170px;
	color:  #ffffff;
	font-size: 11px;
	font-family: Trebuchet MS;
	/*background-color: #D5ECE2;
	background-color: #CBE2EA;*/
	padding: 5px 0px 3px 10px;
margin: 0 0 10px 0;
}
/*
#sidebar h2{
	font-family: Trebuchet MS;
 border-top: 2px dotted #739abe;
	border-bottom: 2px dotted #739abe;
	margin: 0;
	padding: 2px 0 2px 10;
	color: #043c7f;
	font-size: 11pt;
	}*/
#sidebar ul{
	margin:0 ;
	padding:0px 0px 0px 0px;
}
#sidebar un{
	margin:0 ;
	padding:0px 0 0px 10px;
}
#sidebar ul li{
	margin: 0;
	padding: 0 0 8px 0px;
	list-style: none;
/* background:url("/Website/TRCA/Graphics.nsf/Graphics/Blog Sidecom/$file/sidecom.jpg") no-repeat 0 3px;
	background: url(images/sidecom.jpg) no-repeat 0 3px;*/
}
#sidebar  un li{
	margin: 0;
	padding: 0 0 8px 0px;
	list-style: none;
 /*background:url("/Website/TRCA/Graphics.nsf/Graphics/Blog Sidecat/$file/sidecat.jpg") no-repeat 0 3px;
	background: url(images/sidecom.jpg) no-repeat 0 3px;*/
}
#sidebar li{
	margin: 0;
	padding: 0 0 8px 0px;
	list-style: none;
 /*background:url("/Website/TRCA/Graphics.nsf/Graphics/Blog Sidecat/$file/sidecat.jpg") no-repeat 0 3px;
	background: url(images/sidecom.jpg) no-repeat 0 3px;*/
}
#sidebar ul li ul.noli{
	margin: 0;
	padding: 0px 0 0 0;
	
	}
#sidebar ul li ul.noli li.login{
	border-bottom: none;
	padding: 0 15px 5px 00px;
	background: url(images/login.jpg) no-repeat 0 2px;
	
 display: inline;
	}
#sidebar ul li ul.noli li{
	border-bottom: none;
	padding: 0 15px 5px  00px;
	background: url(images/admin.jpg) no-repeat 0 0;
	display: inline;
	}
#sidebar ul li ul{
	margin: 0;
	padding: 0px 0 0 0;
	}
#sidebar ul li ul li{
	border-bottom: none;
	padding: 0 0 5px  00px;
/*background: url(images/sidecom.jpg) no-repeat 0 3px;*/
background:url("/Website/TRCA/Graphics.nsf/Graphics/Blog Sidecom/$file/sidecom.jpg" ) no-repeat 0 3px;
	}
#sidebar un li un li{
	border-bottom: none;
	padding: 0 0 5px  00px;
/*background: url(images/sidecom.jpg) no-repeat 0 3px;*/
background:url("/Website/TRCA/Graphics.nsf/Graphics/Blog Sidecom/$file/sidecom.jpg" ) no-repeat 0 3px;
	}
#sidebar ul li ul.cat li{
 background: url(images/sidecat.jpg) no-repeat ;
/*background:url("/Website/TRCA/Graphics.nsf/Graphics/Blog Sidecat/$file/sidecat.jpg") no-repeat 0 3px;*/
	margin:0;
padding: 0 0 0px  0px;
	}
#sidebar ul li ul.arch li{
/*background: url(images/sidecom.jpg) no-repeat 0 3px;*/
	background:url(/Website/TRCA/Graphics.nsf/Graphics/Blog Sidecom/$file/sidecom.jpg ) no-repeat 0 3px;
	padding: 0 0 0px  0px;
	}
#sidebar ul li ul.recentposts li{
  background: url(images/sidepost.jpg) no-repeat 0 3px;
	 /*background:url("/Website/TRCA/Graphics.nsf/Graphics/Blog Sidepost/$file/sidepost.jpg") no-repeat 0 3px;*/
	padding: 0 0 5px  0px;
	}
/***********************************************
*	LINKS
***********************************************/
a{
	text-decoration: none;
	color: #094a8b;
padding: 0 0 5px  00px;
margin-left:0;
	}
a:hover{
	text-decoration: underline;
	color: #094a8b;
padding: 0 0 5px  00px;
margin-left:0;
	}
.posturl h2 a:hover, .navigation a:hover, .subheader h1 a:hover{
	text-decoration: none;
	}
.subnav a, .subheader h1 a{
	color: #ffffff;
	text-decoration: none;
	}
.subnav a:hover{
	color: #ffffff;
	text-decoration: underline;
.sidebar a, .sidebar h5 a{
	color: #ffffff;
	text-decoration: none;
	}
.sidebar a:hover{
	color: #ffffff;
	text-decoration: underline;