@media screen, projection {

/*           Common to all pages            */

body{
	padding:0px;
	margin:0px;
	text-align: center;
	background-image: url(http://www.milton.ca/images/grey_fade.jpg);
	background-repeat:repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	word-wrap: break-word;
}

strong {
	font-weight:bold;
}

#h_menu li a:link{
	color: #000000;
}
#h_menu li a:visited{
	color: #000000;
}

#listdetail h4 {color:#000000;background:#e4dbbd; padding:5px 0 5px 10px;font-size:100%;}
h1 {font-size:36px; font-weight:bold; margin:0px; padding:0px 0px 0px 2px;}
h2 {font-size:142%; color: #ffccoo; padding:0px 0px 0px 2px;}
h3 {font-size:18px; font-weight:bold; margin:0px; padding:0px 0px 0px 2px;}
h4 {font-size:16px; font-weight:bold; margin:0px; padding:0px 0px 0px 2px;}
h5 {font-size:14px; font-weight:bold; margin:0px; padding:0px 0px 0px 2px;;}
h6 {font-size:12px; font-weight:bold; color:#000066;border-bottom:1px dotted #ccc; padding: 4px 0 4px 0;margin: 0 0 16px 0;}
h7 {font-size:12px; font-weight:bold; color:#000066; padding: 4px 0 4px 0;margin: 0 0 16px 0;}

p {font-size: 92%; color: #666;padding: 0 0 8px 4px;line-height:130%;}

.clear {clear: both; height:1%;; display:block;}


#container {
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin:0 auto;
	width:896px;
	background-color:#ffffff;
	padding: 0px;
}

form {margin:0 0 0 0;} 

#frame {
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin:0 auto;
	width:898px;
	background-color:transparent;
	border-left:1px outset #666;
	border-right:1px outset #666;
	border-bottom:1px outset #666;
}
#navtop {
	height:1.6em;
	margin:4px auto 0;
	width:900px;
	margin-top:4px;
	font-size: 85%; 
	font-weight: 500;
	z-index:3;
}
#navtop .left {
	float:left;
}
#navtop .right {
	float:right;
	text-align:right;
	vertical-align:text-top; 
	margin-top:0px;
}
#navtop form {
	border:0px;
	text-align:right;
}
#navtop input {
	font-size: x-small;
	border:1px outset #666;
}
#navtop a{
	text-decoration:none; 
	color: #000000; 
}
#navtop a:hover{
	text-decoration:underline; 
	color: #000000; 
}


#header {
	border-top:1px solid #695137;
	height:165px;

}
#header_search {
	position:relative;
	text-align:right;
	padding-right:25px;
	height:15px;
	margin-top:5px;
	font-size:.7em;
}
#header_search ul {
	display: inline;
	list-style-position:inside;
	list-style-type: none;
	font-size:x-small;
}
.greytext {
	color:#cbcbcb;
}
.whitetext {
	color:#ffffff;
}
.morenews a{
	font-size:x-small;
	text-align:right;
}
#left_side {
	float: left; /* since this element is floated, a width must be given */
	width:220px;
	background-color:#e4dbbd;
	padding:0 0 10px 2px;
	font-size:smaller;
	z-index:6;
	border-right: 1px solid #695137; 
}
#left_side .heading {
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:140%;
	font-weight:800;
	text-decoration:none;
}
#left_side ul{
	list-style:none;
	list-style-position:outside;
	margin:5px 3px 12px 0 ;
	
}#left_side li a:hover{
	text-decoration:underline;
	
}
#left_side .text{
	width:95%;
	border-bottom: 1px dotted #695137; 
	z-index:4;
}
.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 a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#footer {
	border:1px solid #ffffff;
	width:898px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: smaller;
	color: #000000;
	z-index:10;
}
#footer ul{
	text-decoration:none;
	list-style-type:none;
	list-style-position:outside;
	
}

/*               Index page only              */

#index_h_menu {
	width:900px;
	height:20px;
	border-top:1px solid #695137;
	border-bottom:1px solid #695137;
	z-index:6;
}

#index_main {
	margin: 0 221px 0 221px; 
	padding: 0;
	width:auto;
	border-right: 1px solid #a08872; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	background-color:#fff;
	color:#000000;
	z-index:100;
}
#index_main a {
	text-decoration:none;
	color:#000000;
}
#index_main a:hover {
	text-decoration: underline;
	color: #000000;
}
#index_main h1 {
	margin:0;
	padding-left:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: larger;
	font-weight:700;
	color:#000000;
	line-height:140%;
	display:block;
	width:auto;
	text-align:left;
	background-color:   #e4dbbd;
	border-bottom:1px solid #a08872;
	
}
#index_main h1.bordered {
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding-left:5px;
	font-size: larger;
	font-weight:700;
	color:#000000;
	line-height:140%;
	display:block;
	text-align:left;
	background-color:#e4dbbd;
	border-top:1px solid #a08872;
	border-bottom:1px solid #a08872;

}
#index_main h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: larger;
	font-weight:700;
	color:#000000;
	border-top:1px solid #695137;

}
#index_main h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:700;
	color:#000000;
}
#index_main ul {
	list-style-position: outside;
	list-style-image:url(../images/dash.gif);
	margin-left:10px;
	padding-left:10px;
	color:#ffffff;
}

#right_side {
	float: right; /* since this element is floated, a width must be given */
	margin:0;
	padding: 0; /* padding keeps the content of the div away from the edges */
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	background-color:#fff;
	width:220px;
	z-index:3;
}
#right_side li {
	color:#cbba80;
} 
#right_side li, a{
	color:#000000;
	text-decoration:none;
} 
#right_side li, a:hover{
	color:#000000;
	text-decoration:none;
} 

#right_side h1 {
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: larger;
	font-weight:700;
	color:#000000;
	line-height:140%;
	display:block;
	text-align:left;
	background-color:#e4dbbd;
	border-bottom:1px solid #a08872;

}

#right_side ul {
	list-style-position: outside;
	list-style-image:url(../images/dash.gif);
	margin-left:10px;
	padding-left:10px;
	color:#ffffff;
}
/*          Inside pages only              */

#news_list ul{
	list-style:outside;
	list-style-image:none;
	list-style-type:none;
	text-align:justify;
	padding-right:50px ;
}

#page_main {
	margin: 0 0px 0 0;
	float:right;
	width:689px;
	padding: 2px 15px 15px 5px; /* padding keeps the content of the div away from the edges */
	border-left:1px solid #666666;
 	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	z-index:3;
}
#page_main .online{
	position:relative;
	width:890px;
	background-color:#ffffff;
	margin-left:-1px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	z-index:3;
}
#page_main .text{
	margin-left:5px;
	margin-right:5px;
	padding-left:5px;
	padding-right:5px;
	z-index:3;
	
}
#page_main a {
	text-decoration: underline;
	color: #003399;
}
#page_main a:hover {
	text-decoration: underline;
	color: #000000;
	}

#page_main h1 {
	font-size: 120%;
	font-weight:600;
	text-transform: capitalize;
	color: #000000;
}
#page_main h2 {
	font-size: 105%;
	font-weight:600;
	padding-top:5px;
	border-top: 1px solid #e4dbbd;
	text-transform: capitalize;
	color: #000000;
}
#page_main h3 {
	font-size: 100%;
	font-weight:600;
	text-transform: capitalize;
	color: #000000;
}
#page_contact {
	text-align:center;
}

#page_main .related {
	font-size: 80%;
}
.redtext {color:#cc0000;font-weight:900;}

#path {
	font-size:x-small;
	text-transform: capitalize;
	z-index:3;
	
}
#photo {
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	text-align:center;
	vertical-align:middle;
}
#photo_caption {
	font-size:80%;
	font-style:italic;
	width:95%;
	vertical-align:middle;
	text-align:center;
	font-weight:400;
	
}
#fade {
	height: 4em;
	background-image:url(/images/fade.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}
}
@media print {
div#main_right{
	padding-top: 0;
	font: Arial;
}
div#header {
	display: none;
}

div#navbar {
	display: none;
}
div#h_menu {
	display: none;
}
div#v_menu {
	display: none;
}
div#navbar {
	display: none;
}
div#bus_menu {
	display: none;
}
div#res_menu {
	display: none;
}
div#serv_menu {
	display: none;
}
div#eco_menu {
	display: none;
}
div#fire_menu {
	display: none;
}
div#tour_menu {
	display: none;
}
div#online_menu {
	display: none;
}
div#council_menu {
	display: none;
}
div#siteindex_menu {
	display: none;
}
div#navtop {
	display: none;
}div#contact {
	display: none;
}
div#index_image {
	display: none;
}
div#page_searches {
	display: none;
}
div#footer {
	display: none;
}
div#page_footer {
	display: none;
}
div#path {
	display: none;
}
img {

	display: none;
}
@page {
	size:8.5in 11in;
	margin: 10px;
}
} /* end print media rules */