/*SLOBC CSS PRINT TEMPLATE 06-08-10*/
/*WILLIAM BENEDICT*/

/*Red #9c130b*/
/*Light Gray #d9d9d1*/
/*Dark Gray #b2b2aa*/
/*Yellow #ffe680*/
/*Light Yellow #fff3c0*/
/*Purple #43108d*/


/*BODY
This defines the body of the page.
---------------------------------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	color: #000;
	background: #fff;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

* {
	margin: 0;
	padding: 0;
}	


/*FRAME ELEMENTS
These elements create the basic structure of the page
---------------------------------------------------------------------------*/

#frame {
	width: 585px;/*print width*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

#frame-585 {
	width: 585px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

#frame-narrow {
	width: 540px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}/*this may not be used*/

#header {
	border-top: 15px solid #ffe680;
	border-bottom: 15px solid #ffe680;
	margin:  0 0 0 15px;
	padding: 0;
	text-align: left;
}

#frame-585 #header {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	width: 570px;
	margin: 0 0 0 15px;
	padding: 0;
	text-align: left;
}

#contentwrapper {
	float: left;
	text-align: left;
	display: block;
}

#verticalnav {
	display: none;
}

#horizontalnav {
	display: none;
}

#contentwide {
	float: left;
	width: 585px;
	margin: 0 0 30px 0;
	padding: 0;
	text-align: left;
}

#frame-585 #contentwide {
	width: 585px;
	margin: 15px 0 30px 0;
	padding: 0;
	text-align: left;
}

#contentwidetop {
	float: left;
	width: 585px;
	margin: 0;
	padding: 0;
	text-align: left;
}

#contentleft {
	float: left;
	width: 390px;
	margin: 0 0 30px 0;
	padding: 0;
	text-align: left;
}

#contentright {
	float: left;
	width: 195px;
	margin: 52px 0 30px 0;
	padding: 0;
	text-align: left;
}

#contentleft-equal {
	float: left;
	width: 292px;
	margin: 0 0 30px 0;
	padding: 0;
	text-align: left;
}
#contentright-equal {
	float: left;
	width: 292px;
	margin: 0 0 30px 0;
	padding: 0;
	text-align: left;
}

#footer {
	display: none;
}

#map {
	width:570px;
	height:500px;
	margin:0 0 0 15px;
}


/*HEADER ELEMENTS 
These are the headers used for the home page and subpages
---------------------------------------------------------------------------*/

#header p#skip {
	display: none;
}

#header h1 {
	margin: 5px 0 0 0;
	color: #9c130b;/*Red*/
	font-weight: bold;
	font-size: 4.9em;
	line-height: 1em;
}

#frame-585 #header h1 {
	display: none;
}

#header p { 
	margin: 0 0 10px 165px;
	font-size: 1.4em;
	line-height: .5em;
}

#frame-585 #header p { 
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 1.4em;
	line-height: 1.6em;
}

#header img {	
	display: none;
}

#header h1 a:link, #header h1 a:visited, #header h1 a:hover, #header h1 a:active {
	color: #9c130b;/*Red*/
	text-decoration: none;
}


/*PARAGRAPH TAGS
Standard Paragraph sturcture tags for controlling text content
---------------------------------------------------------------------------*/

p { 
	margin: .4em 0 0 15px;
	font-size: 1em;
	line-height: 1.3em;
}

p.tight { 
	margin: 0 0 0 15px;
}

#contentright p {
	margin: .5em 0 0 15px;
	font-size: 1em;
	line-height: 1.2em;
}

p.indent {
	margin-left: 40px;
}

p.indenttwo {
	margin-left: 80px;
}

p.news-post-date {
	margin: 2em 0 0 15px;
	padding: 0 4px 0 0;
	font-size: .9em;
	line-height: 1.3em;
	text-align: right;
	clear: both;
}

p.caption {
	margin: 0 0 0 15px;
	font-style: italic;
	font-size: .9em;
	line-height: 1.1em;
}


/*HEADER TAGS
Depricated header tags for main content sections
---------------------------------------------------------------------------*/

h1 {
	clear: both;
	margin: -2px 0 0 15px;
	color: #9c130b;/*Red*/
	font-weight: bold;
	font-size: 1.8em;
	line-height: 1.5em;
}

h2 {
	margin: .6em 0 .3em 15px;
	font-weight: normal;
	font-size: 1.5em;
	line-height: 1.1em;
}

h2.background {
	margin: .8em 0 .3em 15px;
	padding: 4px 0 3px 5px;
	background: #d9d9d1;/*Light Gray*/
}

h2.news-post {
	margin: 0 0 8px 15px;
	padding: 4px 0 3px 5px;
	background: #d9d9d1;/*Light Gray*/
}

#contentright h2 {
	margin: 0 0 8px 15px;
	padding: 4px 0 3px 0;
	background: #9c130b;
	color: #fff;
	font-weight: normal;
	font-size: 1.5em;
	line-height: 1em;
	text-align: center;
}

#contentleft-equal h2, #contentright-equal h2 {
	margin: 20px 0 8px 15px;
	padding: 4px 0 3px 5px;
	background: #ffe680;/*Yellow*/
}

h3 { 
	margin: .7em 0 0 15px;
	font-size: 1.2em;
	line-height: 1.2em;
}

#contentleft-equal h3, #contentright-equal h3, h3.background {
	margin: 15px 0 8px 15px;
	padding: 4px 0 3px 4px;
	background: #d9d9d1;/*Light Gray*/
	color: #000;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.2em;
}

h4 { 
	margin: .6em 0 0 15px;
	font-size: 1.1em;
	line-height: 1.2em;
}


h5 { 
	margin: .4em 0 0 15px;
	font-size: 1em;
	line-height: 1.2em;
}


/*UNIVERSAL-SPECIAL TAGS
---------------------------------------------------------------------------*/

.floatleft {
	float: left;
}

.clearfloats {
	clear: both;
}

.emphasize {
	font-weight: bold;
	color: #0033ff;/*Blue*/
}

.bylaw-addition {
	font-weight:700;
	text-decoration:underline;
}

td.emphasize-cell, td.open-position {
	font-weight: bold;
	text-align: center;
	background: #fff3c0;/*Light Yellow*/
}

.strikethrough {
	text-decoration: line-through;
}

iframe.google-maps {
	width:570px;
	height:500px;
	border:0;
	margin:0 0 0 15px;
}

.page-break-before {
	page-break-before: always;
}


/*IMAGES TAGS
---------------------------------------------------------------------------*/

img {
	margin: 10px 0 5px 15px;
	padding: 0;
	border: none;
}

img.top {
	margin: 0 0 5px 15px;
}

p img {
	margin: 0;
}

img.border {
	border: 1px solid #808078;/*50% Gray*/
}

img.floatleft {
	float: left;
	margin: .6em 15px .6em 15px;
}

img.floatleft-right {
	float: left;
	margin: .6em 15px .6em 0;
}

img.floatright {
	float: right;
	margin: .6em 0 .6em 15px;
}

img.floatleft-border {
	float: left;
	margin: .6em 15px .6em 15px;
	border: 1px solid #808078;/*50% Gray*/
}

img.floatleft-border-right {
	float: left;
	margin: .6em 15px .6em 0;
	border: 1px solid #808078;/*50% Gray*/
}

img.floatright-border {
	float: right;
	margin: .6em 0 .6em 15px;
	border: 1px solid #808078;/*50% Gray*/
}


/*DIV FLOAT IMAGES WITH CAPTIONS
---------------------------------------------------------------------------*/

div.captioned-image {
	margin: 10px 0 0 15px;
	padding: 0;
}

div.captioned-image-175 {
	float: left;
	margin: 10px 15px 0 15px;
	padding: 0;
	width: 175px;
}

div.captioned-image-175-right {
	float: left;
	margin: 10px 15px 0 0;
	padding: 0;
	width: 175px;
}

div.captioned-image-270 {
	float: left;
	margin: 10px 15px 0 15px;
	padding: 0;
	width: 270px;
}

div.captioned-image-270-right {
	float: left;
	margin: 10px 15px 0 0;
	padding: 0;
	width: 270px;
}

div.captioned-image-365 {
	float: left;
	margin: 10px 15px 0 15px;
	padding: 0;
	width: 365px;
}

div.captioned-image-365-right {
	float: left;
	margin: 10px 15px 0 0;
	padding: 0;
	width: 365px;
}

div.captioned-image img, div.captioned-image-365 img, div.captioned-image-365-right img, div.captioned-image-270 img, div.captioned-image-270-right img, div.captioned-image-175 img, div.captioned-image-175-right img {
	margin: 0;
	padding: 0 0 .3em 0;
	display: block;
}

div.captioned-image p, div.captioned-image-365 p, div.captioned-image-365-right p, div.captioned-image-270 p, div.captioned-image-270-right p, div.captioned-image-175 p, div.captioned-image-175-right p {
	margin: 0;
	padding: 0 0 .6em 0;
	font-style: italic;
	font-size: .9em;
	line-height: 1.2em;
	display: block;
}


/*IMAGE GRIDS USING UNORDERED LIST
---------------------------------------------------------------------------*/

#contentwide ul.imagegrid, #contentwide ul.imagegridtop {
	width: 570px;
}

#contentmiddle ul.imagegrid, #contentmiddle ul.imagegridtop {
	width: 375px;
}

ul.imagegrid {
	list-style: none;
	float: left;
	margin: 10px 0 0 15px;
	padding: 0;
}

ul.imagegridtop {
	list-style: none;
	float: left;
	margin: 0 0 5px 15px;
	padding: 0;
}

ul.imagegrid li, ul.imagegridtop li {
	display: block;
	float: left;
	margin: 0px 15px 0 0;
	padding: 0;
}

ul.imagegrid img, ul.imagegridtop img {
	display: block;
	margin: 0;
	padding: 0;
}

ul.imagegrid p, ul.imagegridtop p {
	margin: .3em 0 1em 0;
	padding: 0;
	font-style: italic;
	font-size: .9em;
	line-height: 1.2em;
}


/*NESTED LISTS & TABLES
---------------------------------------------------------------------------*/

li li, li p, td p, blockquote p, li dl {
	font-size: 1em;
}


/*UNORDERED LISTS
---------------------------------------------------------------------------*/

ul {
	list-style-type: square;
	margin: 0 0 0 45px;
	font-size: 1em;
	line-height: 1.3em;
}

ul li {
	padding: .4em 0 0 0;
}

ol li ul {
	margin: 0 0 0 20px;
}


/*ORDERED LISTS
---------------------------------------------------------------------------*/

ol {
	margin: 0 0 0 45px;
	padding: 0;
	font-size: 1em;
	line-height: 1.3em;
}

ol.letters {
	list-style-type: upper-alpha;
}

ol li {
	margin: 0;
	padding: .4em 0 0 0;
}

ol li ul, ol.letters li ol  {
	margin: 0 0 0 20px;
}


/*DEFINITION LISTS
---------------------------------------------------------------------------*/

dl {
	margin: 0 0 0 45px;
	padding: 0;
	font-size: 1em;
	line-height: 1.3em;
}

dl dt {
	margin: .4em 0 0 -30px;
	padding: 0;
	font-weight: bold;
}

dl dd {
	margin: 0;
	padding: 0;
}

dt.lineabove { 
	margin: .4em 0 0 -30px;
	padding: .4em 0 0 0;
	border-width: 1px;
	border-style: solid none none none;
	border-color: #000;
	font-weight: bold;
}


/*BLOCKQUOTE ELEMENTS
---------------------------------------------------------------------------*/

blockquote {
	margin: .4em 0 0 0;
	padding: 0 60px 0 55px;
	font-style: italic;
	font-size: 1em;
	line-height: 1.3em;
	}



/*LINK ELEMENTS
----------------------------------------------------------------------------*/

a:link {
	color: #9c130b;/*Red*/
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #9c130b;/*Red*/
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #43108d;/*Purple*/
	text-decoration: underline;
}

a:active {
	background: none;
	color: #43108d;/*Purple*/
	text-decoration: underline;
}

div#footer a:link {
	color: #9c130b;/*Red*/
	font-weight: normal;
	text-decoration: none;
}

div#footer a:visited {
	color: #9c130b;/*Red*/
	font-weight: normal;
	text-decoration: none;
}

div#footer a:hover {
	color: #43108d;/*Purple*/
	text-decoration: underline;
}

div#footer a:active {
	background: none;
	color: #43108d;/*Purple*/
	text-decoration: underline;
}


/*DATA TABLE
---------------------------------------------------------------------------*/

table {
	margin: 10px 0 8px 15px;
	padding: 0;
	border-collapse: collapse;
	border: 0;
	text-align: left;
	white-space: nowrap;
}

#contentleft table {
	width: 375px;
}

#contentwide table {
	width: 570px;
}

table.wrap {
	white-space: normal;
}

table.imagetable {
	white-space: normal;
}

table.imagetable td {
	border: 0;
	padding: 0 10px 10px 0;
}

table.imagetable img {
	display: block;
	margin: 0;
	padding: 0;
}

table.imagetable p {
	margin: 0;
	padding: .5em 10px .5em 0;
	line-height:1.3em;
	font-style: italic;
}

caption {
	margin: 0;
	padding: .8em 0 .5em 4px;
	font-weight: bold;
	font-size: 1.2em;
	line-height: .9em;
	text-align: left;	
}

th, td {
	padding: .3em 4px .1em 4px;
	font-size: 1em;
	line-height: 1.2em;
	vertical-align: top;
	border: 1px solid #b2b2aa;/*Dark Gray*/
}

th {
	background-color: #d9d9d1;/*Light Gray*/
	font-weight: bold;
}

th.center60 {
	width: 60px;
	text-align:center;
}/*Find where used and replace with center plus width class combination then eliminate*/

th.nowrap, td.nowrap {
	white-space: nowrap;
}

th.center, td.center {
	text-align: center;
}

th.right, td.right {
	text-align: right;
}

th.floatleft, td.floatleft {
	float: left;
}

table p {
	margin: .4em 0 0 0;
	line-height: 1.2em;
}


/*======================  FORM - UNORDERED LIST  ============================================*/

form {
	margin: 0 0 0 15px;
	}
form h2 {
	margin: .6em 0 .3em 0;
	}
form p { 
	margin: .4em 0 0 0;
	}
form table {
	margin: 10px 0 8px 0;
	}
fieldset {
	float: left;
	clear: left;
	margin: 0;
	padding: 0;
	border: none;
	}
#contentwide fieldset {
	width: 570px;
	}
fieldset p {
	margin: 0;
	}
legend {
	margin: 0;
	padding: 10px 0 0 0;
	border: none;
	font-size: 1.4em;
	}
fieldset ol {
	margin: 0;
	padding: 3px 0 0 0;
	border: none;
	list-style: none;
	}
fieldset li {
	float: left;
	clear: left;
	width: 100%;
	margin: 0;
	padding: 0 0 6px 0;
	border: none;
	background-color: #e6e6de;
	line-height: 1.6;
	}
fieldset li.top {
	padding: 8px 0 6px 0;
	}
label {
	float: left;
	width: 165px;
	margin: 0;
	padding: 0 10px 0 0;
	text-align: right;
	}
label.full-width {
	width: 565px;
	}
label.radio-2 {
	width: 140px;
	padding: 0 0 0 2px;
	text-align: left;
	}
label.radio-3 {
	width: 60px;
	padding: 0 0 0 2px;
	text-align: left;
	}
input {
	float: left;
	width: 355px;
	margin: 0;
	padding: 0;
	}
input.radio {
	width: 20px;
	position: relative;
	top: 3px;
	}
textarea {
	float: left;
	width: 358px;
	margin: 0;
	padding: 0;
	}
input.no-border {
	border: none;
	}
textarea.no-border {
	border: none;
	}
select {
	float: left;
	width: 355px;
	margin: 0;
	padding: 0;
	}

/*----------------  FORM - UNORDERED LIST STACK  ----------------------------*/

fieldset.stack {
	clear: left;
	}
fieldset.stack li {
	padding: 0;
	}
fieldset.stack li.top {
	padding: 10px 0 0 0;
	}
fieldset.stack label {
	width: 100%;
	padding: 0 0 0 16px;
	text-align: left;
	}
fieldset.stack textarea {
	floats: none;
	width: 494px;
	margin: 1px 0 10px 40px;
	padding: 20px 0 0 0;
	border: 1px solid #66665e;
	}
	
/*----------------  FORM - SUBMIT  ----------------------------*/
	
fieldset li.submit {
	clear: both;
	padding: 15px 0 0 175px;
	border: none;
	background-color: transparent;
	}
fieldset li.submit input {
	width: 200px;
	background-color: #e6e6de;
	}
	
/*----------------  FORM - SMALL PRINT (PRINT CSS ONLY)  ----------------------------*/

div.small-print p {
	font-size: .9em;
	line-height: 1.2em;
}
	

/*==============  FORM AND TABLE WIDTHS  =================================*/

.width020 {
	width: 20px;
	}
.width030 {
	width: 30px;
	}
.width040 {
	width: 40px;
	}
.width050 {
	width: 50px;
	}
.width060 {
	width: 60px;
	}
.width070 {
	width: 70px;
	}
.width080 {
	width: 80px;
	}
.width090 {
	width: 90px;
	}
.width100 {
	width: 100px;
	}
.width120 {
	width: 120px;
	}
.width130 {
	width: 130px;
	}
.width140 {
	width: 140px;
	}
.width150 {
	width: 150px;
	}
.width160 {
	width: 160px;
	}
.width180 {
	width: 180px;
	}
.width200 {
	width: 200px;
	}
.width240 {
	width: 240px;
	}