/* 
  ------------------------------------------------
  PVII CSS Page Builder Magic
  Copyright (c) 2011 Project Seven Development
  www.projectseven.com
  07: 2 Col Fixed Sidebar Left
  Content Page
  ------------------------------------------------
*/
/*html { 
  background: url(../../images/bkg-wave-1280.jpg) no-repeat fixed center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}*/
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600);
body {
	font-family: "Arial","Verdana", sans-serif;
	color: #000;
	background-color: #ffffff;
	margin: 0 0;
	padding: 0px
}
#force-scroll{position:absolute; top:0; height:100%; padding:0 0 1px}
/*Border Radius for CURVED CORNERS. The overall wrapper is assigned an 8px radius on all 4 corners. The masthead is assigned a 6px radius for its top corners. The footer is assigned a 6px radius for its bottom corners. The footer and masthead radii must always be 2px less than the radii set on the content wrapper so that its border displays properly.*/
.content-wrapper {border-radius: 8px; }
.masthead {border-radius: 6px 6px 0px 0px;}
.footer { border-radius: 0px 0px 6px 6px; }


/*Masthead, includes Logo and Banner. It carries a bottom shadow that creates a bevel effect between the masthead and your page content. All modern browsers except Safari 5.x support box-shadow. As of this writing, Safari still requires the proprietary webkit prefix. Once Safari 6 is released, you can remove the webkit property.*/
.masthead {
	
	background-color: #fff;
	border-bottom: 1px solid #FFF;
	padding: 0px;
	text-align: left;
	position: relative;
	/*-webkit-box-shadow: 0 0 20px #AAA;
	box-shadow: 0 0 6px #AAA;*/
}

/*The masthead logo DIV rule can be used to assign padding or colors to your masthead area that contains your logo. The default logo we provide is simply a level 1 heading, which may be replaced with an image of your logo. If you choose to keep your image logo inside the H1 tag, then edit the masthead h1 rule to remove all properties except for margin: 0. */
.masthead .logo {border-bottom: 1px solid #000;}
.masthead h1 {
	margin: 0;
	color: #FFF;
	padding: 10px 30px;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	font-weight: normal;
}

/*We set height and overflow hidden to allow you place an image in the banner that would normally be too large. You can edit or remove this rule if you design your banner image to fit your layout.*/
.masthead .banner {
	/*height: 114px;*/
	overflow: hidden;
}
.masthead .banner img {}

/*Main Layout Container. The entire page is inside this element.*/
.content-wrapper {
	/*border: 1px solid #222;*/
	margin: 0 auto;
	/*-webkit-box-shadow: 0px 0px 20px #999;
	box-shadow: 0 0 20px #999;*/
	width: 1180px;
}
/*The containing element for the the main content. We simply set the content area to have a white background.*/
.columns-wrapper {
	overflow: hidden;
	background-color: #FFF;
}
/*Possible anchor workaround
.columns-wrapper {
	overflow: hidden;
	background-color: #FFF;
	background-image: url(img/sidebar.png);
	background-repeat: repeat-y;
	border: 2px solid #666666;
	border-radius: 0px 0px 6px 6px;
}
*/

/*This container is inside the columns wrapper and serves as a container for the content inside, allowing you to adjust whitespace (padding) without altering the CSS box model. This is the rule to use to set text attributes for your main content.*/

.main-content .content {
	padding: 30px;
	font-size: 13px;
	line-height: 1.5em;
}

/*
.sidebar .content {
	padding:24px 0px 20px 0px !important;
	margin-left:4px !important;

}
/*
*/
/*A utility rule assigned to the first heading to remove all margins. This class can be used on any element for which you would like to remove margin.*/
.page-topper { margin: 0px; }


/*Heading styles*/

h1 { 
	margin: 0px 0px 0px 0px;
	line-height: normal; 
	
	color: #1969A8;
	
	font-family: Arial, Helvetica, sans-serif !important; 
	font-weight: 500 !important;
}
 h1 span{
	font-size:16px;
}
h2, h3, h4 { 
	margin: 30px 0 0 0;
	line-height: normal; 

}

h1 { font-size: 26px; }
h2 { font-size: 18px; }
h3 { font-size: 16px;color: #1969A8; }
h4 { font-size: 14px; }
h5 { font-size: 12px;margin: 16px 0 0 0}
h6 { font-size: 12px;color: #1969A8;;margin: 16px 0 0 0}

 
/*Misc. Typographic Styles
.content em {
	font-style: normal;
	text-transform: uppercase;
	font-size: 110%;
}
.content em.big {
	font-size: 125%;
}*/
.larger{
	font-size:125%;	
}
.smaller{
	font-size:85%;
	line-height:1.5em;
}
/*Sidebar*/
.sidebar {
	width: 230px;
	float: left;
background-color: #ffffff;
		/*background-color: #FFFCDB;*/
	border-right: 1px solid #ccc;

}
/*DO NOT EDIT*/
.p7desktop .sidebar {
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}
/*The Sidebar content. Edit padding and font attributes to suit*/
.sidebar .content {
	padding: 30px 30px 30px 0px;
	font-size: 12px;
	line-height: 1.5em;
	
}
/*Main Content*/
.main-content { margin-left: 220px; }

/*Ordinary Link Styles*/
.main-content a { color: #2b7bb9;text-decoration:none; }
.main-content a:visited { color: #2b7bb9;text-decoration:none; }/* was .content*/
.main-content a:hover, .main-content a:focus, .main-content a:active { color: #C30;text-decoration:underline; }
/*.sidebar2 a { color: #0059B3; }
.sidebar2 a:hover, .sidebar2 a:focus { color: #000; }
*/
.footer a { color: #2b7bb9;text-decoration:none; }
.footer a:hover, .content a:focus { color: #C30;text-decoration:underline; }

/*Lists: We reduce normal indentation and remove bullets for ordered and unordered lists  when placed in a sidebar*/
.sidebar ul, .sidebar ol, .sidebar2 ul, .sidebar2 ol {
	margin: 0 0 0 .5em;
	padding: 0 0 0 .5em;
	line-height: normal;
}
.sidebar li, .sidebar2 li { 
	margin-bottom: 4px; 
}

/*The Sidebar Menu UL.*/
ul.menuside {
	margin: 0;
	padding: 0;
}
/*The menu list items. Margin-bottom provides some separation between each item and may be edited.*/
ul.menuside li {
	list-style-type: none;
	margin-bottom: 5px;
}
/*The menu links. MUST BE DISPLAY BLOCK. Padding provides white space within the link box. The first padding value controls the height of the box. The second value controls width. A box shadow is set.*/
.menuside a {
	display: block;
	color: #000;
	text-decoration: none;
	padding: 8px 10px;
	font-size: 14px;
	border: 1px solid #FFF;
	border-radius: 4px;
	background-color: #D2D2D2;
	-webkit-box-shadow: 0px 0px 15px #DDD;
	box-shadow: 0px 0px 15px #DDD;
}
/*The menu links hover and focus states. A box shadow effect changes for this state. */
.menuside a:hover, .menuside a:focus {
	color: #FFF;
	border-color: #222;
	background-color: #222;
	box-shadow: 5px 5px 30px #999;
	outline: 0;
}
/*.footer {
	
	background-color: #222;
	border-top: 1px solid #222;
	padding: 10px 0px;
	font-size: 11px;
	color: #FFF;

}
.footer p.copyright {
	text-transform: uppercase;
	margin: 0px;
}*/
.footer {
	
	background-color: #fff;
border-top: 1px solid #ccc;
	padding: 10px 0px;
	font-size: 11px;
	color: #000;

}
.footer p.copyright {
	text-transform: uppercase;
	margin: 0px;
}
/*extras*/
.main-content ul{
	 list-style-type: none;
	  padding: 0 0 0 1em;
  margin-left:8px;
}

.main-content ul li{
	background: url(/images/bullet-grey.gif) no-repeat 4px 0.8em;
	padding: 2px 0 6px 20px; 
}

.main-content ul li.blank{
	background: none;
	padding: 2px 0 6px 20px; 
}
.main-content ul li.pdf {
  background: url(/images/ico-pdf.gif) no-repeat 0px 0.6em !important; 
  list-style-type: none !important;
  padding: 7px 0 5px 20px !important;
}
.main-content ul li.video{
	
background: url(/images/ico-video.gif) no-repeat 4px 0.5em !important;
 padding: 5px 0 5px 20px !important;
}
.main-content ul li.word {
  background: url(/images/ico-word.gif) no-repeat 0px 0.6em !important; 
  list-style-type: none !important;
  padding: 4px 0 5px 20px !important;
}
.main-content ul li.tick {
  background: url(/images/ico-tick.gif) no-repeat 0px 0.6em !important; 
  list-style-type: none !important;
  padding: 7px 0 5px 20px !important;
}
.main-content ul li.cross {
  background: url(/images/ico-cross.gif) no-repeat 0px 0.6em !important; 
  list-style-type: none !important;
  padding: 7px 0 5px 20px !important;
}
.main-content ul li.xls {
  background: url(/images/ico-xls.gif) no-repeat 0px 0.6em !important; 
  list-style-type: none !important;
  padding: 4px 0 5px 20px !important;
}
.main-content ul li.audio {
  background: url(/images/ico-audio.gif) no-repeat 0px 0.6em !important; 
  list-style-type: none !important;
  padding: 4px 0 5px 20px !important;
}
.main-content ul li.zip {
  background: url(/images/ico-zip.gif) no-repeat 0px 0.6em !important; 
  list-style-type: none !important;
  padding: 4px 0 5px 20px !important;
}

/*
ul.pdf li.audio {
  background: url(/includes/default/images/ico-audio.gif) no-repeat 1px 0.5em !important; 
}
*/



.main-content ul li.ppt {
  background: url(/images/ico-ppt.gif) no-repeat 0px 0.6em !important; 
 
  list-style-type: none !important;
  padding: 4px 0 5px 20px !important;
}
.main-content ul li.arrow {
  background: url(/images/arrow-blue-r.gif) no-repeat 0px 0.5em !important; 
  list-style-type: none !important;
  padding: 0 0 6px 20px !important;
}
.main-content ul li.jpg {
  background: url(/images/ico-jpg.gif) no-repeat 0px 0.6em !important; 
  list-style-type: none !important;
  padding: 4px 0 5px 20px !important;
}
.main-content ol{
  padding: 0 0 0 1em;
  margin-left:20px;
}
.main-content ol.alpha{
  list-style:lower-alpha;
}.main-content ol.roman{
  list-style:lower-roman;
}

.main-content ol li{
	padding: 0 0 8px 0;
}
.main-content ol li ol{
	margin-top:6px
}
ul.pagination {
  clear: both;
  margin: 0 0px 0px 0;
 
  font-size:12px;
}
ul.pagination li.next {
  background: url(/images/ico-next.gif) no-repeat 50px 8px; 
  float: right;
  list-style-type: none;
  padding: 0.2em 22px 0.2em 1.5em;
}
ul.pagination li.contents {
  background: url(/images/ico-up.gif) no-repeat 0 8px;
  float: right;
  list-style-type: none;
  padding: 0.2em 0 0.2em 1.5em;
}
ul.pagination li.previous {
  float: right;
  background: url(/images/ico-previous.gif) no-repeat 0 8px; 
  list-style-type: none;
  padding: 0.2em 10px 0.2em 1.5em;
}
.top30{
	margin-top:30px;
}
span.external {
  background: url(/images/ico-external.gif) 100% 65% no-repeat;
  padding-right: 10px;
  font-size: 90%;
  text-decoration: none;
}
ul.blank li{
	list-style-type: none;
	background: none;
	}
ol ul{
	margin-top:8px;
}
ol ul li{
	
	   padding: 0px 0 0px 10px !important;

}
ul li.pdf {
  background: url(/images/ico-pdf.gif) no-repeat 0px 0.5em !important; 
 
  list-style-type: none !important;
  padding: 8px 0 5px 20px !important;
}
ul li.archive {
  background: url(/images/ico-archive.gif) no-repeat 0px 0.5em !important; 
 
  list-style-type: none !important;
  padding: 6px 0 5px 20px !important;
}
ul li.facebook {
  background: url(/images/ico-facebook.jpg) no-repeat 0px 0.75em !important; 
 
  list-style-type: none !important;
  padding: 8px 0 5px 20px !important;
}
.nowrap{
	white-space:nowrap
}
.highlight{
	border: solid 1px #1969a8;
	background-color: #fffcf2;
	padding:0 6px 0 6px;
	margin-bottom:8px;
}
.highlight-grey-bdr{
	border: solid 1px #dddddd;
	background-color: #fffcf2;
	padding:0 6px 0 6px;
	margin-bottom:8px;
}
.highlight h2{
	font-size:13px;
	margin:8px 0 8px 0;
	color:#0066CC;
	}
#pagenav{
	border-bottom:solid 1px #dddddd;
	/*background-color: #fffcf2;
	padding:0px 6px 0 0;*/
	margin:12px 0 0 0;
	color:#0066CC;
}
#pagenav h2{
	font-size:13px;
	margin:8px 0 8px 0;
	}
#pagenav h3{
	font-size:13px;
	margin:8px 0 8px 0;
	}
#pagenav ul li{
	font-size:95%;
	padding:0 0 .5em 1em;
}
#pagenav ol li{
	font-size:95%;
	padding:0 0 .5em 0em;
	list-style-position:outside;
	
}
	
.center{
	text-align:center
}
dt{
	font-weight:bold;
	font-size:13px;
	
}
dd{
	margin:4px 0 16px 20px;
}
dd ul{
	margin-top:6px;
}
dd li{
	line-height:1em;
}
.floatleft{
	float:left;
	margin-right:8px;
}
.floatright{
	float:right;
	margin-left:8px;
}
.right{
	text-align:right;
}
.img-border{
	border:solid 1px #333333;
}
.img-border-none{
	border:none 0px;
}
.img-border-mid{
	border:solid 1px #cccccc;
}
.clear{
	clear:both
}
.top20{
	margin-top:20px;
}
.footnote{
	font-size:85%;
	color:#000;
	border-top:1px solid #ccc;
}
#citation{
	border-bottom:solid 1px #cccccc;
}
#citation p{
	font-style:italic;
	color:#666666;
	font-size:95%;
	margin:6px 0 4px 0;
}
#citation span{
	font-size:60%;line-height:1.2em;
}
hr{
color:#FFFFFF;
height:1px;
border:solid 0px 0px 1px 0px #999;}
.overflow{
	overflow:hidden
}
.source{
	font-size:80%
}
.explanatory{
	font-size:80%;
	font-style:italic;
}
span.word {
    background: url("/images/ico-word.gif") no-repeat scroll 50% 50% transparent;
    margin: 0 5px 0 2px;
    padding: 0 10px 0.1em 0;
}
span.pdf1 {
    background: url("/images/ico-pdf.gif") no-repeat scroll 50% 50% transparent;
    margin: 0 5px 0 2px;
    padding: 0 10px 0.1em 0;
}
span.rtf {
    background: url("/images/ico-rtf.gif") no-repeat scroll 50% 50% transparent;
    margin: 0 5px 0 2px;
    padding: 0 10px 0.1em 0;
}
span.jpg {
    background: url("/images/ico-jpg.gif") no-repeat scroll 50% 50% transparent;
    margin: 0 5px 0 2px;
    padding: 0 11px 0.1em 0;
}
span.ppt {
    background: url("/images/ico-ppt.gif") no-repeat scroll 50% 50% transparent;
    margin: 0 5px 0 2px;
    padding: 0 10px 0.1em 0;
}
.indent10{
	padding-left:20px;
}
.election-pdf{
	border:none;
	vertical-align:bottom;
}
.shadow2 {
-moz-box-shadow: 2px 2px 5px #aaa;
-webkit-box-shadow: 2px 2px 5px #aaa;
box-shadow: 2px 2px 5px #aaa;
}
/*tables*/
.main-content td span.word {
  background: url(/includes/default/images/ico-word.gif) 50% 50% no-repeat;
  padding: 0 12px 0.1em 0;
  margin: 0 5px 0 2px;
  line-height:19px;
}
.main-content td span.pdf {
  background: url(/includes/default/images/ico-pdf.gif) 50% 50% no-repeat;
  padding: 10px 12px 0.1em 0!important;
  margin: 0 5px 0 2px!important;
  line-height:19px;
}

.main-content table {
  border-collapse: collapse;
  border: 0;
  font-size: 85%;
  width: 99%;
  padding: 0;
  margin: 1em 0 1em 0;
}
.main-content table caption {
 /*background-color: #eeeeee;!important*/
  font-size:14px;
  font-weight: bold;
  padding: 0.25em;
 /* margin: 0 0 16px 0;*/
  text-align:left;
}
.main-content table.tableleft td,
.main-content table.tableleft th {
  text-align: left;
}
.main-content table.tableright td,
.main-content table.tableright th {
  text-align: right;
}
.main-content th {
  background-color: #005D8F;
  border-bottom: 1px solid #6289b1;
  color: white;
  font-weight: bold;
  padding: 0.25em;
  text-align: left;
  vertical-align: top;
}
.main-content th.subhead {
  background-color: #C5D0E1;
  border-top: 1px solid #000000 !important;
  border-bottom:solid 1px #E4EEF3;
  color: #000000;
  padding: 0.1em 0.25em;
}
.main-content th.subhead2 {
  background-color: #dfe0b2;
  border-top: 1px solid #000000 !important;
  border-bottom:solid 1px #E4EEF3;
  color: #000000;
  padding: 0.1em 0.25em;
}
.main-content td {
  background-color: #e7f3fA;
  border-bottom: 1px solid #c0d0df;
  border-right:1px solid #ffffff;
  padding: 0.25em 0.45em 0.25em 0.45em;
  text-align: left;
  vertical-align: top;
}
.main-content td.left, 
.main-content th.left {
  text-align: left !important;
}
.main-content td.right,
.main-content th.right {
  text-align: right !important;
}
.main-content td.center,
.main-content th.center {
  text-align: center !important;
}
.main-content td.middle,
.main-content th.middle {
  vertical-align: middle;
}
.main-content td p {
  font-size: 100%;
  padding: 0 0 0.5em 0;
}
.main-content th sup a:link {
  background-color: inherit;
  color: white;
}
.main-content th sup a:visited {
  background-color: inherit;
  color: white;
}
.main-content td.highlight {
  background-color: #dddddd;
  border-left-color:#ffffff;
  
}
/*Horizontal list*/
.h-list ul{
	margin-left:0px;
	padding-left:0px;
	
}
ul.h-list li{
	font-size: 90%;
	background:none!important;
	list-style-type:none !important;
	float:left;
	display:block;
	width:114px!important;
	margin-bottom:2px;
	border-left:dotted 1px #98bcde;
	padding-left: 10px;
	padding-right: 8px;
}
/*---------skip to content header links------------*/
#header {
  
  font: normal 11px arial, helvetica, sans-serif;
  /*height: 100px;*/
  position:absolute;
  top:-11px;
  width: 100%;
  line-height: 12px;
}

#header ul a,
#header ul a:visited {
  color: #fff !important; 
  display: block; 
  font-weight: normal; 
  margin: 0; 
  padding: 1px 10px 4px 6px;
  text-decoration: none;
}

#header ul a:hover {
  text-decoration: underline;
  color:#0080c7 !important;
}
#header ul {
  list-style-type: none;
  height: 1px;
}
#header ul li {
  float: right; 
  margin: 0; 
  padding: 0px 0 0 0;
}

#header ul li {
  /*background-color:#dff1fb;*/
  background-color:#fff !important;
  float: right; 
  margin: 0; 
  padding: 1px 0 0 0;
}
.error{
	background-color: rgb(255, 255, 0);
	color:#cc0000;
	font-weight:bold;
}
.caption {
    color: #555;
    font: 14px/1.4286 "Source Sans Pro",Helvetica,Arial,sans-serif;
    margin-top: 5px;
    font-weight: 300;}
/*----Breadcrumbs----*/
 
 .breadcrumb {
 margin-left:-10px !important;
 /*font-size:90%;*/
 font-size:11px;
  }
.breadcrumb li {
    display: inline;
}
.breadcrumb li+li:before {
    content:"\00bb\00a0";
}
input::placeholder {
	font-style:italic
}
/*----- Header skip to content -----*/
#skip a
{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
 
#skip a:focus
{
position:static;
width:auto;
height:auto;
} 
	
/*---------Show and Hide Plug-in Css--------------*/

.collapsible-heading { padding-left:15px; background:url(/water/images/icon-triangle.png) 0 20px no-repeat; cursor:pointer;}
.collapsible-heading-collapsed { background-position:0 -70px; }
.collapsible-heading-toggle { text-decoration:none; color:#333; }
.collapsible-heading-status { position:absolute; left:-99999px; }
.collapsible-content { overflow:hidden; }
/*.collapsible-content-collapsed { display:
P7MOBILE Styles. These styles will be used only by mobile devices (phones and tablets) and will be ignored by desktop and laptop browsers.*/
body.p7mobile { 
	-webkit-text-size-adjust:100%; 
	min-width: 0;
	margin: 1em;
}
.p7mobile .main-content { margin-left: 0; }
.p7mobile .content-wrapper { width: auto; }
.p7mobile .content {
	padding: 1.5em;
	font-size: 20px;
	line-height: 1.35em;
	
}
.p7mobile .sidebar {
	width: auto;
	float: none;
	background-color: transparent;
	border-right: none;
}
.p7mobile .menuside {
	margin: 0;
	padding: 0;
}
.p7mobile .menuside li {
	list-style-type: none;
	margin-bottom: 5px;
	display: inline-block;
	margin-right: 5px;
}
.p7mobile .menuside a, .p7mobile .footer { font-size: large; }