/* -----------------------------------------------------------------------
	Styling to force footer to bottom of page
---------------------------------------------------------------------------*/
html {
  height: 100%;
}

.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -190px; 
}

.page-wrap:after {
  content: "";
  display: block;
}

.site-footer, .page-wrap:after {
  height: 190px; 
}

a.nolinkline {
	text-decoration:none;
}

p.nopaddingnomargin {
	padding:0;
	margin:0;
}

div.stopfloat
{
	clear:both;
}

/* -----------------------------------------------------------------------
	h - heading styles 
---------------------------------------------------------------------------*/
h1 {
	font-family:Georgia,sans-serif;
	font-size:140%;
	color: #3A6764;
	font-weight:bold;
	padding:0px;
}

h2 {
	font-family:Georgia,sans-serif;
	font-size:120%;
	color: #5F4F2D;
	font-weight:bold;
	padding:0px;
}

h2.contact {
	font-family:Georgia,sans-serif;
	font-size:120%;
	color: #5F4F2D;
	font-weight:bold;
	padding:0px;
	margin:0;
}

h3 {
	font-family:Georgia,sans-serif;
	font-size:110%;
	color: #3A6764;
	font-weight:bold;
	padding:0px;
}

h3.tableheader {
	font-family:Georgia,sans-serif;
	font-size:110%;
	color: #3A6764;
	font-weight:bold;
	padding:0px;
	margin-bottom:0px;
}


/* -----------------------------------------------------------------------
	hr styles 
---------------------------------------------------------------------------*/
hr.thickbrown {
	height: 3px;
	color: #362A12;
	background-color: #362A12;
	border: none;

}

hr.brown {
	height: 2px;
	color: #372551;
	background-color: #372551;
	border: none;
}


/* -----------------------------------------------------------------------
	img styles 
---------------------------------------------------------------------------*/
img.imagefill {
	border:0;
	width:95%;
	display:block;
	margin: 0 auto;
}

img.leftimagefill {
	border:0;
	width:95%;
	display:block;
}

img.rightimagefill {
	border:0;
	width:95%;
	display:block;
	float:right;
}

@media (max-width: 779px) {
	img.rightimagefill {
		border:0;
		width:95%;
		display:block;
		float:left;
	}
}


/* -----------------------------------------------------------------------
	UL/LI styles 
---------------------------------------------------------------------------*/
ul.bold li a {
	color: #3A6764;
	font-weight:bold;
}

ul.bold li {
	padding-bottom:5px;
}

ul.strong li a {
	color: #3A6764;
	font-weight:bold;
}

ul.strong li {
	padding-bottom:5px;
}

ul.headinglist {
	list-style:none;
}

ul.headinglist>li {
	font-size:100%;
	color: #3A6764;
	font-weight:bold;
	padding-bottom:4px;
}

ul.headinglist ul>li {
	font-size:100%;
	color: black;
	font-weight:normal;
	padding-bottom:2px;
}


/* -----------------------------------------------------------------------
	general styles - can apply to div, span, p, etc. elements
---------------------------------------------------------------------------*/
.lastupdated {
	font-size:70%;
}

.red {
	color:#D60000;
}

.redalert {
	color:#D60000;
	font-weight:bold;
	font-size:120%;
}

.highlightyellow {
	BACKGROUND-COLOR: #ffff00;
}

.highlightbrown {
	font-family:Georgia,sans-serif;
	font-size:110%;
	color:#FFFFFF;
	background-color:#5F4F2D;
	font-weight:normal;
	margin:0;
	padding:3px;
	display:inline-block;
}

.textcenter {
	text-align:center;
}

.vmiddle {
	vertical-align:middle;
}

.hright {
	text-align:right;
}

.hleft {
	text-align:left;
}

.vtop {
	vertical-align:top;
}

.smallbluehead {
	font-family:Georgia,sans-serif;
	font-size:100%;
	color: #3A6764;
	font-weight:bold;
	padding:0px;
}

.smallbrownheadwithpadding {
	font-family:Georgia,sans-serif;
	font-size:110%;
	color: #5F4F2D;
	font-weight:bold;
	padding:10px;
}

.smallbrownhead {
	font-family:Georgia,sans-serif;
	font-size:110%;
	color: #5F4F2D;
	font-weight:bold;
}

.medbluehead {
	font-family:Georgia,sans-serif;
	font-size:115%;
	color: #3A6764;
	font-weight:bold;
	padding:5px 0px;
}


/* -----------------------------------------------------------------------
	float, indent, and padding styles - divs, etc. applies to all desktop/tablet/mobile
---------------------------------------------------------------------------*/
.leftindent {
	padding-left:30px;
}

.extrapadding {
	padding:0 1em 1em 1em;
}

.sidepadding {
	padding:0 .75em;
}

.extrapaddingafter 
{
	padding-bottom:10px;
}

div.floatleft {
	float:left;
}

div.floatleftextrapadding {
	float:left;
	padding-left:20px;
}

div.extrapadding {
	padding:15px;
}

div.largeextrasidepadding {
	padding:0 1em;
}

div.hugesidepadding {
	padding:0 2.5em;
}

div.largeindentspaceafter {
	padding:0 3em .5em 3em;
}

div.extrasidepadding {
	padding:0 .5em;
}


/* -----------------------------------------------------------------------
	Mobile/Tablet/Desktop - Split Screen (columns) Styles
---------------------------------------------------------------------------*/
div.w100 {
	width:100%;
}

@media (max-width: 779px) {
	div.left30 {
		width:100%;
		display:block;
	}
	div.left40 {
		width:100%;
		display:block;
	}

	div.right60 {
		width:100%;
		display:block;
	}
	div.right70 {
		width:100%;
		display:block;
	}

	div.left70 {
		width:100%;
		display:block;
	}

	div.right30 {
		width:100%;
		display:block;
	}

	div.left50 {
		width:100%;
		display:block;
	}

	div.right50 {
		width:100%;
		display:block;
	}

	div.left25 {
		width:100%;
		display:block;
	}

	div.right25 {
		width:100%;
		display:block;
	}

	div.middle50 {
		width:100%;
		display:block;
	}
}

@media (min-width: 780px) {
	div.left30 {
		width:30%;
		float:left;
	}
	div.left40 {
		width:40%;
		float:left;
	}

	div.right60 {
		width:60%;
		float:right;
	}
	div.right70 {
		width:70%;
		float:right;
	}

	div.right30 {
		width:30%;
		float:right;
	}

	div.left70 {
		width:70%;
		float:left;
	}

	div.left50 {
		width:48%;
		float:left;
	}

	div.right50 {
		width:48%;
		float:right;
	}

	div.left25 {
		width:25%;
		float:left;
	}

	div.right25 {
		width:25%;
		float:right;
	}

	div.middle50 {
		width:48%;
		float:left;
	}
}


/* -----------------------------------------------------------------------
	general table styles 
---------------------------------------------------------------------------*/
table.w100 {
	width:100%;
}

tr.blueback td {
	background-color: #E1F7FA;
}

tr.blueback th {
	background-color: #E1F7FA;
}

tr.greyback th {
	background-color: #CFCFCF;
}

td.nowrap {
	white-space: nowrap;
}

td.red p {
	color:#D60000;
}

td.red a {
	color:#D60000;
}

tbody.border1 {
	border: 1px solid #3C5F61;
}

tbody.border2 {
	border: 2px solid #3C5F61;
}

tr.rowborder_top_solid {
	border-top: 1px solid #3C5F61;
}

tr.rowborder_bottom_solid {
	border-bottom: 1px solid #3C5F61;
}

tr.rowborder_top_dashed {
	border-top: 1px dashed #3C5F61;
}

tr.rowborder_bottom_dashed {
	border-top: 1px dashed #3C5F61;
}

/* -----------------------------------------------------------------------
	Named Tables - tbl_noborder_nopadding 
---------------------------------------------------------------------------*/
table.tbl_noborder_nopadding {
	border:0;
}

table.tbl_noborder_nopadding>thead>tr,
table.tbl_noborder_nopadding>thead>tr>th,
table.tbl_noborder_nopadding>tbody>tr,
table.tbl_noborder_nopadding>tbody>tr>td {
	border:0;
}

/* -----------------------------------------------------------------------
	Named Tables - tbl_noborder_paddingall
---------------------------------------------------------------------------*/
table.tbl_noborder_paddingall {
	border-collapse:collapse;
	border:0;
}

table.tbl_noborder_paddingall td, th {
	border:0;
	padding: 6px 12px 6px 12px;
}


/* -----------------------------------------------------------------------
	Named Tables - tbl_borders_paddingall 
---------------------------------------------------------------------------*/
table.tbl_borders_paddingall {
	border: 1px solid #3C5F61;
	border-collapse: collapse;
	padding:5px;

}

.tbl_borders_paddingall>tbody>tr>td,
.tbl_borders_paddingall>tbody>tr>th,
.tbl_borders_paddingall>tfoot>tr>td,
.tbl_borders_paddingall>thead>tr>th {
	border: 1px solid #3C5F61;
	padding:8px 15px;
}

/* -----------------------------------------------------------------------
	Named Tables - tbl_borders_centered
---------------------------------------------------------------------------*/
table.tbl_borders_centered {
	border: 1px solid #3C5F61;
	border-collapse: collapse;
	padding:5px;

}

.tbl_borders_paddingall>tbody>tr>td,
.tbl_borders_paddingall>tbody>tr>th,
.tbl_borders_paddingall>tfoot>tr>td,
.tbl_borders_paddingall>thead>tr>th {
	border: 1px solid #3C5F61;
	padding:8px 15px;
	text-align: center;
}


/* -----------------------------------------------------------------------
	Named Tables - tbl_borders_indented 
---------------------------------------------------------------------------*/
table.tbl_borders_indented {
	border: 1px solid #3C5F61;
	border-collapse: collapse;
	padding:5px;
	margin:5px 5px 30px 30px;

}

.tbl_borders_indented >tbody>tr>td,
.tbl_borders_indented >tbody>tr>th,
.tbl_borders_indented >tfoot>tr>td,
.tbl_borders_indented >thead>tr>th {
	border: 1px solid #3C5F61;
	padding:4px 10px;
}

/* -----------------------------------------------------------------------
	Named Tables - tbl_borders_paddingsmall 
---------------------------------------------------------------------------*/
table.tbl_borders_paddingsmall {
	border: 1px solid #3C5F61;
	border-collapse: collapse;
	padding:3px;

}

.tbl_borders_paddingsmall>tbody>tr>td,
.tbl_borders_paddingsmall>tbody>tr>th,
.tbl_borders_paddingsmall>tfoot>tr>td,
.tbl_borders_paddingsmall>thead>tr>th {
	border: 1px solid #3C5F61;
	padding:3px;
}

/* -----------------------------------------------------------------------
	Named Tables - tbl_borders_small_1stcolleft
---------------------------------------------------------------------------*/
table.tbl_borders_small_1stcolleft {
	border: 1px solid #3C5F61;
	border-collapse: collapse;
	padding:5px;
	font-size:90%;

}

.tbl_borders_small_1stcolleft>tbody>tr>td,
.tbl_borders_small_1stcolleft>tbody>tr>th,
.tbl_borders_small_1stcolleft>thead>tr>th {
	border: 1px solid #3C5F61;
	padding:8px 15px;
}

.tbl_borders_small_1stcolleft>tbody>tr>th:first-child {
	text-align:left;
}



/* -----------------------------------------------------------------------
	Named Tables - tbl_borderoutside_paddingall_small
---------------------------------------------------------------------------*/
.tbl_borderoutside_paddingall_small{
	border:1px solid #407073;
	border-collapse:collapse;
}

.tbl_borderoutside_paddingall_small>thead>tr>th,
.tbl_borderoutside_paddingall_small>tbody>tr>td,
.tbl_borderoutside_paddingall_small>tbody>tr>th {
	padding: 7px;
	border:0;
	font-size:90%;
}


/* -----------------------------------------------------------------------
	Named Tables - tbl_border_1stcolumnpadding
---------------------------------------------------------------------------*/
table.tbl_border_1stcolumnpadding {
	border: 1px solid #3C5F61;
	border-collapse: collapse;
	padding:5px;
}

.tbl_border_1stcolumnpadding>thead>tr>th {
	border-bottom: 1px solid #3C5F61;
	padding:5px;
	text-align:left;
}

.tbl_border_1stcolumnpadding>tbody>tr>td {
	border-bottom: 1px solid #3C5F61;
	padding:5px;
	vertical-align:top;
}


.tbl_border_1stcolumnpadding>tbody>tr>td:first-child {
	padding-right:30px;
}

.tbl_border_1stcolumnpadding>tbody>tr>td>p {
	margin: 0;
}


/* -----------------------------------------------------------------------
	Named Tables - tbl_border_1stcolbold_collapsemobile 
---------------------------------------------------------------------------*/
.tbl_border_1stcolbold_collapsemobile {
	border: 1px solid #3C5F61;
	border-collapse: collapse;
	padding:5px;
}

.tbl_border_1stcolbold_collapsemobile>thead>tr>th,
.tbl_border_1stcolbold_collapsemobile>tbody>tr>th,
.tbl_border_1stcolbold_collapsemobile>tbody>tr>td {
	border-collapse: collapse;
	padding:5px;
	font-size:90%;
	vertical-align:top;
	border: 1px solid #3C5F61;
}

.tbl_border_1stcolbold_collapsemobile>tbody>tr>td:first-child {
	font-weight:bold;
	white-space: nowrap;
}

.tbl_border_1stcolbold_collapsemobile>tbody>tr>td:nth-child(3) {
	white-space: nowrap;
}

@media (max-width: 779px) {
	.tbl_border_1stcolbold_collapsemobile>thead>tr>th,
	.tbl_border_1stcolbold_collapsemobile>tbody>tr>td {
		display:block;
		border: 0;
		white-space: normal;
	}

	.tbl_border_1stcolbold_collapsemobile>thead>tr,
	.tbl_border_1stcolbold_collapsemobile>tbody>tr {
		border: 2px solid #3C5F61;
	}

	.tbl_border_1stcolbold_collapsemobile>tbody>tr>td:nth-child(2) {
		padding-left: 30px;
	}

	.tbl_border_1stcolbold_collapsemobile>tbody>tr>td:nth-child(3) {
		padding-left: 30px;
	}
}


/* -----------------------------------------------------------------------
	Named Tables - tbl_border_1stcolbold_collapsemobile_normalsize
---------------------------------------------------------------------------*/
.tbl_border_1stcolbold_collapsemobile_normalsize {
	border: 1px solid #3C5F61;
	border-collapse: collapse;
	padding:5px;
}

.tbl_border_1stcolbold_collapsemobile_normalsize>thead>tr>th,
.tbl_border_1stcolbold_collapsemobile_normalsize>tbody>tr>td {
	border-collapse: collapse;
	padding:5px;
	vertical-align:top;
	border: 1px solid #3C5F61;
}

.tbl_border_1stcolbold_collapsemobile_normalsize>tbody>tr>td:first-child {
	font-weight:bold;
	white-space: nowrap;
}

@media (max-width: 779px) {
	.tbl_border_1stcolbold_collapsemobile_normalsize>thead>tr>th,
	.tbl_border_1stcolbold_collapsemobile_normalsize>tbody>tr>td {
		display:block;
		border: 0;
		white-space: normal;
	}

	.tbl_border_1stcolbold_collapsemobile_normalsize>thead>tr,
	.tbl_border_1stcolbold_collapsemobile_normalsize>tbody>tr {
		border: 2px solid #3C5F61;
	}
}

/* -----------------------------------------------------------------------
	Named Tables - tbl_border_collapsemobile
---------------------------------------------------------------------------*/
.tbl_border_collapsemobile {
	border: 1px solid #3C5F61;
	border-collapse: collapse;
	padding:4px;
}

.tbl_border_collapsemobile>thead>tr>th,
.tbl_border_collapsemobile>tbody>tr>td {
	border-collapse: collapse;
	padding:4px;
	vertical-align:top;
	border: 1px solid #3C5F61;
}

@media (max-width: 779px) {
	.tbl_border_collapsemobile>thead>tr>th,
	.tbl_border_collapsemobile>tbody>tr>td {
		display:block;
		border: 0;
		white-space: normal;
	}

	.tbl_border_collapsemobile>thead>tr,
	.tbl_border_collapsemobile>tbody>tr {
		border: 1px solid #3C5F61;
	}
}

/* -----------------------------------------------------------------------
	Named Tables - tbl_elections
---------------------------------------------------------------------------*/
table.tbl_elections {
	border: 1px solid #3C5F61;
	border-collapse: collapse;
	padding:5px;
	font-size:90%;

}

.tbl_elections>tbody>tr>td,
.tbl_elections>tbody>tr>th,
.tbl_elections>thead>tr>th {
	border: 1px solid #3C5F61;
	padding:5px;
	vertical-align:top;
}



/* -----------------------------------------------------------------------
	sidenav - on inside pages, sidenav is the mobile menu
---------------------------------------------------------------------------*/
@media (max-width: 779px) {
	.sidenav {
		display:none;
	}

	#sidemenu > a {
		text-decoration:none;
	}
	
	#sidemenu {
		background-color:#94b7bc;
		list-style:none;
		margin-left:0;
		margin:0;
		padding:0;

	}
	
	#sidemenu li {
		margin-left:0;
		padding-left:0;

	}

	#sidemenu a {
		text-decoration:none;
	}

	#sidemenu a:focus,
	#sidemenu a:hover  {
		text-decoration:underline;
	}

	#sidemenu>li>a,
	#sidemenu>li>a>div {
		color:#2b4445;
		background-color:#94b7bc;
	}

	#sidemenu>li>a>div {
		padding:.5em;
	}

	#sidemenu>li {
		border-top-style:solid;
		border-top-color:#2b4445;
		border-top-width:2px;
	}

	#sidemenu ul a,
	#sidemenu ul a div {
		color:#3c5f61;
		font-size:95%;
	}

	#sidemenu ul a div {
		padding:.4em .4em .4em 3em;
	}
	
	#sidemenu ul {
		list-style:none;
		background-color:#c1dade;
		width:100%;
		padding:0;
		margin:0;
	}

	#sidemenu ul>li {
		border-top-style:solid;
		border-top-color:#3c5f61;
		border-top-width:1px;
	}

	.sidemenuclose  {
		padding:.5em;
		border-top-style:solid;
		border-top-color:#2b4445;
		border-top-width:2px;
	}

	.sidemenuclose a {
		color:#FFF;
	}

}

@media (min-width: 780px) {
	#sidemenu {
		display:block;
	}

	#sidenavholder {
		position:relative;
		float:left;
		margin: 0;
		padding:0;
		z-index: 4;
		background-color: #94B7BC;
		border-top: .8em solid #3C5F61;
		border-bottom: .8em solid #3C5F61;
		font-size:90%;
	}

	#sidemenu {
		list-style: none;	
		padding: 0;
		margin: 0;
		background-color:#94B7BC;
	}

	#sidemenu a {
		color:#2B4445;
		text-decoration:none;
	}

	#sidemenu>li {
		border-bottom: 2px solid #3C5F61;
		cursor:pointer;
	}

	#sidemenu div {
		padding:.4em;
	}

	#sidemenu>li>a {
		width:100%;
		color:#2B4445;
		text-decoration:none;
	}

	#sidemenu li ul {
		list-style: none;
		padding:0;
		margin:0;
		background-color:#C1DADE;
	}

	#sidemenu li ul li {
		border-bottom: 2px solid #94B7BC;
	}

	#sidemenu li ul li a div {
		padding-left:1.5em;
	}

	#sidemenu li ul li a {
		color:#3C5F61
	}

	#sidemenu > li > a:hover {
		color: #FFF;
	}

	#sidemenu > li > a:focus {
		color: #FFF;
		text-decoration:underline;
	}

	#sidemenu > li > ul > li > a:hover {
		color: black;
	}

	#sidemenu > li > ul > li > a:focus { 
		color: #000;
		text-decoration:underline;
	} 
}

@media (min-width: 780px) and (max-width:1199px) {
	#sidenavholder {
		width: 160px;
	}
}

@media (min-width: 1200px) {
	#sidenavholder {
		width: 200px;
	}
}


/* -----------------------------------------------------------------------
	breadcrumbs
---------------------------------------------------------------------------*/
.breadcrumbs {
	background-color:#3C5F61;
	color:#cfe8e5;
	padding:.8em 0 0 0;
	margin:0;
}

.breadcrumbs div {
	padding: .4em 1em;
	display:none;
}

.breadcrumbs a {
	color:#cfe8e5;
	text-decoration:none;
	font-size:90%;
}

.breadcrumbs a:focus,
.breadcrumbs a:hover {
	text-decoration:underline;
}

@media (min-width: 780px) and (max-width:1199px) {
	.breadcrumbs {
		width:580px;
	}
}

@media (min-width: 1200px) {
	.breadcrumbs {
		width:880px;
	}
}


/* -----------------------------------------------------------------------
	content_box styles
---------------------------------------------------------------------------*/
.insidecontents {
	font-size:90%;
}

.insidecontents a {
	color:#3A6764;
}

.insidecontents ul li {
	padding-bottom:6px;
}

.insidecontents ol li {
	padding-bottom:6px;
}

@media (max-width: 779px) {
	#content_box {
		position:relative;
		min-width:275px;
		width:95%;
		margin: 0px auto;
		background-color:#FFF;
		color:#000;
		z-index: 22;
		display:block;
	}
}

@media (min-width: 780px) {
	#content_box {
		margin: 0;
		padding:0;
		background-color:#FFF;
		color:#000;
		border-bottom: .8em solid #3C5F61;
	}
}

@media (min-width: 780px) and (max-width:1199px) {
	#content_box {
		position:relative;
		float:right;
		width:580px;
		z-index: 4;
	}
}

@media (min-width: 1200px) {
	#content_box {
		position:relative;
		float:right;
		width:880px;
		z-index: 4;
	}
}