/*------------------------------------------------------------------------------
>>>>  Default Blueprint CSS 

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

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, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  vertical-align: baseline;
}

/* For IE */
img { -ms-interpolation-mode:bicubic; } 

a img {
  border: none;
}

a, a:link { text-decoration: none; }
a:visited { }
a:hover { }
a:active { }


/*------------------------------------------------------------------------------
>>>> Fundamentals
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

body { 
  color: #07181d; 
  text-shadow: rgba(255, 255, 255, .01) 0px -1px 1px; 
  font-family: Helvetica, Arial, sans-serif;
  font-size: 75%; 
  height:100%; 
  padding:0 20px;
}

/* Link and link-like colours */
a, 
.textNav a:hover, 
.textNav a:active,
.textNav li.active a,
#slideshow ol li#activeThumb { 
  color: #cc3333; 
}

.textNav { font-family: Helvetica, Arial sans-serif; }
.textNav a { color: #222; }
.textNav a:hover {
  color:red;
}

/* Neatening subheadings in posts  */

.post h2 { margin-top: 0px;}
.post h2 + h3 {
  margin: -0.7em 0 0.6em 0;
}

/* to hide Cufon-replaced text that is still loading */
.cufon-loading .textNav a,
.cufon-loading h1,
.cufon-loading h2,
.cufon-loading h3 { 
	visibility: hidden !important;
}


/*------------------------------------------------------------------------------
>>>> Layout
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
html, body {
  height:100%;
}
body {
  background:url(/static/images/EE3424.png) repeat-y;
}
.container {
  width:984px;
  height:100%;
  min-height: 100%;
/*  border:1px solid red;*/
}

.navigation {
  width:120px;
  float:left;
  display:inline;
  margin-right:10px;
  position:relative;
  padding-top:5px;
  margin-top:-28px;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
}

.subNav {
  width:190px;
  min-height:100%;
  float:left;
  background:none;
  height:100%;
  position:relative;
  margin-top:-30px;
}

.main {
  width:625px;
  border-top:1px solid #ccc;
/*  position:relative;*/
  float:left;
  display:inline;
  margin-top:-28px;
  margin-left:20px;
  z-index:1000;
  padding:15px 0 40px 0;
/*	overflow:auto;*/
}
#content {
  width:300px;
  padding:0px 20px 0 0;
  float:left;
  position:relative;
	overflow:hidden;
/*	border:1px solid blue;*/
  z-index:500;
}

.wide {
  width:623px;
  padding:0px 0 10px 0px;
  position:relative;
  float:left;
/*  margin-top:-28px;*/
}
.footer {
  font-size: 90%;
  height:2em;
  position:relative;
  clear:both;
  margin-left:340px;
  width:625px;
  border-top:1px solid #ccc;

}
.byline {
  padding-top: 0.5em;
  font-size: 90%;
  text-align: left;
}
.byline a {
  color:#666666;
}
/*------------------------------------------------------------------------------
>>>> Masthead & Navigation
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.masthead {
  width: 100%;
  height:150px;
  overflow: visible;  
  padding: 0;
  text-align: left;  
}

.logo {
  float:left;
  width:647px;
	height:150px;
	background-color:#EE3424;
	background-image:url(/static/images/pgav-logo-cutout2.png);
	background-position:top left;
/*  border:1px solid red;*/
}
.search {
  width:200px;
  float:right;
  padding-top:77px;
  padding-right:20px;
/*  border:1px solid red;*/
}
.search form {
  float:right;
}
.search form input#query {
  width:110px;
}
/* Plain text-link style nav */
ul.textNav {
  display: block;
  padding: 0.7em 0;
  margin: 0;
  list-style-type: none;
}
ul.textNav li {
  font-size: 18px;
  padding-right: 1.5em;
  line-height: 100%;
  font-weight: bold;
}

ul.textNav a#member-galleries:hover {
	color:#EE3424;
}
ul.textNav a#news-blog:hover {
	color:#8CC63F;
}
ul.textNav a#about-us:hover {
	color:#54BCE8;
}
ul.textNav a#programs:hover {
	color:#F15A24;
}
ul.textNav a#contact-us:hover {
	color:#F2C108;
}
ul.textNav a#membership:hover {
	color:#8B9298;
}
ul.textNav a#links:hover {
	color:#A67C52;
}
ul.textNav a#resources:hover {
	color:#7B2F6F;
}

/* Sidebar subnav */

.subNav ul {
  list-style:none;
  font-size:14px;
  padding-left:10px;
  width:180px;
	padding-top:3px;
	margin:1em 0 0 0;
}
.subNav ul li {
  line-height:1.2;
  margin-bottom:11px;
}
.subNav ul a {
  color:#ffffff;
}
.subNav ul ul {
  margin-top: 0.7em;
  margin-bottom: 0;  
}
.subNav a.active, .subNav a:hover {
  text-decoration:underline;
}

li.regional { /* the white dividing line under metro & regional galleries */
  padding-bottom:12px;
  border-bottom:1px solid #ffffff;
  width:170px;
}

/* News/blog archive */

a.archive {
	display:block;
	color:#ffffff;
	font-size:14px;
}

h3.sidebar {
	color:#ffffff;
	padding-left:10px;
	text-transform:uppercase;
	margin-top:19px;
	margin-bottom:0px;
}
/*------------------------------------------------------------------------------
>>>> Basic Typography
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

em, i {
  font-style:italic;
}
b, strong {
  font-weight: bold;
}

h1 {
  font-size:18px;
  margin: 0 0 0.5em 0;
  text-transform:uppercase;
}
h2 {
  font-size: 18px;
  margin-top: 1.8em;
  margin-bottom: 0.7em;
  text-transform:uppercase;
}
h3 {
  font-size: 18px;
  line-height: 1.25;
  margin-top: 1.4em;  
  font-weight: bold;
  margin-bottom: 0.5em;
}
h4 {
  margin-top:2.0em;    
  font-size:1em;
  font-weight:bold;
  margin-bottom:0.5em;
}
h6 {
  font-size:1em;
  font-weight:bold;
}
p {
  line-height:150%;
  font-size:1em;
  margin-bottom:1.0em;
}
ul, ol {
  padding: 0;
  padding-left:20px;
  margin:1.0em 3.0em 1.4em 0;
}
ul ul, ol ol {
  margin-left: 1.8em;
}
li {
  line-height:130%;
  margin-bottom:0.7em;
}
dl {
  line-height: 130%;
}
dt {
  font-weight: bold;
  margin-bottom: 0;
}
dd {
  margin-bottom: 2.0em;
}
blockquote {
  margin: 1.6em 0;
  padding: 0 2.0em;
  border-left: 1px solid #ccc;
}
blockquote p {
  padding:0;
  margin:0 0 1.0em 0;
}
blockquote cite {
  font-style:italic;
  font-weight: bold;
  font-size:0.9em;
}
table {
  border-collapse: collapse;
  margin: 1.0em 0;
  padding: 0;
  font-size: 0.9em;
  width: 100%;
}
table td {
  text-align: left;
  vertical-align: top;
  padding: 0.3em 1.0em 0.3em 0;
  border-bottom:1px solid #ddd;  
}
table th {
  padding: 0.3em 1.0em 0.3em 0;
  font-weight: bold;
  text-align: left;  
  border-bottom: 1px solid #222;
}
table p {
  margin: 0.5em 0;
}

hr {
  height:0px;
  border-top:1px solid #ffffff;
}
/*------------------------------------------------------------------------------
>>>> Generally helpful
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.error, .preview {
  border: 1px dashed red;
  padding: 1.0em 1.0em 0 1.0em;
}

.skip { /* For hidden skip-to-content link */
  display: none;
}
.back { /* Used for back-to-page links for blg, nws, evt */
  clear: both;
  padding-top:2.0em;
}
.go { /* Link to post or extended article */
  text-align: right;
}
.first { /* For the first item in series */
  margin-left: 0;
  padding-left: 0;
}
.last { /* For the last item in series */
  margin-right: 0;
  padding-right: 0;
}
.notFound { /* Where people / products don't have images */
  background: #ddd;
  text-align: center;
  padding: 3.5em 0;
  width: 100%;
  float:left;
}

.top {
	background:url(/static/images/arrow.png) top left no-repeat;
	padding-left:12px;
	margin-top:15px;
/*	border:1px solid red;*/
}
/*  
  For convenience, the basic unit of all post-able blueprints is 'post'.
  Where there's a standard image associated with the post (products, people), the 
  post is further divided into .image and .body.
*/

#blg div.post,
#dir div.post,
#edn div.post,
#evt div.post,
#mapblg div.post,
#nws div.post,
#psl div.post, 
#shp div.post {
  margin-bottom:2.0em;
}
 

/*------------------------------------------------------------------------------
>>>> Blog and News (BLG, NWS) pagination + DBY years
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#blg div.pagination, 
#nws div.pagination,
#dby div.pagination,
#mapblg div.pagination {
  margin-top:4.0em;
  text-align:right;
  font-size: 90%;
}
#blg .pagination ul,
#nws .pagination ul,
#dby .pagination ul,
#mapblg .pagination ul {
  margin: 0;
  float: right;
  list-style: none;
}
#blg .pagination ul li, 
#nws .pagination ul li,
#dby .pagination ul li,
#mapblg .pagination ul li {
  border-right: 1px solid #444;
  padding: 0 0.4em;
  margin-top: 0.5em;
  float: left;
}
#blg .pagination ul li.currentPage,
#nws .pagination ul li.currentPage,
#dby .pagination ul li.currentPage,
#mapblg .pagination ul li.currentPage {
  font-weight: bold;
}
#blg .pagination ul li.nextPage,
#nws .pagination ul li.nextPage,
#dby .pagination ul li.all,
#mapblg .pagination ul li.all {
  border-right: 0;
  padding-right: 0;
}


/*  >> Comments <<   */

#blg p.commentInfo,
#tlk p.commentInfo,
#mapblg p.commentInfo { /* Shows if comments are on or off, and how many */
  margin-top: 2.0em;
  text-align: right;
  font-size: 90%;
  font-weight: bold;
}
#blg div.cmt,
#tlk div.cmt,
#mapblg div.cmt {
  margin-bottom: 2.4em;
  font-size: 90%;
}
div.preview h4.commenter {
  margin-top: 0;
}
#blg div.preview a.hide,
#tlk div.preview a.hide,
#mapblg div.preview a.hide {
  color: red;
}

form.comments input#comment_author_name,
form.comments input#comment_author_email,
form.comments input#comment_author_url {
/*	border:1px solid red;*/
	width:80%;
}

form.comments label {
	width:80%;
}

/*------------------------------------------------------------------------------
>>>> Personnel (PSL)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.bio {
  width:300px;
	height:9.5em;
  margin:0;
	padding-bottom:5px;
  position:relative;
  float:left;
/*	border:1px solid red;*/
}
.bio h4 {
  margin-bottom:0;
	margin-top:5px;
	line-height:1.3;
}
.bio p {
  margin-top:2px;
  margin-bottom:5px;
  line-height:1.3;
}
/*------------------------------------------------------------------------------
>>>> News/blog
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.post img {
	margin-bottom:15px;
}

/*------------------------------------------------------------------------------
>>>> Events
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#evt div.post {
	margin-bottom:0;
	margin-right:20px;
	width:300px;
	float:left;
	clear:left;
/*	border:1px solid red;*/
}

#evt div.event {
	width:625px;
/*	border:1px solid red;*/
	float:left;
	overflow:hidden;
	margin-bottom:30px;
}
#evt div.event h2 {
	margin-bottom:10px;
}
div.event img {
	margin:0 20px 20px 0;
}

div.event img.feature {
	margin-right:0;
	margin-top:33px;
}


.eventImages {
	width:625px;
	float:left;
	position:relative;
	overflow:hidden;
	margin-top:20px;
}

#evt div.captioned {
	width:300px;
	position:relative;
	float:left;
	overflow:hidden;
	margin-right:10px;
}
#evt div.captioned blockquote {
	height:5em;
	padding-bottom:0.5em;
}
#evt h4 {
	margin:5px 0 12px;
}
span.grey {
	color:#444444;
	text-transform:uppercase;
	font-weight:normal;
	padding:4px;
	width:auto;
	border:1px solid #777777;
}
h1.eventArchive {
	border-bottom:1px solid #F15A24;
	padding-bottom:5px;
	margin-bottom:20px;
}
p.empty {
	margin-bottom:50px;
}

/*------------------------------------------------------------------------------
>>>> News (NWS) This blueprint is actually being used for the resources section
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#nws p.back {
	border-top:1px solid #ccc;
	margin-top:3.0em;
	padding-top:1.0em;
} 

ul.resources {
	list-style:none;
	padding:0;
}
ul.resources li {
	background:url(/static/images/bullet2.gif) left center no-repeat;
	padding:3px 0 0 15px;
}
ul.resources a:hover {
	text-decoration:underline;
}
/*------------------------------------------------------------------------------
>>>> Search (SCH)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*------------------------------------------------------------------------------
>>>> Contact form (CTT)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#ctt #content {
  width:300px;
	overflow:hidden;
}

/*------------------------------------------------------------------------------
>>>> Gallery (GLY)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#gly div.image img {
  width: 100%;
}
#gly p.caption {
  margin-top: 1.0em;
  font-size: 90%;
}


/*------------------------------------------------------------------------------
>>>> Map Blog (MAPBLG)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#mapblg .wide {
  padding-top:0;
/*  border:1px solid red;*/
  width:625px;
}

#mapblg #content {
/*  border:1px solid red;*/
  margin-top:10px;
/*  overflow:visible;*/
}
#mapblg #map {
  border: 1px solid #ccc;
  height: 200px;
  margin:0;
  margin-top:0px;
  width:298px;
  float:left;
  margin-left:20px;
}
#marker1 {
  font-size:8px;
}
.gMapBubble {
  font-size:12px;
/*  color:red;*/
}
#map span {
  font-size:9px;
}
#mapblg div.post {
  clear:left;
  margin-bottom:6px;
  overflow:hidden;
/*  border:1px solid red;*/
}
#mapblg img {
  float:left;
	margin-bottom:0;
}

#mapblg .gallery-details {
  float:left;
  width:305px;
  padding-left:20px;
  padding-top:10px;
  height:190px;
/*  border:1px solid red;*/
}
#mapblg #even {
  background:#f2f2f2;
}
#mapblg .gallery-details h2 {
  font-size:18px;
	margin-bottom:0.3em;
}
#mapblg .gallery-details p {
	font-size:12px;
	margin-top:;
	margin-bottom:0.7em:;
}
#mapblg .notFound {
  background: #ddd;
  text-align: center;
  display:table-cell;
  vertical-align:middle;
  padding: 75px 0 25px;
  width: 300px;
  height:100px;
  float:left;
}
/*------------------------------------------------------------------------------
>>>> Slideshow
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#slideshow div.placeholder {
  clear: both;
  width: 100%;
  overflow: hidden;
  background: url(/static/images/spinner.gif) center center no-repeat;
}
#slideshow #SS_caption {
  margin-top: 1.0em;
  font-size: 90%;
  height: 6.0em; /* You should set a height to stop the scrollbar flicker */
}
#slideshow ol li {
  display: block;
  padding: 0.1em 1.0em 0.1em 0;   
  float: left;
  cursor: pointer;
  font-size: 90%;
}
#slideshow ol li a {
  padding: 0.1em 1.0em 0.1em 0; 
}
#slideshow ol li#activeThumb { /* The active marker for the slideshow */ }




/*------------------------------------------------------------------------------
>>>> Links (LNK)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#lnk #content a {
  color:#A67C52;
	display:block;
	margin-bottom:7px;
}
#lnk #content a:hover {
  text-decoration:underline;
}

#lnk #content ul {
  list-style:none;
  padding-left:0;
}
#lnk #content ul li {
	border-bottom:1px solid #ccc;
	overflow:hidden;
	width:300px;
}
#lnk img.icon {
	width:100px;
	float:left;
	margin:3px 10px 10px 0;
}
h3.link {
	margin-bottom:4px;
}

/*-----------------------------------------------------
                     >> Images <<
                     
Sizes
large: 440px
medium: 200px
small: 100px

Adjust accordingly!

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

.captioned {
  margin-top: 0.7em;
  margin-bottom: 1.7em;
	border-bottom:1px solid #ccc;
/*	display:none;*/
}
.captioned img, #mapblg .captioned img {
	margin-bottom:8px;
}
.captioned blockquote {
  background:none;
  margin: 6px 0 0 0;
  padding: 0;
  border: 0;
}
.captioned blockquote p {
  font-size: 0.95em;
  font-style: normal;
  line-height: 140%;
	margin-bottom:6px;
}
img.small, .smallCaptioned {
  float: left;
  width: 100px;
  margin: 0 18px 10px 0;
}
img.med, .medCaptioned {
  float: left;
  width: 200px;
  margin: 0 18px 10px 0;
}
img.med_right, .med_rightCaptioned {
  float: right;
  width: 200px;
  position: relative;
  margin-right: -210px;  
}
img.large, .largeCaptioned {
  width: 440px;
  margin: 0;
  padding: 0;
  border: 1px solid #ddd;
  background:#fff;  
}
.largeCaptioned {
  margin: 1.7em 0;
  border: none;
  padding: 0;
}

.medCaptioned img, 
.med_rightCaptioned img,
.smallCaptioned img,
.small_rightCaptioned img,
.largeCaptioned img {
  float: none;
  margin: 0;
}

p.submit {
  text-align:center;
  margin-top:10px;
  width:100%;
  overflow:hidden;
}

.submit input {
  font-size:16px;
}







/*------------------------------------------------------------------------------
>>>> Documents by year (DBY)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#dby table .downloadDate {
  width: 7.0em;
}
#dby table .downloadContent {
  width:27em;
}
#dby table .downloadLink {
  width: 7.0em;
  text-align: right;
}

/* intranet section */

.loginFailure {
	color:red;
	border:1px solid red;
	margin:10px 0 20px 0;
	padding:10px 5px;
}



/*------------------------------------------------------------------------------
>>>> Mime-type display - the default behaviour when a file is inserted in text
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

a.download {
  display:block;
  overflow:hidden;
  border:1px solid #ccc;
  margin:0;
  padding:0;
  background:#eee;
  position:relative;
  text-decoration:none;
}
a.download:hover {
  background:#E6F1FF;
}
a.download label {
  margin:20px 0 0 0;
  padding:0;
  display:block;
  line-height:140%;
  float:left;
}
a.download label span {
  font-weight:bold;
  font-size:12px;
}
a.download img {
  float:left;
  margin:0;
  padding:3px 0;
  width:64px;
  height:64px
}


/*------------------------------------------------------------------------------
>>>> Uniform overwrites (remove the .uniForm class from forms to disregard)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* This is the main unit that contains our form elements */
.uniForm .ctrlHolder { padding: 0; }
.uniForm .buttonHolder { padding-top: 10px; }
.comments .buttonHolder { text-align:left; }

.uniForm .inlineLabels label,
.uniForm .inlineLabels .label { 
  width: 28%; 
}
form.comments .ctrlHolder label {
	width:80%;
}
.uniForm .inlineLabels .textInput,
.uniForm .inlineLabels .fileUpload { 
  width: 54%; 
}
.uniForm input#from_name,
.uniForm input#from_email {
/*  border:1px solid green;*/
  width:68%;
}
.uniForm .inlineLabels .selectInput,
.uniForm .inlineLabels select{ width: 54%;  }

.uniForm .inlineLabels textarea{  width: 69%; font-family: Helvetica, Arial, sans-serif; }

.comments .inlineLabels textarea {
	width:98%;
}
.uniForm .inlineLabels .formHint { 
  margin-top: 0; 
  margin-left: 42%; 
  font-size: .9em; 
  color: #777; 
  position: static; 
}
.comments .inlineLabels .formHint {
	margin-left:0;
}
.uniForm .inlineLabels .multiField { 
  width: 54%; 
  margin: 0 0 .3em 0; 
}

.uniForm label.blockLabel { font-size: 90%; }
.uniForm .inlineLabels .blockLabel {
  width: 45%;
  margin-right: 5%;
/*  border: 1px solid red;*/
}

.uniForm .inlineLabels .address .textInput {
  width: 100%;
}
.uniForm .inlineLabels .address label {
  display: none;
}
.uniForm .ctrlHolder { 
  padding: 6px 0; 
  border-bottom: 1px solid #dfdfdf;
}
.uniForm .noBorder {
  border: 0;
}
.uniForm .inlineLabels p.formHint {
  font-size: 80%;
  padding-top: 0.8em;
  line-height: 130%;
}