/*-----------------------------------------------------
              >> PCLC CSS <<
              
This is the main PCLC style sheet. There is also a 
print style sheet and a separate IE6 stylesheet.            
              
-----------------------------------------------------*/

html, body, div, span, applet, object,
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;
}


html {
	font-size:1em;
}

body {
  padding: 0;
  font-family:  Arial, sans-serif;
	font-size: 85%; 
	border-top:5px solid #00588d;    
}

img { /* Makes CSS-resized images look right! */
  -ms-interpolation-mode:bicubic; 
}

a img {
  border: none;
}

a {
  text-decoration:none;
  color:#00588d;
}

a:hover {
  color:#2484c6;
}

p a {
  text-decoration:underline;
}

p.more {
  text-align:right;
  padding-right:30px;
	margin:0;
}

p.more a {
  font-weight:bold;
  text-decoration:none;
}


/*-----------------------------------------------------
                     >> Layout <<
-----------------------------------------------------*/
.container {
  margin:0 auto;
	background:#ffffff;
}

.header {
	width:860px;
	padding:20px;
	padding-left:0px;
	padding-bottom:10px;
	background:#ffffff;
	margin:0 auto;
	overflow:auto;
}

.siteTitle {
	float:left;
	position:relative;
	width:600px;
	display:inline;
}

.contact {
	float:right;
	position:relative;
	width:auto;
	padding:15px;
	padding-left:5px;
	margin-bottom:5px;
	margin-right:15px;
	border:1px solid #ffffff;
	display:inline;
}

.contact h3 {
	background:url(/static/images/contact.gif) top left no-repeat;
	padding-left:40px;
	padding-bottom:10px;
	margin-bottom:0;
	font-size:110%;
}

.contact span {
	padding:0;
	padding-left:43px;
	margin:0;
	font-size:90%;
	display:block;
	color:#00588d;
}

div.contact:hover {
	border:1px dotted #00588d;
}

.main {
	width:100%;
	background:url(/static/images/main-background.gif) top repeat-x;
	overflow:auto;
	padding-top:40px;
	border-bottom:1px solid #ccc;
	z-index:100;
}

.text {
	width:840px;
	margin:0 auto;
	overflow:auto;
}
.mainHome {
	width:100%;
	background:url(/static/images/home-body2.gif) top center repeat;
	overflow:auto;
	padding-top:0px;
	padding-bottom:70px;
}

.navBar {
	width:100%;
	height:84px;
	background:url(/static/images/nav-home.gif) top center repeat-x;
	overflow:hidden;
	clear:both;
}

.globalHome {
	position:relative;
	width:100%;
	overflow:hidden;
	height:84px;
	background:url(/static/images/nav-home.gif) top center repeat-x;
}

.navHome {
	width:880px;
	height:auto;
	padding:0px;
	overflow:hidden;
	margin:0 auto;
}

.content {
  float:left;
	position:relative;
	width:510px;
	padding-left:16px;
  margin-bottom:40px;
}

div.home {
	width:840px;
	height:auto;
	padding:20px;
	margin:0 auto;
	margin-top:0px;
	overflow:auto;
	background:url(/static/images/gallery-snippet.png) top left repeat-y;
}

.home-footer {
	width:840px;
	padding: 0 20px;
	height:24px;
	background:url(/static/images/gallery-footer.png) bottom left no-repeat;
	margin:0 auto;
}

.gallery-header {
	width:840px;
	padding: 0 20px;
	height:24px;
	background:url(/static/images/gallery-header.png) top left no-repeat;
	margin:0 auto;
	margin-top:-9px;
}

.news-home {
	float:left;
	width:180px;
	position:relative;
	margin-top:10px;
	margin-left:10px;
	overflow:hidden;
	display:inline;
}

.news-home h2 {
	letter-spacing:1px;
	border-bottom:1px solid #00588d;
	width:100%;
	font-weight:normal;
	font-style:italic;
	font-family:georgia;
	font-size:120%;
}

.quicklinks {
	float:left;
	position:relative;
	width:430px;
	margin-top:0px;
	padding:0;
	padding-left:70px;
	overflow:hidden;
}

.quicklinks h2 {
	letter-spacing:1px;
	border-bottom:1px solid #00588d;
	width:100%;
	font-weight:normal;
	font-style:italic;
	font-family:georgia;
	font-size:120%;
	margin-bottom:15px;
}


.sidebar {
  float:left;
	position:relative;
  padding-left:0px;
  width:180px;
	padding-right:20px;
  color:#003153;
  margin-bottom:40px;
}

.sitemapArea {
	position:relative;
	float:left;
	width:587px;
	height:225px;
	padding:10px;
	padding-left:0;
	margin:0 0 20px 0;
	overflow:hidden;
	display:inline;
}

.push {
	clear:both;
}

.footer {
  padding-top:10px;
	padding-bottom:10px;
  clear:both;
	width:840px;
	margin:0 auto;
}

/*-----------------------------------------------------
                  >> Basic Typography <<
-----------------------------------------------------*/



em, i {
  font-style:italic;
}

h1 {
  font-size:200%;
  margin-bottom:20px;
	color:#00588d;
	width:623px;
	border-bottom:4px solid #00588d;
}


h2 {
  font-size:140%;
  margin-bottom:10px;
	margin-top:1.2em;
	color:#00588d;
}


h3 {
  font-size:130%;
  margin-bottom:10px;
	color:#00588d;
}

h4 {
  font-size:120%;
	font-weight:bold;
  margin-top:20px;
  margin-bottom:6px;
	color:#00588d;
}

h5 {
  font-size:110%;
	font-weight:bold;
  margin-bottom:10px;
	color:#00588d;
}

h6 {
  font-size:110%;
	font-weight:bold;
  margin-bottom:10px;
	color:#00588d;
}


p {
  font-size:100%;
  line-height:130%;
  margin-bottom:25px;
}

ul {
  padding-left: 40px;
  font-size:90%;  
  margin:18px 0 21px 0;
}

ol {
  padding-left: 40px;
  font-size:90%;  
  margin:18px 0 21px 0;
}

li {
  line-height:110%;
  margin-bottom:4px;
	padding-bottom:4px;
}

blockquote {
  padding:20px 10px;
	background:#eeece3;	
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	margin-bottom:17px;
}

blockquote p {
  font-size:110%;
  font-family: Arial, sans-serif;
  color:#333333;
  padding:0;
  margin:0;
  width:100% ! important;
}

blockquote h3 {
	margin-bottom:0;
	margin-top:1.2em;
}

blockquote cite {
  font-style:italic;
  font-size:90%;
}



/*-----------------------------------------------------
                  >> Navigation <<
-----------------------------------------------------*/

.navigate {
	width:880px;
	position:relative;
	margin:0 auto;
	overflow:hidden;
}

ul.globalNav {
  overflow:hidden;
  width:680px;
	height:51px;
	float:left;
  padding:33px 0 0px 0px;
	margin:0;
  list-style:none;
}


ul.globalNav li {
  display:block;
	float:left;
  overflow:hidden;
  margin:0;
	padding:0;
}

ul.globalNav a {
  float:left;
	color:#000000;
	font-size:16px;
	padding-top:16px;
	padding-bottom:26px;
	text-align:center;
	width:109px;
	margin-right:4px;
  background:url(/static/images/navigation-background.png) top left no-repeat;
	overflow:hidden;
}

ul.globalNav a:hover {
	color:#2484c6;
  background:url(/static/images/navigation-active.png) top left no-repeat;
}

ul.globalNav a.active {
	color:#2484c6;
  background:url(/static/images/navigation-active.png) top left no-repeat;
}

/*-----------------------------------------------------
                  >> subNav <<
-----------------------------------------------------*/

.sidebar h3 {
	font-weight:normal;
	font-style:italic;
	font-family:georgia;
	font-size:120%;
	margin-top:20px;
	line-height:1;
}

ul.subNav {
	padding:0 5px 0px 0;
	padding-left:15px;
	list-style-type:disc;
  font-size:100%;
	overflow:visible;
	border-right:1px solid #ccc;
	margin-bottom:10px;
}

ul.subNav li {
	width:100%;
	padding-bottom:8;
}


ul.subNav ul {
	padding-left:20px;
	padding-bottom:0;
	margin-bottom:8px;
	margin-top:8px;
	list-style:circle;
}

ul.subNav ul li {
	border-bottom:none;
}

ul.subNav li.active a {
	color:#1b8cc4;
}

ul.subNav a.active {
	color:#1b8cc4;	
}


/* This is a hack to get bullets to appear properly in IE */

@media screen {
/* offsetting the entire ul down */
* html ul.subNav li { /* IE6 */
position: relative; 
top: .5em;
}
*:first-child+html ul.subNav li { /* IE7 */
position: relative; 
top: .5em;
}

/* offsetting each li back up*/
* html ul.subNav li { /* IE6 */
vertical-align: top; 
position: relative; 
top: -.2em;
}
*:first-child+html ul.subNav li { /* IE7 */
vertical-align: top; 
position: relative; 
top: -.2em;
}

/* offsetting the entire ul down */
* html ul.subNav ul li { /* IE6 */
position: relative; 
top: .5em;
}
*:first-child+html ul.subNav ul li { /* IE7 */
position: relative; 
top: .5em;
}

/* offsetting each li back up*/
* html ul.subNav ul li { /* IE6 */
vertical-align: top; 
position: relative; 
top: -.2em;
}
*:first-child+html ul.subNav ul li { /* IE7 */
vertical-align: top; 
position: relative; 
top: -.2em;
}

}
/*-----------------------------------------------------
              >> Specific page styles <<
-----------------------------------------------------*/



.siteTitle a {
	background:url(/static/images/pclc-logo.gif) top left no-repeat;
	width:600px;
	height:86px;
	display:block;
	margin:0;
}

.siteTitle a:hover {
/*	text-decoration:none;*/
}

.siteTitle span {
	display:none;
}

h1.home {
	background:url(/static/images/welcome.gif) top left no-repeat;
	padding: 0;
	height:35px;
	padding-bottom:5px;
	width:100%;
	margin-top:13px;
	border-bottom:none;
}

h1.home span {
	display:none;
}

.sidebar p {
  line-height:120%;
}

.footer p {
  font-size:12px;
  width:820px;
	padding-left:20px;
}

.footer p.size {
	float:left;
	padding:5px 5px 5px 20px;
	display:block;
	margin-bottom:15px;
	color:#ccc;
}

a#plustext {
	font-size:140%;
}

a#minustext {
	font-size:100%;
}


.footer ul {
	list-style:none;
	padding-left:20px;
	margin-bottom:20px;
}

.footer ul li {
	display:inline;
	margin-right:30px;
	padding-right:30px;
	border-right:1px solid #ccc;
}


.home-footer ul {
	list-style:none;
	padding-left:30px;
	margin-bottom:20px;
}

.home-footer ul li {
	display:inline;
	margin-right:50px;
	padding-right:30px;
	border-right:1px solid #ccc;
}


/*-----------------------------------------------------
               >> News sidebar <<
-----------------------------------------------------*/

ul.news {
	list-style-type:none;
	padding-left:0px;
	padding-top:15px;
	margin:0;
	width:100%;
}

.newsItem li {
	padding:0;
	padding-bottom:10px;
	margin-bottom:20px;
	width:99%;
	border-bottom:1px dotted #ccc;
}

.newsItem li:hover {
	border-bottom:1px dotted #00588d;
}

.newsItem h3 {
	line-height:1.2;
	margin-bottom:0.2em;
	font-size:105%;
	width:100%;
}

.newsItem p {
	color:#333333;
	font-size:90%;
	margin-bottom:0;
	width:100%;
}

.newsItem img {
	margin:0;
	margin-top:5px;
	padding:5px;
	background:#ffffff;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
}

p.date {
	font-size:85%;
	margin-bottom:5px;
	color:#000000;
}

/*-----------------------------------------------------
                  >> Sitemap <<
-----------------------------------------------------*/

.sitemapArea h4 {
	margin-top:0;
	margin-bottom:1.4em;
}

ul.sitemap {
  float:left;
  width:650px;
  overflow:visible;
  list-style-type:none; 
  list-style-image:none;
 	margin-top:0;
	padding:5px;
	padding-top:0;
}

ul.sitemap ul {
  padding:0;
  list-style-type:none;
  list-style-image:none;
  margin-bottom:15px;
}

ul.sitemap li {
  width:30%;
  float:left;
  padding-left:0px;
  margin: 0;
	padding-right:3%;
	padding-bottom:0;
  font-weight:bold;
}

ul.sitemap li span {
  display:block;
	margin-top:20px;
	border-bottom:1px dotted #00588d;
}

ul.sitemap li span a {
	color:#222222;
}

ul.sitemap li span a:hover {
  text-decoration: none;
  color: #00588d;
}

ul.sitemap ul {
  margin:8px 0 10px 0px;
}

ul.sitemap ul li {
  float:none;
  padding:0;
  margin-bottom: 2px;
  width:100%;
  font-weight:normal;  
  font-family: sans-serif;
}

.sitemap a:hover {
  text-decoration: underline;
}

.sitemapContact p {
	font-size:85%;
	margin-bottom:8px;
}



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


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

.captioned {
  margin-top: 0.7em;
  margin-bottom: 0.7em;
}
.captioned blockquote {
  background:none;
  margin: 6px 0 0 0;
  padding: 0 0 0 4px;
  border:0;
}
.captioned blockquote p {
  font-size:0.85em;
  color:#777;
  font-style:normal;
  line-height: 140%;
}

img.small, .smallCaptioned {
  float:left;
  margin:0 18px 10px 0;
	display:inline;
	position:relative;
	display:inline;
  width:100px;
	padding:3px;
}
img.small_right, .small_rightCaptioned {
  float:right;
  width:100px;
	padding:3px;
  position: relative;
  margin-right: -30px;
  margin-left:10px;
	display:inline;
}
img.med, .medCaptioned {
  float:left;
  width:200px;
  margin:0 18px 10px 0;
	display:inline;
	padding:3px;
}
img.med_right, .med_rightCaptioned {
  float:right;
  width:200px;
	padding:3px;
  position: relative;
  margin-right: -60px;
  margin-left:10px;
	display:inline;
}

img.large_right, .large_rightCaptioned {
  float:right;
  width:400px;
	padding:3px;
  position: relative;
  margin-right: -105px;
  margin-left:10px;
	display:inline;
}

.medCaptioned img, 
.med_rightCaptioned img,
.smallCaptioned img,
.small_rightCaptioned img,
.large_rightCaptioned img {
  float:none;
  margin:0;
	border:1px solid #ccc;
}



/*-----------------------------------------------------
                     >> Blog & News <<
-----------------------------------------------------*/

.post {
  margin-bottom:50px;
}


p.numberComments {
  font-size:12px;
  text-align:right;
  margin-top:25px;
  color:#003153;
}

.pagination {
  margin-top:15px;
  width:90%;
  text-align:right;
  font-size:11px;
}

.pagination ul {
  margin-top:4px;
  float:right;
  list-style:none;
  font-size:11px;
}

.pagination ul li {
  border-right:1px solid #444;
  padding:0 4px;
  float:left;
}

p.bio img {
  float:left;
  margin:0 9px 6px 0;
  border:1px solid #eee;
}


/*-----------------------------------------------------
                     >> Comments <<
-----------------------------------------------------*/

.hidePreview {
  font-size:70%;
  color:#000;
  padding-left:4px;
}
form.comments {
  margin-top:45px;
}

form.comments div.details {
  float:left;
  width:40%;
  padding:0;
}

.details input {
  margin:0;
  width:100%;
}

form.comments div.comment {
 float:right;
 width:54%;
}

.comment textarea {
  width:100%;
}

form.comments small {
  float:right;
  font-size:11px;
  display:block;
  margin-top:0;
}

form.comments p.submit {
  padding-top:18px;
  clear:both;
}

#commentPreview p {
  color:#003153;
}

h2.commentsHeader {
  margin-top:40px;
  font-size:16px;
  font-weight:bold;
}

div.comment {
  margin-bottom:20px;
}

div.comment p {
  margin-bottom:25px;
  color:#444;  
  font-size:13px;
  line-height:130%;  
  width:80%;
  margin-bottom:13px;
}

.commenter {
  font-size:13px;
  margin-bottom:5px;
}

.numberComments {
  margin-top:30px;
  text-transform:uppercase;
}


/*-----------------------------------------------------
                     >> Events <<
-----------------------------------------------------*/

.event {
  margin-bottom:50px;
}



/*-----------------------------------------------------
                     >> Projects <<
-----------------------------------------------------*/

.row {
  overflow:hidden;
  width:100%;
  margin-bottom:20px;
}

.project {
  margin-bottom:30px;
  width:230px;
  margin-right:30px;
  float:left;
}

.project img {
  float:left;
  width:100%;
  margin-bottom:20px;
  border:1px solid #eee;
}

.project p {
  font-size:80%;
  width:100%;
  line-height:135%;
  margin-top:10px;
}

.project h3 {
  margin-bottom:10px;
  height:30px;
}

div.portfolio .slideshowMain {
  background: url(/static/images/spinner.gif) center center no-repeat;
  margin-bottom:10px;
}

div.portfolio .slideshowThumbs {
  margin-bottom:20px;
}

div.portfolio .slideshowMain img, div.portfolio .image img {
  width:96%;
}

div.portfolio .slideshowThumbs img {
  width:185px;
  margin-right:6px;
}

div.portfolio .caption, div.portfolio .imageInfo {
  text-align:left;
  margin-top:5px;
}

div.portfolio .slideshowMain p.caption {
  height:50px;
}

.projectDescription {
  width:70%;
  float:left;
}

.portfolio div.projectDetails {
  text-align:left;
  margin:0 0 20px 0;  
  font-size:12px;
}

.portfolio blockquote {
  width:22%;
  float:right;
  margin:0;
  padding:0 3%;
}

.portfolio blockquote p {
  line-height:120%;  
}

/*-----------------------------------------------------
                     >> Gallery <<
-----------------------------------------------------*/

div.gallery .slideshowMain {
  background: url(/static/images/spinner.gif) center center no-repeat;
}

div.gallery .slideshowMain img, div.gallery .image img {
  width:96%;
}

div.gallery .slideshowThumbs img {
  width:18%;
  margin-right:1%;
}

div.gallery .caption, div.gallery .imageInfo {
  text-align:left;
  margin-top:5px;
}

div.gallery .slideshowMain p.caption {
  height:50px;
}

/*-----------------------------------------------------
           >> Contact Section & Form <<
-----------------------------------------------------*/

form {
  width:90%;
  padding:0;
}

fieldset {
  padding:0;
}

label {
  display:block;
  color:#00588d;
  font-size:85% ! important;
  text-transform:uppercase;
}

fieldset input {
  width:85%;
  font-size:15px;
  margin-bottom:10px;
}

fieldset textarea {
  width:86%;
  font-size:15px;
  line-height:130%;
}

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

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

.branches {
	overflow:auto;
}

.branches h3 {
	font-size:160%;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:3px 0;
	margin-bottom:10px;
	width:96%;
}

.branches ul {
	list-style:none;
	width:100%;
	margin:0;
	padding:0;
}

.branches ul li {
	width:95%;
	padding:10px;
	background:#eeece3;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	margin-bottom:2px;
	overflow:auto;
}

.branches ul li p {
	margin-bottom:10px;
}

div.address {
	float:left;
	width:45%;
	line-height:1.5;
	margin-right:3%;
	margin-bottom:0;
}

.branches h4 {
	border-bottom:1px dotted #00588d;
	margin-top:5px;
}

.branches p.map {
	width:130px;
	clear:both;
	margin-bottom:5px;
	border-bottom:1px solid #00588d;
	border-top:1px solid #00588d;
	padding:3px 0;
	background:url(/static/images/arrow.gif) 50pt 2pt no-repeat;
} 

p.map a {
	text-decoration:none;
}


/*-----------------------------------------------------
                     >> Search <<
-----------------------------------------------------*/

.search {
	width:190px;
	padding-top:27px;
	float:right;
	position:relative;
	overflow:visible;
}

.homepage {
	position:relative;
	float:none;
	padding-top:10px;
	display:block;
	margin-bottom:20px;
	padding-left:15px;
}

.search h3 {
	background:url(/static/images/search.png) top left no-repeat;	
	font-size:15px;
	color:#ffffff;
	padding-left:30px;
	padding-bottom:2px;
	padding-top:14px;
	margin-bottom:0;
	margin-top:0;
}

.homepage h3 {
	color:#00588d;
	padding-bottom:10px;
}

div.search form {
  width:170px;
	height:auto;
	margin-left:0px;
	overflow:auto;
}

div.homepage form {
	width:220px;
}

input#query {
	width:135px;
	float:left;
	border:1px solid #ccc;
}

.homepage input#query {
	width:185px;
	float:left;
}

input.btn {
	float:right;
/*	width:22px;*/
}

/*-----------------------------------------------------
                     >> Links <<
-----------------------------------------------------*/

dl.links dt {
  font-weight:normal;
}

.links dt img {
  float:left;
}

dl.links dd {
  margin-bottom:20px;
}

dl.links dd p {
  font-size:13px;
  margin:0;
}

.linkRoll ul {
	list-style:none;
	padding:0;
	margin:28px 0 40px 0;
}

.linkRoll ul li {
  margin:0 0 10px 0;
  padding:0 0 10px 0;
  line-height:1.2;
	display:block;
	overflow:auto;
	width:100%;
	border-bottom:1px dotted #ccc;
}

.linkRoll ul li:hover {
	border-bottom:1px dotted #00588d;
}

.linkRoll ul li a {
  width:auto;
	font-size:105%;
	font-weight:normal;
 	display:inline;
 	margin:0;
	padding:0;
}

.linkRoll li p {
	font-size:12px;
	letter-spacing:0;
	margin-bottom:3px;
	margin-top:3px;
}

.linkRoll li p a {
	text-decoration:none;
	float:left;
	display:inline;
	border:1px solid red;
}

.linkRoll img {
	float:left;
	display:inline;
	margin-right:10px;	
}
/*-----------------------------------------------------
                     >> DBY Table <<
-----------------------------------------------------*/

table.dby {
  border-collapse:collapse;
  margin:0;
  padding:0;
  font-size:0.9em;
  width:100%;
}

table.dby a {
  text-decoration: none;
}

table.dby a:hover {
  text-decoration: underline;
}

table.dby td, 
table.dby th {
  text-align:left;
  padding: 5px 3px 5px 0;
  border-bottom:1px solid #ddd;  
}
table.dby th {
  font-weight:bold;
  vertical-align:center;  
}
table.dby td {
  vertical-align: top;
}
table.dby td p {
  line-height: 125%;
  width: 100%;
}
table.dby .downloadDate {
  width: 7em;
}
table.dby .downloadContent {
  width:27em;
}
table.dby .downloadLink {
  width:100px;
  text-align:right;
}


/* Year navigation */

ul.dbyYears {
  font-size: 0.9em;
  margin: 1.6em 0 0 0;
  padding: 0;
}

ul.dbyYears li {
  display: inline;
  padding-right: 8px;
}


/*-----------------------------------------------------
                     >> Mimetypes <<
-----------------------------------------------------*/

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
}