/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}



strong {
  font-weight: 700;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}


/* G L O B A L   S E T T I N G S */
body {
  font-family: "Open Sans", Helvetica;
  font-weight: 300;
  font-size: 13px;
  line-height: 19px;
  color: #7b7c80;
  margin: 0; padding: 0;
}

a {
  color: #7b7c80;
  font-weight: 700;
}
a:hover {
/*  color: orange;*/
}
img {display: block;}

hr {
  display: block;
  height: 1px;
  margin: 30px 0 20px 0;
  border: 0; 
  border-top: 1px solid #ccc;
}


#page {
  margin: 70px 0 0 0;
}

.clear {clear: both;}


/* H E A D E R */
#masthead {
  padding: 25px 0 34px 0;
  position: fixed;
  top: 0;
  width: 96%;
  padding: 0 2%;
}
.site-header {
  background: #fff url(images/line_purple.gif) repeat-x center bottom;
  width: 100%;
  display: block;
  padding: 40px 0 25px 0;
}

.site-title {
  float: left; 
  width: 315px;
  height: 18px;
  background: url(images/logo.gif) no-repeat;
  text-indent: -999em;
}


/* M A I N */
#main {
/*  overflow: hidden;*/
}

#content {
  width: 3950px;
  padding: 30px 0 0 0;
  margin-left: 2%;
}


.col-single, .col-double {
  margin-left: 30px;
  float: left;
}
.col-single {
  width: 340px;
}
.col-double {
  width: 710px;
}
.col-first {margin-left: 0 !important;}

.large-copy {
  font-size: 14px;
  line-height: 20px;
}
.large-copy li {font-size: 14px; line-height: 20px; margin: 0 0 2px 0;}

h2 {
  color: #5d1644;
  font-family: "Libre Baskerville";
  font-weight: 700;
  font-size: 22px;
  line-height: 28px;
  margin: 0 0 10px 0;
}
h3 {
  font-weight: 700;
  color: #000;
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 20px 0;
  padding: 0 0 5px 0;
  
  border-bottom: 1px solid #d4d6d5;
}

p {
  margin: 0 0 10px 0;
}

ol li {
  margin: 0 0 8px 0;
  padding-left: 20px;
  font-size: 13px;
  line-height: 17px;
  position: relative;
}
ol li span {
  position: absolute; left: 0; top: 0;
  display: block;
  font-weight: 700;
  font-size: 16px;
}

ul li {
  padding-left: 12px;
  background: url(images/middot.jpg) no-repeat 2px 6px;
}

#primary {
  padding: 0;
  width: 1723px;
  float: left;
}

.map{
  margin: 45px 0 0 0;
}
.initiatives {margin: 30px 0 0 0;}
.row2 {margin: 30px 0 0 0;}

#secondary {
  float: left;
  padding: 0;
  width: 2190px;
  margin-left: 37px;
  min-height: 800px;
}

.arrow {
  position: fixed;
  top: 100px;
  right: 2%;
  display: block;
  width: 77px;
  height: 59px;
  text-indent: -999em;
  text-decoration: none;
  font-size: 56px;
  line-height: 48px;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
}
.next {background-image: url(images/arrow-next.png);}
.prev {background-image: url(images/arrow-prev.png);}

.bar-left {position: fixed; top: 0; left: 0; height: 100%; width: 2%; background: #fff;}
.bar-right {position: fixed; top: 0; right: 0; height: 100%; width: 2%; background: #fff;}