/*	-- North Grenville
	Wavertree Communications, March 2008 */

/* -- Global */
*{ margin: 0; padding: 0;  }

body{
	color: #454545;
	text-align: center; /* centering in ie6 */
	font: 9pt arial, helvetica, sans-serif; }
	
a img{
	border: none; }
	
.clearfix{
	clear: both; }

	
/* -- Structure */

#wrap{
margin-left: auto;
margin-right: auto;
	width: 760px;
	margin-top: 0px;
	text-align: left;
	position: relative;	}
	
#cols{
	margin: 10px 0 0 0;}

#left{ /* homepage */
	margin: 0 0 0px 0;
	width: 280px;
	float: left; }
	
#left.content{ /* content pgs*/
	width: 505px; }
	
#left.contentwide {
	width: 760px; }

#left .module{
	color: #015699;
	margin: 0 0 0px 0; }	

#left .floatright{
	float: right;
	margin: 0; }
#left .floatleft{
	float: left;
	margin: 0 8px 8px 0; }
	
#right{
	width: 470px;
	margin: 0;
	float: right; }	
#right.smaller{ /* content pgs */
	width: 235px; }
#right .inner-right{
	float: right;
	width: 280px;
	margin: 0; }
#right .inner-left{
	margin-left: 4px;
	float: left;
	width: 173px; }
	



/* -- Main Nav */
ul#nav-main{
	list-style: none;
	background: #8c98c8  url(images/navbg.jpg) repeat-x bottom;
	padding: 8px 0;
	border: solid 1px #669;
	border-bottom: solid 1px #363668;
	text-align: center;
	font: 9pt 'trebuchet ms', verdana, arial, sans-serif;
	color: #fff; }
ul#nav-main li{
	display: inline; }
ul#nav-main a{
	padding: 0 6px;
	color: #fff;
	text-decoration: none; }
ul#nav-main a:hover{
	text-decoration: underline; }
	
	
/* -- Extras */
#header .extras{
	color: #528ab7;
	margin: 8px 0 0 0; }

.extras a{
	font: 8pt arial, helvetica, sans-serif;
	text-decoration: none;
	color: #015699; }
.extras a:hover{
	text-decoration: underline; }

.alternative a{
	width: 22px;
	height: 16px;
	display: block;
	float: right;
	text-indent: -900em;
	overflow: hidden; }
.alternative a#sendmail-btn{
	background: url(images/emailpage.gif) no-repeat top; }
.alternative a#printpage-btn{
	background: url(images/printpage.gif) no-repeat top }	
.alternative a:hover{ 
	/*filter:alpha(opacity=70);  for ie6, didn't work .. */
	opacity: 0.7; }
	

/* Sidebar */
#right .module{
	color: #015699;
	margin: 0 0 10px 0; }
#right h3{
	background: #c8d7b7 url(images/sidebarheaderbg.jpg);
	border: solid 1px #9c9;
	border-bottom: solid 1px #699;
	margin: 0 0 10px 0;
	padding: 2px 1px;
	text-align: center;
	font: bold 9pt arial, helvetica, sans-serif;
	color: #fff; }
.module a{
	color: #5986ab;
	text-decoration: none; }
.module a:hover{
	text-decoration: underline; }
.module p{
	margin: 0 0 4px;
	padding: 7px 0;
	border-bottom: solid 1px #99cc99;
	font: 9pt arial, helvetica, sans-serif;
	text-align: center; }
.module small{
	font-size: 8pt;
	color: #5986ab; }
.module small a{
	color: #5986ab;}
	

/* Sidebar > Link List */
#right ul.linklist{
	line-height: 1.2;
	list-style: none; }
#right ul.linklist li{
	padding: 3px 10px;
	border-bottom: solid 1px #99cc99; }


/* Sidebar > Calendar */
#calendar h4{
	font-size: 12pt;
	padding: 0px 0  0px 0;
	height: 28px; 
	padding: 0px;
	}
	
table#calendar{
	font-family: 'trebuchet ms', verdana, arial, sans-serif;
	background: #91b665;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 10pt;
	padding: 10px 0px 5px 0px;
	border-collapse:collapse; }

table#calendar tr.weekdays th{
	padding: 0px;
	margin: 0px;
	font-size: 10pt;
	border-bottom: solid 2px #fff; }	
table#calendar td{
	padding: 0px;
	margin: 0px;
	text-align:center; }
	
table#calendar .currentDay{
background-color:#8c98c8;
}
table#calendar .today{
border:1px solid #333333;
}
table#calendar .navmonth {
font-weight:bold;
font-size:large;
text-decoration:none;
color:#FFFFFF;
}
table#calendar .header{
background-color:#8c98c8;
background-image:url("images/navbg.jpg");
background-repeat:repeat-x;

height:28px;
padding: 0px;
margin: 0px;
}



	
/* Sidebar > Links for */
.module.linksfor form{
	margin: 0 0 10px 0; }
.module.linksfor select, 
.module.quicklinks select{
	border: solid 1px #6c9d31;
	margin: 5px 0 0 0;
	width: 100%; }


#admin h3{
	font-size: 13pt;
	color: #212673; 
	padding-top: 10px;
	padding-bottom: 10px;} 	
	
#admin {
	margin-top: 10px;
	padding: 10px;
	width: 780px;
	text-align: left;
	border: solid 1px #669;
	line-height: 16px;}	

#admin p {
	padding-top: 5px;
	padding-bottom: 5px;}
}

#admin td {
	padding: 3px;
	color: #454545;
	font: 9pt arial, helvetica, sans-serif; 
	}
	
#admin a{
	color: #669;
	text-decoration: underline; }
#admin a:hover{
	color: #8c98c8; }	
	
#admin a.nav {
		background-color: #323784;
		font-weight: bold;
		font-family: arial;
		font-size: 12px;
		color: #fff;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 1px;
		padding-bottom: 1px;
		text-decoration: none;
		border-top: solid 1px #b8bbed;
		border-bottom: solid 1px #b8bbed;
	}

#admin a.nav:hover{
		background-color: #454545;
	}	
/* -- Content */
#wrap h2.purpletitle{
	color: #fff;
	font: bold 11pt arial, helvetica, sans-serif;
	padding: 2px 1px 1px 1px;
	margin: 2px 0 10px 0;
	background: #8c98c8  url(images/navbg.jpg) repeat-x bottom;
	border: solid 1px #669;
	border-bottom: solid 1px #363668; }

	
	
#left h2{
	line-height: 1em;
	color: #212673;
	font-size: 15pt; }
#left h3{
	font-size: 11pt;
	color: #212673; }
#left.content h3{
	font-weight: normal;
	color: #9597bc;
	font-size: 11pt;
	margin: 0 0 1em 0; }
#left.contentwide h3{
	font-weight: normal;
	color: #9597bc;
	font-size: 11pt;
	margin: 0 0 1em 0; }	
	
#left h4{
	color: #3f7713;
	font-size: 10pt;
	margin: 1em 0 0 0;
	border-bottom: solid 1px #ddd; }
	
#left a{
	text-decoration: none; }	
#left.content p{
	line-height: 1.25em;
	margin: 0.5em 0 1em 0; }
#left.content a{
	color: #669;
	text-decoration: underline; }
#left.content a:hover{
	color: #8c98c8; }
#left.content ul,
#left.content ol{
	color: #3f7713;
	margin: 0 0 0 2.5em;
	font-size: 9pt;
	line-height: 1.5em; }
#left.content ul a,
#left.content ol a{
	color: #3f7713;
	font-weight: bold;
	text-decoration: underline; }
	
#left.contentwide p{
	line-height: 1.25em;
	margin: 0.5em 0 1em 0; }
#left.contentwide a{
	color: #669;
	text-decoration: underline; }
#left.contentwide span.indent{
	padding-left: 10px;
	padding-right: 10px;
	padding-right: 20px;}
#left.contentwide a:hover{
	color: #8c98c8; }
#left.contentwide ul,
#left.contentwide ol{
	color: #3f7713;
	margin: 0 0 0 2.5em;
	font-size: 9pt;
	line-height: 1.5em; }
#left.contentwide ul a,
#left.contentwide ol a{
	color: #3f7713;
	font-weight: bold;
	text-decoration: underline; }	
	
/* Notice box */
.noticebox{
	margin: 1em 0;
	border: solid 1px #dfd1a1;
	background: #ffeca7;
	text-align: center;
	font-size: 8pt;
	font-weight: bold;
	line-height: 1.3;
	padding: 12px; }
	
.noticebox2{
	margin: 1em 0;
	border: solid 1px #dfd1a1;
	background: #ffeca7;
	font-size: 8pt;
	line-height: 1.3;
	padding: 5px; }	
	
	
/* Content (home) > Welcome Box */
#welcomebox{
	height: 205px; /* ie6 needs a height or a clearfix */
	overflow: hidden;
	background: #e9efe3;
	margin-bottom: 10px;
	padding: 0; }
#welcomebox h2{
	font-size: 17px;
	padding: 10px 0 10px 0; }
#left > #welcomebox{
	height: auto; }
#welcomebox p{
	position: relative; /* ie 6 hides content without this */
	padding: 0 8px;
	color: #231f20;
	font: 9pt/1.2 'trebuchet ms', verdana, arial, sans-serif; }
#welcomebox img.sideimg{
	margin:0 8px 0 0;
	float: left; }
	
	
/* Content (home) > Upcoming Events */
.morebox{
	position: relative;
	padding: 0 0 5px 120px;
	margin: 0 0 10px;
	font-size: 10pt;
	border-bottom: solid 2px #09099d;
	overflow: visible; /* for ie6 */
	height: 90px; /* ie6 doesn't display the abs .upcomingimg w/out a height */}
.upcoming > .morebox{
	height: auto; }
.morebox img.upcomingimg{
	position: absolute;
	bottom: 0; left: 0; }


/* Content > More buttons */
#left p.morelink{
	text-align: right;
	margin: 8px 3px 4px 0; }	
	
	
	
#left p.morelink a{
	font: bold 7.5pt arial,helvetica,sans-serif;
	color: #fff;
	text-align: right;
	text-transform: uppercase;
	background: #222674 url(images/morebtn.gif) repeat-x top;
	border: solid 1px #5e798a;
	padding: 4px;}
	
	
#left p.morelink a:hover{
	border: solid 1px #669;
	background: #8c98c8  url(images/navbg.jpg) repeat-x bottom }

#morelinkL {
	text-align: right;
	clear: both;
	position: relative;
	bottom: 17px;

}
	
#morelinkL a {
	
	font: bold 7.5pt arial,helvetica,sans-serif;
	color: #fff;
	text-align: right;
	text-transform: uppercase;
	background: #222674 url(images/morebtn.gif) repeat-x top;
	border: solid 1px #5e798a;
	padding: 4px;
}
	
#morelinkL a:hover{
	border: solid 1px #669;
	background: #8c98c8  url(images/navbg.jpg) repeat-x bottom }	
	
	
#morelinkR {
	clear: both;
	position: relative;
	bottom: 17px;

}
	
#morelinkR a {
	
	font: bold 7.5pt arial,helvetica,sans-serif;
	color: #fff;
	text-align: right;
	text-transform: uppercase;
	background: #222674 url(images/morebtn.gif) repeat-x top;
	border: solid 1px #5e798a;
	padding: 4px;
}
	
#morelinkR a:hover{
	border: solid 1px #669;
	background: #8c98c8  url(images/navbg.jpg) repeat-x bottom;
	text-decoration: none;
	}		
	
/* -- Footer */
#footer{
	clear: both; }

#footerText {
	clear: both;
	margin: 10px 0 0 0 ;
	padding: 10px 0 0 0;
	border-top: solid 3px #666;
	font-size: 8pt;
	text-align: center;
	list-style: none;
	color: #666; 
}
	
ul#footerlinks{
	margin: 10px 0 0 0 ;
	padding: 10px 0 0 0;
	border-top: solid 3px #666;
	font-size: 8pt;
	text-align: center;
	list-style: none;
	color: #b2b2b2; }
ul#footerlinks li{
	padding: 8px 0;
	display: inline; } 
ul#footerlinks a{
	color: #666;
	text-decoration: none; }
ul#footerlinks a:hover{
	color: #222674; }
	
td#borders{
	border: solid 1px #666;
}	

td#bg{
	background-color: #EFEFEF;
}	

td#bgalt{
	background-color: #FFFFFF;
}

table#contact {
	width: 100%;
}

table#contact td{
	padding: 1px;
}

table#council {
	width: 100%;
	border: solid 1px #666;
}
table#council td{
	padding: 2px;
	border: solid 1px #666;
}

table#council th{
	padding: 2px;
	border: solid 1px #666;
	background-color: #EFEFEF;
}	

td.eventOn {
	background-color: #c0d2ac;
}

td.eventOn a {
	color: #6a7ab8;
}