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

/*	ONKA PRINT STYLES
	Created 9 Feb 2010 WNPsaila
	Last Update 29 Mar 2010 WNPsaila
	
	- Internet Explorer versions: 6.0–8.0
	- Firefox versions: 2.0–3.0
	- Safari: 3.0–4.0	
	
*/



/* ------------ GLOBALS ------------ */

html,
body {
   margin:0;
   padding:0;
   /* height:100%; */
}

body {
	margin: 0;
	padding: 0;
	line-height: 12pt;
	font: 11pt Arial, Helvetica, sans-serif;
	color: #636363;
	/* background: url(/custom/files/media/onkalogoblack.gif) 102px 24px no-repeat #FFF !Important; */   /* BG Logo removed 15Aug2011 */
}

p, td, div, li, ol, h1, h2 {
	font-family: Arial, Helvetica, sans-serif;
}

image { border: 0px; }

a {	text-decoration: none; }
a:hover { text-decoration: underline; }

/* Hide List */

#centricEditModeLink,
#topheader .advancedsearch a span,
#header h1 a span,
#mainNav .nvlink a span,
.home #centrecontent #rightcolumn .centricListingDivider {
	display: none;	
}

#pagewidth {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	/* min-height: 100%; */
}

/* ------------ HEADER ------------ */

#header {
	height: 138px;
	margin: 0;
	padding: 0;
 	z-index:1010; /* Added DR */
}

#topheader {
	display: none;
}

/* Main COO Logo */
#header h1 {
	position: relative;
	margin: 0;
	padding: 0;
}

#header h1 a {
	display: block;
	margin: 25px 0 0 11px;
	padding: 0;
	width: 56px;
	height: 66px;
	/* background: url(/custom/files/media/onkalogocoo.gif) 0 0 no-repeat !Important; */    /* Header image removed 15Aug2011 */
}

/* ------------ MAIN NAV ------------ */

#mainNav {
	display: none;
}

/* ------------ CENTRECONTENT ------------ */

.home #centrecontent,
.council #centrecontent,
.livinghere #centrecontent,
.discover #centrecontent { /* forces positioning on all these pages aside from inner content */
	position: relative;
	/* height: 434px; */
}

#centrecontent {
	position: relative !important;
	width: 990px;
}


/* ------------ HOME CONTENT ------------ */

.home #centrecontent #middlecolumn {
	position: absolute;
	left: 102px;
	width: 672px;
	height: 434px;
}

/* Home Main Promo Panel */

.home #centrecontent #mainpromo {
	position: absolute;
	width: 444px;
	height: 255px;
	background: #000;
}

.home #centrecontent #homelinks {
	position: absolute;
	top: 0;
	left: 444px;
	width: 228px;
	height: 255px;
	background: url(/custom/files/media/onkahmemiddlelinkstopbg.gif) 0 0 no-repeat !Important;	
}

.home #centrecontent #homelinks ul {
	list-style: none;
	margin: 29px 0 0 11px;
	padding: 0;
}

.home #centrecontent #homelinks li {
	display: inline;
	margin: 0;
	padding: 0;
}

.home #centrecontent #homelinks li a {
	display: block;
	padding: 4px 0;
	font: bold 1.231em Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px solid #F29C4D;
}

.home #centrecontent #homelinks li a:hover {
	color: #F8C99F;	
}


/* Home Upcoming Events */

.home #centrecontent #rightcolumn {
	position: absolute;
	left: 798px;
	width: 192px;
	height: 434px;
}

.home #centrecontent #rightcolumn img.header {
	margin-bottom: 10px;	
}

.home #centrecontent #rightcolumn .centricListingGeneral {
	margin-bottom: 5px;
	padding-bottom: 5px;
	font: 0.923em Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #e5e5e5	
}

.home #centrecontent #rightcolumn .centricListingDate {
	font-weight: bold;
	color: #000;
}

.home #centrecontent #rightcolumn .centricListingGeneral a,
.home #centrecontent #rightcolumn p.fullcalendareventslink a {
	color: #424242;
	text-decoration: none;
}

.home #centrecontent #rightcolumn .centricListingGeneral a:hover,
.home #centrecontent #rightcolumn p.fullcalendareventslink a:hover {
	color: #ED7100;
	text-decoration: underline;	
}

.home #centrecontent #rightcolumn p.fullcalendareventslink a {
	float: right;
	font-weight: bold;	
}

/* ---------------- HOME & LANDING PAGE QUICKLINKS ------------------ */

#centrecontent #quicklinkpanel {
	position: relative;
	top: 255px;
	left: 208px;
	width: 672px;
	height: 131px;
}

.home #centrecontent #quicklinkpanel {
	top: 279px;
	left: 0;
}

#centrecontent #quicklink {
	float: left;
	margin-right: 12px;
	width: 102px;
	height: 131px;
}

#centrecontent #quicklink .quicklinkpic {
	margin-bottom: 10px;	
}

#centrecontent #quicklink .quicklinkpic a img {
	/* margin-bottom: 10px; */
	border: none;
}

#centrecontent #quicklink .quicklinktext a {
	font: bold 1em Arial, Helvetica, sans-serif;
	line-height: 14px;
	text-decoration: none;
	text-transform: uppercase;
}

.home #centrecontent #quicklink .quicklinktext a { color: #CE003B; }
.council #centrecontent #quicklink .quicklinktext a { color: #E74645; }
.livinghere #centrecontent #quicklink .quicklinktext a { color: #CC004B; }
.discover #centrecontent #quicklink .quicklinktext a { color: #007B80; }

.home #centrecontent #quicklink .quicklinktext a:hover { color: #ED7100; }
.council #centrecontent #quicklink .quicklinktext a:hover { color: #EF9636; }
.livinghere #centrecontent #quicklink .quicklinktext a:hover { color: #E74645; }
.discover #centrecontent #quicklink .quicklinktext a:hover { color: #83C651; }

#centrecontent #quicklinkpanel .last { margin-right: 0;}

/* ------------ LANDING & INNER PAGE CONTENT ------------- */

/* Milonic Menu Styles */
#centrecontent #sectionNav {
	display: none;
}


.council #centrecontent #middlecolumn,
.livinghere #centrecontent #middlecolumn,
.discover #centrecontent #middlecolumn {
	position: absolute;
	top: 48px;
	left: 102px;
}

.genericinner #middlecolumn,
.councilinner #middlecolumn,
.livinghereinner #middlecolumn,
.discoverinner #middlecolumn {
	float: left;
	position: relative;
	top: 0px/*24px*/;
	/* left: 102px; */
	/*min-height: 420px;*/
	/* background: url(/custom/files/media/onkahdrinnerbg.gif) 0 0 no-repeat;  /* Is this on page 2 of printing? */
}

.electedmembers #middlecolumn {
	float: left;
	position: relative;
	top: 0px/*24px*/;
	/*left: 102px;*/
	min-height: 420px;
	background: url(/custom/files/media/onkahdrelectedmembers.gif) 0 0 no-repeat;
}

#centrecontent #middlecolumn {
	width: 880px;
}

#centrecontent #middlecolumn h1 {
	margin-top: 0;
}

/* Main Promo */
#centrecontent #mainpromo {
	position: absolute;
	width: 208px;
	height: 231px;
	background: #000;
}

/* Landing page content */
#centrecontent #landingintro {
	position: absolute;
	top: 0;
	/* left: 208px; */
	width: 638px; /* 672px less padding */
	height: 208px; /* 231px less padding */
	padding: 18px 10px 5px 24px;
	color: #fff;
}

.council #centrecontent #landingintro { background: url(/custom/files/media/onkalandmiddletopbgcouncil.gif) 0 0 no-repeat #E74645; }
.livinghere #centrecontent #landingintro { background: url(/custom/files/media/onkalandmiddletopbglivinghere.gif) 0 0 no-repeat #CC004B; }
.discover #centrecontent #landingintro { background: url(/custom/files/media/onkalandmiddletopbgdiscover.gif) 0 0 no-repeat #007B80; }

#centrecontent #landingintro h2 {
	margin: 0;
	padding: 0;
	font: 1.846em Arial, Helvetica, sans-serif;
	color: #FFF;
}

#centrecontent #landingintro p {
	font-size: 1em;
}

#centrecontent #leftcolumn {
	display: none;
	position: relative;
	float: left;
	width: 208px;
	padding-top: 70px;
	min-height: 310px;   /* Setting a min height so footer doesn't ride up */
}

#centrecontent #leftcolumn h1 {
	width: 208px;
	font: bold 2.154em Arial, Helvetica, sans-serif;
	color: #000;
	margin-top: 0;
}

/* ---------------- SUBNAV - FAMILY LINKS ---------- */

#centrecontent #leftcolumn ul#navlist {
	display: none;
}


/* Main Body Copy */

#centrecontent #maincontent {
	position: relative;
	float: left;
	padding: 48px 0 0 11px;
}

#centrecontent #maincontent a {
	color: #00A1A3;
}

/* breadcrumbs */

#centrecontent #maincontent #breadcrumbs {
	clear: right;	
	width: 100%;  /* Prevent H1 sitting beside breadcrumbs in IE6/7 */
	height: 27px;
}

#centrecontent #maincontent #breadcrumbs ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#centrecontent #maincontent #breadcrumbs ul li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	font: .846em Arial, Helvetica, sans-serif;
}

#centrecontent #maincontent #breadcrumbs ul li a {
	color: #636363;
	text-decoration: none;
}

#centrecontent #maincontent #breadcrumbs ul li a:hover {
	text-decoration: underline;
}

p.backtotop { display: none; }


div#joincolumns {
	/* Pulls parent DIV to bottom of multiple float columns */
	clear:both;
	height:0px;
	margin:0px;
	padding:0px;
}


/* ------------ FOOTER ------------ */

#footer {	
	display: none;
}



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

/*----- Print settings: Collapse leftSideColumn & Nav etc -----*/
/*----- Added DRiggs, Aug 2011, IE7-8 printing in particular -----*/

/* #maincontent { color: #999 !important; } */    /* <- test to ensure it targets correctly */

@page {
	margin-left:0.5in;
	margin-right:0.5in;
	margin-top:1.0in; /* In case BG is on, to put ONKA heading in */
}
@page :first {
	margin-top:0in;
}
/* */
/*
@page :right {
	margin-left:0.5in;
	margin-right:0.5in;
}
@page :left {
	margin-left:0.5in;
	margin-right:0.5in;
	margin-top:
}
*/
/* 2nd-even pages */

@media print
{

html { height: auto; width: 100%; }
body { height: auto; width: auto; margin: 0; padding: 0; }


/* Turn off all fixed width items, to let text wrap in print space. */
	#header { display: none !important; }     /* Remove Logo in BG and space for it on first page */
	#topheader { display: none !important; }  /*  "  */
	
	#search_basic { display: none !important; }
	#mainNav { display: none !important; }
	#tooltip { display: none !important; }
	
	#pagewidth { width: 92% !important; }  /* 92% is widest before FF crops text */
	#centrecontent { width: 100% !important; }
	#centrecontent #sectionNav { display: none; }  /* Milonic Menu Styles */
	#centrecontent #middlecolumn { width: 100% !important; }
	#maincontent { width: 100% !important; color: #999 !important; }
	#leftcolumn { display: none; }
	p.backtotop { display: none; }
	
	#footer { display: none; }


/* LESS width for printing than on screen */
/*
	#leftcolumn { width: auto; border: 0; margin: 0 0; padding: 0 5%; } / * FF printing didn't respond to: margin 5% but did to padding 5% * /
	# { width:70%; margin:0px 0px 0px 0px; padding:0% 5% 0% 0%;}
	# { width:30%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
*/

}

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