/* structure.css are the styles for the DIVs in a website and should not contain
any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, this style sheet 
will (almost) never need to be altered by the client or back-end programmers. */

/* ----- comment styles well for better reference later! ----- */
/* ----- try to lay this out in the following sections and from top to bottom on pages ----- */

/*
====================
STYLES FOR ALL PAGES 
====================
*/

#uber {
	margin:0 auto;
	position:relative;
	width:994px;
}



/* ================================================== HEADER AREA */
#head_wrap {
	display:block;
	height:173px;
	margin:0 auto;
	position:relative;
	width:980px;
}

#logo {
	float:left;
	padding:12px 0 0 20px;
}

#subnav1_wrap {
	float:right;
}

	#subnav1_wrap a
	{
		font-weight: bold;
		font-weight: 600;
	}

#subnav2_wrap {
	position:absolute;
	top:78px;
	right: 0px;
	width:624px;
	text-align: right;	
}

#searchArea
{
	float: right;
}

input#searchField 
{
	float: left;
	color:#666;
	font-size:12px;
	padding: 3px 3px 3px 3px;
	width: 134px;
	border: solid 1px #dedbde;
	margin-top: 4px;
	
}

input.btnSearch 
{
	float: left;
	background: url(/images/btn_search.gif) right top no-repeat;
	border: none;
	cursor: pointer;
	height: 22px;
	width: 40px;
	margin-top: 3px;
}

input.btnSearch:hover {
	background:url(/images/btn_search.gif) right bottom no-repeat;
}

#nav_wrap {
	clear:both;
	margin:0 auto;
	left:0;
	position:absolute;
	top:127px;
	width:980px;
}



/* ================================================== CONTENT AREA */
#bodyint {
	float:left;
	width:994px;
}

.clear {clear:both;} /* This appears below the columns and keeps the depths the same */



/* ================================================== FOOTER AREA */
#footer_wrap {
	border-top:1px solid #d3d3d3;
	clear:both;
	float:left;
	margin: 0px auto 20px auto;
	width:100%;
}

#uber_footer {
	margin:12px auto;
	width:980px;
}

#copyright {
	color:#666;
	float:left;
	font-size:11px;
	padding:3px 0 0 0;
	width:399px;
}

#footerlinks,
#footerlinks_pl,
#footerlinks_fd {
	float:left;
	padding:3px 0 0 4px;
}

#footerlinks li,
#footerlinks_pl li,
#footerlinks_fd li {
	display:inline;
	float:left;
	font-size:11px;
	line-height:1;
}

#footerlinks li {
	border-right:1px solid #233b6b;
}

#footerlinks_pl li {
	border-right:1px solid #336699;
}

#footerlinks_fd li {
	border-right:1px solid #881e0f;
}

#footerlinks li.last,
#footerlinks_pl li.last,
#footerlinks_fd li.last {
	border-right:none;
}

#footerlinks a,
#footerlinks_pl a,
#footerlinks_fd a {
	display:block;  /* to increase clickable area as a's default to inline */
	float:left;
	padding:0 14px;
	text-decoration:none;
}

#footerlinks_pl a {color:#336699;}
#footerlinks_fd a {color:#881e0f;}

#footerlinks a:hover,
#footerlinks_pl a:hover,
#footerlinks_fd a:hover {
	text-decoration:underline;
}

#footerlinks_pl a:hover {color:#75aeca;}
#footerlinks_fd a:hover {color:#b64132;}


#conceptby {
	color:#666;
	float:right;
	text-transform:uppercase;
}

#conceptby li {
	display:inline;
	float:left;
	font-size:10px;
	line-height:1;
	padding:0 0 0 10px;
}

#conceptby .text {
	padding:3px 0 0 0;
}





/*
=========================
STYLES FOR HOME PAGE ONLY 
=========================
*/

/* ================================================== BACKGROUND IMAGES */
#bg_el_winter {background:url(/images/h_bgWinter.jpg) no-repeat center 127px;}
#bg_el_summer {background:url(/images/h_bgSummer.jpg) no-repeat center 127px;}
#bg_fd_fire {background:url(/images/h_bgFire_fd.jpg) no-repeat center 127px;}
#bg_pl_books {background:url(/images/h_bgBooks_pl.jpg) no-repeat center 127px;}



/* ================================================== STRAP AREA BELOW MAIN NAVIGATION */
#middlestrip_wrap {
	float:left;
	height:228px;
	margin:0 0 17px 7px;
	width:980px;
}



/* ================================================== HOME CONTENT AREA */
#h_content_wrap {
	display:block;
	float:left;
	padding:0 0 0 7px;
	width:762px;
}

#h_left,
#h_left_pl,
#h_left_fd {
	display:block;
	float:left;
	width:399px;
}

#h_middle,
#h_middle_pl,
#h_middle_fd {
	display:block;
	float:left;
	padding:0 0 0 18px;
	width:342px;
}

#h_right,
#h_right_pl,
#h_right_fd {
	display:block;
	float:right;
	width:203px;
}





/*
=============================
STYLES FOR CONTENT PAGES ONLY 
=============================
*/

/* ================================================== BACKGROUND IMAGES */
#bg_el_iBlue1 {background:url(/images/i_bg_elBlue1.jpg) repeat-x 0 127px;}
#bg_el_iGold {background:url(/images/i_bg_elGold.jpg) repeat-x 0 127px;}
#bg_el_iRed {background:url(/images/i_bg_elRed.jpg) repeat-x 0 127px;}
#bg_el_iGreen {background:url(/images/i_bg_elGreen.jpg) repeat-x 0 127px;}
#bg_el_iBlue2 {background:url(/images/i_bg_elBlue2.jpg) repeat-x 0 127px;}

#bg_fd_i {background:url(/images/i_bg_fd.jpg) repeat-x 0 127px;}
#bg_pl_i {background:url(/images/i_bg_pl.jpg) repeat-x 0 127px;}



/* ================================================== BREADCRUMBS AREA BELOW MAIN NAVIGATION */
#breadcrumbs_wrap {
	float: left;
	height: 46px;
	padding: 0px 7px 1px 7px;
	width: 980px;
}



/* ================================================== INNER CONTENT AREA */
#i_content_wrap {
	background:url(/images/i_bgContent.gif) repeat-y 7px 0;
	float:left;
	margin:0;
	padding:0 7px;
	width:980px;
}

#i_smallColumn {
	float:left;
	margin:0;
	padding: 25px 1px 25px 1px;
	width:193px;
}

#i_content,
#i_content_pl,
#i_content_fd {
	float:left;
	padding: 25px 0px 25px 25px;
	width:735px;
}

#i_content_fd_wide {
	float:left;
	padding: 25px 0px 25px 25px;
	margin: 1px 0px 0px 1px;
	width: 927px;
	background-color: #FFFFFF;
}



/*
==========================================================================
TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles 
==========================================================================
*/





/*
=====================
CSS NAVIGATION STYLES 
=====================
*/

/* NOTE: for main navigation styles see navmenu-base.css */

/* ================================================== SUB NAVIGATION 1 */
#subnav1, 
#subnav1_pl,
#subnav1_fd {
	float:left;
}

#subnav1 li, 
#subnav1_pl li,
#subnav1_fd li {
	border-right:1px solid #d8dbe7;
	float:left;
	display:inline;
}

#subnav1 li#on {background:#d8dbe7 url(/images/navigation/sn1_tabRight_blue.gif) no-repeat right bottom; border-right:none;}
#subnav1_pl li#on {background:#cddff9 url(/images/navigation/sn1_tabRight_pl.gif) no-repeat right bottom; border-right:none;}
#subnav1_fd li#on {background:#eededc url(/images/navigation/sn1_tabRight_fd.gif) no-repeat right bottom; border-right:none;}

#subnav1 li#on a {background:url(/images/navigation/sn1_tabLeft_blue.gif) no-repeat left bottom;}
#subnav1_pl li#on a {background:url(/images/navigation/sn1_tabLeft_pl.gif) no-repeat left bottom;}
#subnav1_fd li#on a {background:url(/images/navigation/sn1_tabLeft_fd.gif) no-repeat left bottom;}

#subnav1 a,
#subnav1_pl a,
#subnav1_fd a {
	display:block;  /* to increase clickable area as a's default to inline */
	float:left;
	line-height:3.2;
	padding:0 16px;
	text-align:center;
	text-decoration:none;
}

#subnav1 a {color:#386d9c;}
#subnav1_pl a {color:#336699;}
#subnav1_fd a {color:#881e0f;}

#subnav1 a:hover {background:#ebedf3;}
#subnav1_pl a:hover {background:#f0f5fd;}
#subnav1_fd a:hover {background:#faf5f4;}

#subnav1 a:active, #subnav1 a:focus,
#subnav1_pl a:active, #subnav1_pl a:focus,
#subnav1_fd a:active, #subnav1_fd a:focus {
	outline:0;
}



/* ================================================== SUB NAVIGATION 2 */
#subnav2 {
	float:right;
	padding:5px 10px 0 0;
}

#subnav2 li {
	border-right:1px solid #d2d2d2;
	float:left;
	display:inline;
}

#subnav2 li.last {
	border-right:none;
}

#subnav2 a {
	color:#666;
	display:block;  /* to increase clickable area as a's default to inline */
	float:left;
	line-height:1.5;
	padding:0 14px;
	text-align:center;
	text-decoration:none;
}

#subnav2 a:hover {
	background:#ededed;
}

#subnav2 a:active, #subnav2 a:focus {
	outline:0;
}



/* ================================================== INNER SUB NAVIGATION ELLIOT LAKE */
#i_subnav,
#i_subnav_pl,
#i_subnav_fd {
	border-top:1px solid #c4c4c4;
	float:left;
	margin:0;
	padding:0;
	width:193px;
}

#i_subnav li,
#i_subnav_pl li,
#i_subnav_fd li {
	margin:0;
	padding:0;
	float:left; /* This corrects the */
	width:100%; /* IE whitespace bug */
}

#i_subnav li a,
#i_subnav_pl li a,
#i_subnav_fd li a {
	border-bottom:1px solid #c4c4c4;
	display:block; /* To increase clickable area a's default to inline */
	/*line-height:2.5;*/
	padding: 3px 5px 3px 20px;
}

#i_subnav li a {background:url(/images/a_listArrow1_el.gif) no-repeat 6px 9px; color:#48568c;}
#i_subnav_pl li a {background:url(/images/a_listArrow1_pl.gif) no-repeat 6px 9px; color:#4a6692;}
#i_subnav_fd li a {background:url(/images/a_listArrow1_fd.gif) no-repeat 6px 9px; color:#922011;}

#i_subnav li a:hover,
#i_subnav_pl li a:hover,
#i_subnav_fd li a:hover {
	font-weight:bold;
	text-decoration:none;
}

#i_subnav li a:hover {background:url(/images/a_listArrow2_el.gif) no-repeat 6px 9px;}
#i_subnav_pl li a:hover {background:url(/images/a_listArrow2_pl.gif) no-repeat 6px 9px;}
#i_subnav_fd li a:hover {background:url(/images/a_listArrow2_fd.gif) no-repeat 6px 9px;}

#i_subnav li.current a,
#i_subnav_pl li.current a,
#i_subnav_fd li.current a {
	font-weight:bold;
}

#i_subnav li.current a {background:url(/images/a_listArrow2_el.gif) no-repeat 6px 9px;}
#i_subnav_pl li.current a {background:url(/images/a_listArrow2_pl.gif) no-repeat 6px 9px;}
#i_subnav_fd li.current a {background:url(/images/a_listArrow2_fd.gif) no-repeat 6px 9px;}

#i_subnav li.current_plus a,
#i_subnav_pl li.current_plus a,
#i_subnav_fd li.current_plus a {
	font-weight:bold;
}

#i_subnav li.current_plus a {background:url(/images/a_listArrow3_el.gif) no-repeat 6px px;}
#i_subnav_pl li.current_plus a {background:url(/images/a_listArrow3_pl.gif) no-repeat 6px 9px;}
#i_subnav_fd li.current_plus a {background:url(/images/a_listArrow3_fd.gif) no-repeat 6px 10px;}


/* LEVEL 2 NAVIGATION */
#i_subnav li.level2 a,
#i_subnav_pl li.level2 a,
#i_subnav_fd li.level2 a {
	background-image:none;
	padding: 3px 0px 3px 30px;
}

#i_subnav li.level2 a {background-color:#f0f0f0;}
#i_subnav_pl li.level2 a {background-color:#f0f5fd;}
#i_subnav_fd li.level2 a {background-color:#eededc;}

#i_subnav li.level2 a:hover,
#i_subnav_pl li.level2 a:hover,
#i_subnav_fd li.level2 a:hover {
	font-size:12px;
	font-weight:bold;
}

#i_subnav li.level2 a:hover {background:#f0f0f0 url(/images/a_listArrow2_el.gif) no-repeat 16px 9px;}
#i_subnav_pl li.level2 a:hover {background:#f0f5fd url(/images/a_listArrow2_pl.gif) no-repeat 16px 9px;}
#i_subnav_fd li.level2 a:hover {background:#eededc url(/images/a_listArrow2_fd.gif) no-repeat 16px 9px;}

#i_subnav li.level2 .current a,
#i_subnav_pl li.level2 .current a,
#i_subnav_fd li.level2 .current a {
	font-weight:bold;
}

#i_subnav li.level2 .current a {background:#f0f0f0 url(/images/a_listArrow2_el.gif) no-repeat 16px 9px;}
#i_subnav_pl li.level2 .current a {background:#f0f5fd url(/images/a_listArrow2_pl.gif) no-repeat 16px 9px;}
#i_subnav_fd li.level2 .current a {background:#eededc url(/images/a_listArrow2_fd.gif) no-repeat 16px 9px;}

/* Site Map */
div.siteMapsection 
{
	float: left;
	width: 300px;
	margin-right: 13px;
}

div.siteMapsection_right
{
	float: left;
	width: 300px;
	margin-right: 0px;
}

div.siteMapsection *, div.siteMapsection_right *
{
	font-size: 13px !important;
}

div.siteMapsection_title
{
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 3px 0px;
	border-bottom: solid 5px #931f10;	
}

div.siteMapsection span.sitemapSectionNoLink, div.siteMapsection_right span.sitemapSectionNoLink
{
	color: gray;
}

div.siteMapsection a, div.siteMapsection span.sitemapSectionNoLink, div.siteMapsection_right a, div.siteMapsection_right span.sitemapSectionNoLink
{
	display: block;
	padding: 3px 0px 3px 0px;
}


/* ----- end template ----- */


#h_right_fd a
{
	background:url(/images/h_quicklink_bg_fd.jpg) no-repeat 0 0;
	color:#972113;
	font-size:11px;
	width: 193px;
	line-height: 2.5;
	float:left;
	display:block;
	margin:0px 0px 5px 0px;
	padding: 0px 0px 5px 10px;
}

#h_right_fd a:hover
{
	background:url(/images/h_quicklink_bg_fd.jpg) no-repeat 0 -34px;
	color: #972113;
	text-decoration: none;
}

/* ================================================== LISTS STYLE */
#i_content_fd ul, #i_content_fd_wide ul, #h_left_fd ul {
	padding: 0px 0px 10px 0px;
	display: inline-block;
}

#i_content_fd li, #i_content_fd_wide li, #h_left_fd li {
	background:url(/images/a_listArrow2_fd.gif) no-repeat 0 6px;
	list-style-position: inside;
	padding: 0px 0px 5px 15px;
	/* 
		FireFox will ignore this and 0 left margin will be applied in IE as
		the list-style-position applies an internal padding in IE but is necessary
		to show the bullet on ULs that are next to a left-floated image/item
	*/	
	#padding: 0px 0px 5px 0px !important; 
}

.welcometext {color:#fff; float:left;}
.welcometext_pl {color:#333; float:left;}

.welcometext p {color:#fff;}
.welcometext_pl p {color:#333;}

/* ================================================== WELCOME CONTENT */
#welcometext_wrap {
	float:left;
	left:416px;
	position:relative;
	top:85px;
	width:345px;
}

.welcometextHeader {
	color:#fff;
	display:none;
	float:left;
	font:20px/24px "Times New Roman", Times, serif;
	text-transform:uppercase;
}

/* ================================================== MIDDLE STRIP RIGHT TEXT - EVENTS CALENDAR */
#middlestrip_rightbg_el {
	background:url(/images/calendar_bg.gif) no-repeat;
	color:#bcc5d3;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	height:184px;
	padding:7px 13px 5px 13px;
	position:relative;
	top:17px;
	width:170px;
}

#eventsCalendar .header {
	font-size:11px;
	font-weight:bold;
	padding:0 0 5px 0;
	text-transform:uppercase;
}

#eventsCalendar #month_wrap {
	background:#bcc5d3;
	clear:left;
	height:20px;
	padding:0 8px;
	width:154px;
}

#eventsCalendar .month,
#eventsCalendar .previous,
#eventsCalendar .next {
	color:#0f3064;
	float:left;
	font-weight:bold;
	line-height:2;
}

#eventsCalendar .month {
	text-align:center;
	width:114px;
}

#eventsCalendar .previous {
	text-align:left;
	width:20px;
}

#eventsCalendar .next {
	text-align:right;
	width:20px;
}

#eventsCalendar .next a,
#eventsCalendar .previous a {
	color:#0f3064;
	display:block;
	text-decoration:none;
}

#eventsCalendar .next a:hover,
#eventsCalendar .previous a:hover {
	color:#0f3064;
	text-decoration:underline;
}

#calendarLayout {
	margin-top:4px;
}

#calendarLayout th,
#calendarLayout td {
	padding:0;
	text-align:center;
	width:22px;
}

#calendarLayout th {
	color:#fff;
}

#calendarLayout td {
	color:#798eae;
}

#calendarLayout td a {
	color:#bcc5d3;
	display:block;
	text-decoration:none;
}

#calendarLayout td a:hover {
	color:#fff;
	text-decoration:underline;
}

#calendarLayout .specialDay {
	background:#798eae;
}



/* ================================================== MIDDLE STRIP RIGHT TEXT - PUBLIC LIBRARY */
#middlestrip_rightbg_pl {
	background:url(/images/middleStrip_bgTextArea_pl.gif) no-repeat;
	color:#fff;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	height:184px;
	padding:7px 13px 5px 13px;
	position:relative;
	top:17px;
	width:170px;
}

#middlestrip_rightbg_pl .header {
	border-bottom:1px solid #93b9cc;
	font-size:14px;
	font-weight:bold;
	padding:5px 0 10px 0;
}

#middlestrip_rightbg_pl .day {
	float:left;
	font-weight:bold;
	width:60px;
	margin-right:10px;
}

#middlestrip_rightbg_pl li {
	font-size:11px;
	padding:5px 0;
}



/* ================================================== MIDDLE STRIP RIGHT TEXT - FIRE DEPARTMENT */
#middlestrip_rightbg_fd {
	background:url(/images/middleStrip_bgTextArea_fd.gif) no-repeat;
	color:#fff;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	height:184px;
	padding:7px 13px 5px 13px;
	position:relative;
	top:17px;
	width:170px;
}

#middlestrip_rightbg_fd .header {
	font-size:14px;
	font-weight:bold;
	padding:5px 0 10px 0;
}

#middlestrip_rightbg_fd p {
	color:#fff;
}

#middlestrip_rightbg_fd a {
	color:#fff;
}



/* ================================================== CONTENT LEFT */

/* ---------- ELLIOT LAKE */
#h_leftIcons_wrap {
	background:url(/images/h_left_icons_bg.jpg) no-repeat;
	height:35px;
	margin-bottom:23px;
	padding:0 10px;
	width:379px;
}

#h_leftIcons {
	float:left;
}

#h_leftIcons li {
	float:left;
	display:inline;
	padding:0 55px 0 20px;
}

#h_leftIcons li.newsletter {background:url(/images/h_icon_newsletter.gif) no-repeat 0 5px;}
#h_leftIcons li.rss {background:url(/images/h_icon_rss.gif) no-repeat 0 5px;}
#h_leftIcons li.printerFriendly {background:url(/images/h_icon_printerFriendly.gif) no-repeat 0 5px; padding-right:10px;}

#h_leftIcons a {
	color:#fff;
	float:left;
	line-height:2.2;
	text-decoration:none;
}

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

#h_leftIcons a:active, #h_leftIcons a:focus {
	outline:0;
}

#leftsubnav {
	border-collapse:collapse;
	width:392px;
}

#leftsubnav td {
	border:0;
	border-collapse:collapse;
	margin:0;
	padding:0;
}

#leftsubnav td.image {
	padding:0 9px 0 0;
	width:71px;
}

#leftsubnav td.text {
	line-height:14px;
	padding:0 16px 0 0;
	width:100px;
}

#leftsubnav td.divide {
	background:url(/images/content_horiz_divide.gif) repeat-x left center;
	height:34px;
	width:392px;
}


/* ---------- PUBLIC LIBRARY */

#h_left_pl a {color:#336699;}
#h_left_pl a:hover {color:#75aeca;}

#icon_catalogue_pl {
	background:url(/images/h_icon_catalogue_pl.jpg) no-repeat;
	left:10px;
	height:52px;
	position:absolute;
	top:406px;
	width:52px;
	z-index:1;
}

#h_leftHeader_pl {
	background: url(/images/h_leftHeader_bg_pl.jpg) no-repeat;
	height:34px;
	margin-bottom:23px;
	padding:0 10px;
	width:379px;
}

#h_leftHeader_pl .header {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding:6px 15px 0 60px;
}

#h_leftHeader_pl .header a {
	color:#fff;
	text-decoration:none;
}

#h_leftHeader_pl .header a:hover {
	text-decoration:underline;
}

#h_left_pl .column1 {
	float:left;
	margin:0 15px 0 0;
	width:190px;
}

#h_left_pl .column2 {
	float:left;
	width:190px;
}



/* ---------- FIRE DEPARTMENT */

#h_left_fd a {color:#881e0f;}
#h_left_fd a:hover {color:#b64132;}

#h_left_fd {
	margin:15px 0 0 0;
}

#h_left_fd .column1 {
	float:left;
	margin:0 15px 0 0;
	width:190px;
}

#h_left_fd .column2 {
	float:left;
	width:190px;
}

#h_left_fd .header {
	font-size:12px;
	font-weight:bold;
	padding:0 0 5px;
}

#h_fireConditions {
	border-bottom:1px solid #c7c7c7;
	float:left;
	height:55px;
	margin-bottom:15px;
	width:175px;
}

#h_fireConditions li {
	float:left;
	font-size:30px;
	text-transform:uppercase;
}

#h_fireConditions li img {
	padding:3px 10px 0 0;
}

#h_fireConditions .low {color:#71b516;}

#h_fireEmergency {
	border-bottom:1px solid #c7c7c7;
	float:left;
	height:55px;
	margin-bottom:15px;
	width:175px;
}

#h_fireEmergency li {
	color:#881e0f;
	float:left;
	font-size:30px;
	text-transform:uppercase;
}



/* ================================================== CONTENT MIDDLE */

/* ---------- ELLIOT LAKE - IN THE NEWS */
#h_middle p {
	font-size:11px;
}

.inthenewstitle {
	background:url(/images/content_horiz_divide.gif) repeat-x left bottom;
	font-size:11px;
	font-weight:bold;
	margin-bottom:8px;
	padding-bottom:6px;
	text-transform:uppercase;
}

.inthenewsstory_wrap {
	background:url(/images/content_horiz_divide.gif) repeat-x left bottom;
	float:left;
	margin-bottom:8px;
	width:100%;
}

.inthenewsheader {
	font-weight:bold;
	padding:0 0 6px 0;
}

.inthenewscontent p {
	font:11px/15px Arial, Helvetica, sans-serif;
	padding:0 0 6px 0;
}



/* ---------- PUBLIC LIBRARY - WHATS HAPPENING */

#h_middle_pl a {color:#336699;}
#h_middle_pl a:hover {color:#75aeca;}

#h_middleHeader_pl {
	background: url(/images/h_middleHeader_bg_pl.jpg) no-repeat;
	height:34px;
	margin-bottom:23px;
	padding:0 10px;
}

#h_middleHeader_pl .header {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding:6px 0 0 0;
}

#h_middle_pl .storySnippet {
	border-bottom:1px solid #c7c7c7;
	float:left;
	margin-bottom:8px;
	width:334px;
}

#h_middle_pl .storySnippet p {
	font-size:12px;
	padding:0 0 6px 0;
}



/* ---------- FIRE DEPARTMENT - GENERAL TEXT */

#h_middle_fd a {color:#881e0f;}
#h_middle_fd a:hover {color:#b64132;}

#h_middle_fd {
	margin:15px 0 0 0;
}



/* ================================================== CONTENT RIGHT */

/* ---------- ELLIOT LAKE - QUICK LINKS */
#h_quicklinks_el {
	float:left; /* Contain floated list item */
	margin:0 0 15px 0;
	width:100%;
}

#h_quicklinks_el li {
	font-size:11px;
	float:left; /* This corrects the */
	width:100%; /* IE whitespace bug */
}

#h_quicklinks_el a,
#h_quicklinks_el a:visited {
	background:url(/images/h_quicklink_bg_el.jpg) no-repeat 0 0;
	color:#fff;
	display:block; /* to increase clickable area as a's default to inline */
	line-height:2.5;
	padding:0 10px 3px 10px;
}

#h_quicklinks_el a:hover {
	background:url(/images/h_quicklink_bg_el.jpg) no-repeat 0 -34px;
	text-decoration:none;
}



/* ---------- PUBLIC LIBRARY - QUICK LINKS */

#h_right_pl a {color:#336699;}
#h_right_pl a:hover {color:#75aeca;}

#h_quicklinks_pl {
	float:left; /* Contain floated list item */
	margin:0 0 15px 0;
	width:100%;
}

#h_quicklinks_pl li {
	font-size:11px;
	float:left; /* This corrects the */
	width:100%; /* IE whitespace bug */
}

#h_quicklinks_pl a,
#h_quicklinks_pl a:visited {
	background:url(/images/h_quicklink_bg_pl.jpg) no-repeat 0 0;
	color:#fff;
	display:block; /* to increase clickable area as a's default to inline */
	line-height:2.5;
	padding:0 10px 3px 10px;
}

#h_quicklinks_pl a:hover {
	background:url(/images/h_quicklink_bg_pl.jpg) no-repeat 0 -34px;
	color:#336699;
	text-decoration:none;
}



/* ---------- FIRE DEPARTMENT - QUICK LINKS */

#h_right_fd a {color:#881e0f;}
#h_right_fd a:hover {color:#b64132;}

#h_right_fd {
	margin:15px 0 0 0;
}

#h_quicklinks_fd {
	float:left; /* Contain floated list item */
	margin:0 0 15px 0;
	width:100%;
}

#h_quicklinks_fd li {
	font-size:11px;
	float:left; /* This corrects the */
	width:100%; /* IE whitespace bug */
}

#h_quicklinks_fd a,
#h_quicklinks_fd a:visited {
	background:url(/images/h_quicklink_bg_fd.jpg) no-repeat 0 0;
	display:block; /* to increase clickable area as a's default to inline */
	line-height:2.5;
	padding:0 10px 3px 10px;
}

#h_quicklinks_fd a:hover {
	background:url(/images/h_quicklink_bg_fd.jpg) no-repeat 0 -34px;
	text-decoration:none;
}





/*
============================
STYLES FOR CONTENT PAGE ONLY 
============================
*/

/* ================================================== BREADCRUMB AREA */

/* ---------- LINKS FROM THE MAIN NAV TO BREADCRUMBS */
#breadcrumbsTop_elBlue1,
#breadcrumbsTop_elGold,
#breadcrumbsTop_elRed,
#breadcrumbsTop_elGreen,
#breadcrumbsTop_elBlue2,
#breadcrumbsTop_pl1,
#breadcrumbsTop_pl2,
#breadcrumbsTop_pl3,
#breadcrumbsTop_pl4,
#breadcrumbsTop_pl5,
#breadcrumbsTop_fd1,
#breadcrumbsTop_fd2,
#breadcrumbsTop_fd3,
#breadcrumbsTop_fd4,
#breadcrumbsTop_fd5 {
	float:left;
	height:3px;
	position:relative;
	width:197px;
}

#breadcrumbsTop_elBlue1 {background:url(/images/i_bgBreadcrumb_el.gif) no-repeat 0 0; left:0;}
#breadcrumbsTop_elGold {background:url(/images/i_bgBreadcrumb_el.gif) no-repeat -196px 0; left:196px;}
#breadcrumbsTop_elRed {background:url(/images/i_bgBreadcrumb_el.gif) no-repeat -392px 0; left:392px;}
#breadcrumbsTop_elGreen {background:url(/images/i_bgBreadcrumb_el.gif) no-repeat -588px 0; left:588px;}
#breadcrumbsTop_elBlue2 {background:url(/images/i_bgBreadcrumb_el.gif) no-repeat -784px 0; left:784px;}

#breadcrumbsTop_pl1 {background:url(/images/i_bgBreadcrumb_pl.gif) no-repeat 0 0; left:0;}
#breadcrumbsTop_pl2 {background:url(/images/i_bgBreadcrumb_pl.gif) no-repeat -196px 0; left:196px;}
#breadcrumbsTop_pl3 {background:url(/images/i_bgBreadcrumb_pl.gif) no-repeat -392px 0; left:392px;}
#breadcrumbsTop_pl4 {background:url(/images/i_bgBreadcrumb_pl.gif) no-repeat -588px 0; left:588px;}
#breadcrumbsTop_pl5 {background:url(/images/i_bgBreadcrumb_pl.gif) no-repeat -784px 0; left:784px;}

#breadcrumbsTop_fd1 {background:url(/images/i_bgBreadcrumb_fd.gif) no-repeat 0 0; left:0;}
#breadcrumbsTop_fd2 {background:url(/images/i_bgBreadcrumb_fd.gif) no-repeat -196px 0; left:196px;}
#breadcrumbsTop_fd3 {background:url(/images/i_bgBreadcrumb_fd.gif) no-repeat -392px 0; left:392px;}
#breadcrumbsTop_fd4 {background:url(/images/i_bgBreadcrumb_fd.gif) no-repeat -588px 0; left:588px;}
#breadcrumbsTop_fd5 {background:url(/images/i_bgBreadcrumb_fd.gif) no-repeat -784px 0; left:784px;}



/* ---------- BREADCRUMBS STYLES */
#breadcrumbs_elBlue1,
#breadcrumbs_elGold,
#breadcrumbs_elRed,
#breadcrumbs_elGreen,
#breadcrumbs_elBlue2,
#breadcrumbs_pl,

#breadcrumbs_fd {
	left:7px;
	top:186px;
	padding: 3px 20px 0px 20px;
	position:absolute;
	width:744px;
	z-index:1;
}

#breadcrumbs_elBlue1 li,
#breadcrumbs_elGold li,
#breadcrumbs_elRed li,
#breadcrumbs_elGreen li,
#breadcrumbs_elBlue2 li,
#breadcrumbs_pl li,
#breadcrumbs_fd li {
	float:left;
	display:inline;
}

#breadcrumbs_elBlue1 a {color:#48568c;}
#breadcrumbs_elGold a {color:#b7a973;}
#breadcrumbs_elRed a {color:#b7737c;}
#breadcrumbs_elGreen a {color:#488c83;}
#breadcrumbs_elBlue2 a {color:#386d9c;}
#breadcrumbs_pl a {color:#4a6692;}
#breadcrumbs_fd a {color:#ffffff;}

#breadcrumbs_elBlue1 a:hover,
#breadcrumbs_elGold a:hover,
#breadcrumbs_elRed a:hover,
#breadcrumbs_elGreen a:hover,
#breadcrumbs_elBlue2 a:hover,
#breadcrumbs_pl a:hover,
#breadcrumbs_fd a:hover {
	/*font-weight:bold;*/
	text-decoration: underline;
}



/* ---------- OTHER LINK STYLES IN THE BREADCRUMBS AREA */
#otherLinks_elBlue1,
#otherLinks_elGold,
#otherLinks_elRed,
#otherLinks_elGreen,
#otherLinks_elBlue2,
#otherLinks_pl,
#otherLinks_fd {
	float:right;
	padding: 3px 7px 0px 0px;
	position:absolute;
	right:20px;
	top:186px;
	width:195px;
	z-index:1;
}

#otherLinks_elBlue1 li,
#otherLinks_elGold li,
#otherLinks_elRed li,
#otherLinks_elGreen li,
#otherLinks_elBlue2 li,
#otherLinks_pl li,
#otherLinks_fd li {
	float:right;
	display:inline;
	font-size: 12px;
}

#otherLinks_elBlue1 li.email {background:url(/images/i_bc_emailIcon_el.gif) no-repeat 0 3px;}
#otherLinks_elGold li.email {background:url(/images/i_bc_emailIcon_el.gif) no-repeat 0 -17px;}
#otherLinks_elRed li.email {background:url(/images/i_bc_emailIcon_el.gif) no-repeat 0 -37px;}
#otherLinks_elGreen li.email {background:url(/images/i_bc_emailIcon_el.gif) no-repeat 0 -57px;}
#otherLinks_elBlue2 li.email {background:url(/images/i_bc_emailIcon_el.gif) no-repeat 0 -77px;}
#otherLinks_pl li.email {background:url(/images/i_bc_emailIcon_el.gif) no-repeat 0 3px;}
/* #otherLinks_fd li.email {background:url(/images/i_bc_emailIcon_fd.gif) no-repeat 0 3px;} */
#otherLinks_fd li.email {background:url(/images/icon_email.gif) no-repeat 0 1px; padding: 0px 20px 0px 25px;}

#otherLinks_elBlue1 li.printer {background:url(/images/i_bc_printerIcon_el.gif) no-repeat 0 3px; padding:0 0 0 20px;}
#otherLinks_elGold li.printer {background:url(/images/i_bc_printerIcon_el.gif) no-repeat 0 -17px; padding:0 0 0 20px;}
#otherLinks_elRed li.printer {background:url(/images/i_bc_printerIcon_el.gif) no-repeat 0 -37px; padding:0 0 0 20px;}
#otherLinks_elGreen li.printer {background:url(/images/i_bc_printerIcon_el.gif) no-repeat 0 -57px; padding:0 0 0 20px;}
#otherLinks_elBlue2 li.printer {background:url(/images/i_bc_printerIcon_el.gif) no-repeat 0 -77px; padding:0 0 0 20px;}
#otherLinks_pl li.printer {background:url(/images/i_bc_printerIcon_el.gif) no-repeat 0 3px; padding:0 0 0 20px;}

/* #otherLinks_fd li.printer {background:url(/images/i_bc_printerIcon_fd.gif) no-repeat 0 3px; padding:0 0 0 20px;} */
#otherLinks_fd li.printer {background:url(/images/icon_print.gif) no-repeat 0 1px; padding: 0 0 0 25px;}

#otherLinks_elBlue1 a {color:#58568c;}
#otherLinks_elGold a {color:#b7a973;}
#otherLinks_elRed a {color:#b7737c;}
#otherLinks_elGreen a {color:#488c83;}
#otherLinks_elBlue2 a {color:#386d9c;}
#otherLinks_pl a {color:#4a6692;}
#otherLinks_fd a {color:#fff;}



/* ================================================== MAIN IMAGE */
.heading1 {
	font-size:24px;
	font-weight:bold;
	padding:0 0 15px 0;
}

.heading2 {
	font-size:16px;
	font-weight:bold;
	padding:10px 0;
}



/* ================================================== MAIN IMAGE */
#i_content img.imageleft,
#i_content_pl img.imageleft,
#i_content_fd img.imageleft,
#i_content img.imageright,
#i_content_pl img.imageright,
#i_content_fd img.imageright {
	border:1px solid #c4c4c4;
	padding:1px;
}

#i_content img.imageleft,
#i_content_pl img.imageleft,
#i_content_fd img.imageleft {
	float:left;
	margin:0 20px 20px 0;
}

#i_content img.imageright,
#i_content_pl img.imageright,
#i_content_fd img.imageright {
	float:right;
	margin:0 0 20px 20px;
}



/* ================================================== LISTS STYLE */
#i_content ul,
#i_content_pl ul,
#i_content_fd ul {
	padding:0 0 10px 0;
}

#i_content li,
#i_content_pl li,
#i_content_fd li {
	padding:0 0 5px 15px;
}

#i_content li {background:url(/images/a_listArrow2_el.gif) no-repeat 0 6px;}
#i_content_pl li {background:url(/images/a_listArrow2_pl.gif) no-repeat 0 6px;}
#i_content_fd li {background:url(/images/a_listArrow2_fd.gif) no-repeat 0 6px;}

.picleft
{
	float: left;
	text-align :left;
	padding: right;
	border:1;			
}
.picright
{
	float:right;
	text-align:right;
	padding:left;
	border:1;
}
.header
{
	font-size:large;
}