/* @override http://www.peacockvisualarts.com/resources/css/style.css */

/*----------------------------------*/
/* PVA stylesheet					*/
/* by Tomek/Design is Central		*/
/* started on: 16 Nov 2005			*/
/* revised on: 19 Dec 2005			*/
/* hugely revised on: 6 Jan 2006	*/
/* additional fixes: 10 Jan 2006	*/
/* Gavin's creative input...        */
/* Comments and additional          */
/*__________________________________*/

* {
	margin:0;
	padding:0;
	border:0;
	list-style:none;
	font-family: Helvetica, Arial;
}

body {
	/*Universal reset on all elements and adjust 1.0em == 10px */
	font-size:62.5%;
	text-align: center; /* IE 5.5SP2 */
	margin-bottom: 26px;
	background: url(a/resources/images/grid.png) center top repeat-y;
}

blockquote li, blockquote p, blockquote dd, blockquote dt,
dd blockquote, dd p, dd li,
li blockquote, li dd, li dt, li li, li p,
td blockquote, td dd, td dt, td li, td p, td td {
	font-size:1em;
}

a{
	outline:  none;
}

/*************/
/* structure */
/*************/

#borders {
	margin: 0 auto;
	width: 780px;
	background: url(/resources/images/borders.gif) center top repeat-y;
}

#header {
	width: 780px;
	height: 105px;
}

#nav {
	float: left;
}

#info {
	float: right;
}

#leftcol {
	float: left;
	text-align: left;
	width: 260px;
	padding-bottom: 30px;
}

#content {
	width: 510px;
	text-align: left;
	float: right;
}

#left {
	width: 250px;
	float: left;
}

#right {
	border: 0px solid red;
	width: 250px;
	float: left;
	padding-left: 10px;
}

/*************/
/* content	 */
/*************/

.selected {
	cursor: default;
}

#header {
	border-bottom: 3px solid #bbb;
	background: #fff;
}

/* Hides from IE-mac \*/
#header h1 {
	float: left;
}
/* End hide from IE-mac */

#header h1 a {
	width: 520px;
	height: 105px;
	display: block;
	background: url(/resources/images/pva_logo_35.jpg) no-repeat;
	text-indent: -2000px;
	text-decoration: none !important;
	overflow: hidden;
}

#header p {
	display: block;
	float: right;
	padding-top: 28px;
	font-size: 1.8em;
	font-weight: bold;
	letter-spacing: -1px;
	color: #bbb;
}

#header p strong {
	color: #000;
}

#header a {
	color: #bbb;
	text-decoration: none;
}

#header a strong {
	color: #000;
}

#header a:hover {
	color: #fbb;
}

#header a:hover strong {
	color: #f00;
}


#buttons {
	border-top: 3px solid #fff;
	background: url(/resources/images/nav_bgrd.gif) 1px 0px repeat-y;
	padding-bottom: 30px;
}

#nav {
	width: 650px;
	margin-top: 5px;
}

#nav li {
	display: inline;
}

#nav a {
	display: block;
	float: left;
	width: 120px;
	text-align: right;
	background-color: #bbb;
	padding-top: 8px;   /* 22px for single line */
	padding-right: 7px;
	padding-bottom: 4px;
	margin-right: 3px;
	margin-bottom: 2px;
	text-decoration: none;
	font-size: 1.4em;
	/* text-transform: capitalize;*/
	font-weight: bold;
	color: #000;
	white-space: nowrap;
}

#nav a:hover, #nav a.selected {
	background-color: #f00;
	color: #fff;
}

#info {
	text-align: right;
	padding-right: 10px; /* IE bug */ /*Eh? What IE bug?*/
	margin-top: 5px;
	font-size: 1.3em;
	font-weight: bold;
	color: #000;
}

#info strong {
	display: block;
	color: #f00;
	font-size: 1.1em;
	margin-bottom: 2px;
}

#subnav {
	margin-bottom: 40px;
	font-size: 1.4em;
	font-weight: bold;
	/*text-transform: capitalize;*/
}

#subnav li {
	margin-bottom: 4px;
	width: 250px;

}

#subnav a {
	display: block;
	padding-left: 10px;
	color: #000;
	padding-bottom: 2px;
	text-decoration: none;

}

#subnav a:hover {
	color: #f00;
}

#subnav a.selected {
	border-bottom: 1px solid #bbb;
	color: #f00;
	padding-bottom: 1px;
}

#calendar caption {
	text-align: left;
	padding-left: 10px;
	padding-bottom: 2px;
	border-bottom: 5px solid #000;
}

#calendar caption a {
	display: inline;
}

#calendar table {
	background: #f8f8f8;
	_background: #f8f8f8 url(/resources/images/borders.gif) 0 0 repeat-y;
	_width: 250px;
	_margin-left: 0px;
	font-size: 1.4em;
	font-weight: bold;
	border-collapse: collapse;
	border-bottom: 1px solid #bbb;
	margin-bottom: 30px;
}

/* IE 6.0 and 5.5 won't read this */  /* Who cares? */
html>body #calendar table {
	margin-left: 1px;
	width: 249px;
}

html>body*#calendar table {
	margin-left: 0px;
	border-left: 1px solid #bbb;
}

#calendar td, #calendar tr {
	text-align: right;
	width: 35px;
	height: 26px;
	padding-right: 6px;
}

#calendar td.row_end,
#calendar th.row_end {
	color: #f00;
}

#calendar td.event {
	border: 1px solid #bbb;
	background: #fff;
}

#calendar th {
	background: #bbb;
	padding: 6px 5px 3px 0px;
	border-bottom: 1px solid #bbb;
}

#calendar a {
	display: block;
	color: #000;
	text-decoration: none;
}

#calendar a:hover {
	color: #f00;
}

.advert {
	padding-top: 0px;
	padding-left: 0px;
	width: 250px;
	padding-bottom: 30px;
	border-bottom: 0px solid #000;
}

.quote {
	padding-top: 18px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	color: #666;
	font-weight: bold;
	display: block;
	font-size: 1.0em;
	line-height: 1.3em;
	border: 1px solid #ddd;
	border-top: 5px solid #666;
	border-left: 0;
	border-right: 0;
	width: 230px;
}

.advert img, #leftcol img {
	border-top: 5px solid #000;
	margin-bottom: 7px;
}

.advert a.image:hover {
	background: none !important;
}

.advert a.image:hover img {
	border-top: 5px solid #f00 !important;
}

.feature {
	margin-top: 4px;
	color: #000;
	width: 250px;
	padding-bottom: 30px;
	border-bottom: 5px solid #000;
}

.feature h2, .feature h1, .advert h2, .advert h1 {
	margin-left: 10px;
}

.feature h1, .advert h1 {
	font-size: 1.6em;
	padding-bottom: 6px;
}

.feature a, .advert a {
	color: #f00;
	text-decoration: none;
	padding: 1px 2px 1px 0px;
}

.feature a:hover, .advert a:hover {
	color: #fff;
	background: #f00;
}

.feature h1 a, .feature h2 a, .advert h1 a, .advert h2 a {
	padding: 0px;
	color: #000;
}

.feature h1 a:hover, .feature h2 a:hover, .advert h1 a:hover, .advert h2 a:hover {
	color: #f00;
	background: #fff;
	text-decoration: none;
}

.feature p, .advert p {
	font-size: 1.2em;
	padding-left: 10px;
	line-height: 1.3em;
}

#content h1 {
	font-size: 2.4em;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1.0em;
	margin-bottom: 10px;
	padding-bottom: 3px;
	padding-right: 10px;
	border-bottom: 1px solid #bbb;
	clear: left;
}

#content h2 {
	font-size: 1.6em;
	border-bottom: 1px solid #bbb;
	padding-bottom: 2px;
	margin-bottom: 4px;
}

#content a {
	color: #f00;
	text-decoration: none;
	padding: 1px 2px 1px 0px;
}

#content a:hover {
	color: #fff;
	background: #f00;
}

#content h1 a, #content h2 a {
	text-decoration: none;
	color: #000;
	padding: 0px;
}

#content h1 a:hover, #content h2 a:hover {
	background: #fff;
	color: #f00;
}

#content p, #leftcol div.text {
	padding-right: 10px;
	font-size: 1.3em;
	line-height: 1.3em;
	margin-bottom: 20px;
}

#leftcol div.text {
	line-height: 1.3em;
	border-top: 1px solid #bbb;
	width: 230px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

#leftcol h2 {
	font-size: 1.4em;
	padding-bottom: 6px;
	width: 240px;
}

#leftcol div.text h2 {
	font-size: 1.1em;
}

#leftcol h1 {
	font-size: 1.6em;
	padding-bottom: 6px;
}

#leftcol div.text h1 {
	font-size: 1.2em;
}

#eventlisting .summary {
	margin-bottom: 5px;
}

.eventlisting em {
	float: right;
	font-style: normal;
	color: #666;
	font-weight: bold;
	display: block;
	width: 120px;
	text-align: right;
}

.eventlisting strong {
	display: block;
	width: 370px;
}

#content strong {
	color: #222;
}

#content hr {
	display: none;
}

/* Hides from IE-mac \*/ /* This is redundant */
#content div.hr {
	clear: both;
	border-bottom: 5px solid #000;
	margin-bottom: 8px;
}

#content div.white {
	border-bottom: 5px solid transparent !important;
}
/* End hide from IE-mac */

#content li {
	font-size: 1.3em;
	padding-left: 0em;
	padding-bottom: 0.5em;
	line-height: 1.2em;
}

#content ul {
	padding-left: 3em;
	padding-bottom: 15px;
}


#content .thumb, #content img {
	margin-right: 10px;
	margin-bottom: 10px;
}

#content .thumb {
	margin-bottom: 20px;
}

#content p.caption {
	background: #eee;
	color: #222;
	display: block;
	font-weight: bold;
	font-size: 1.2em;
	padding:  5px 7px 4px 7px;
	margin: 0 !important;
	border: 0px solid red;
	margin-top: -2px !important;
	margin-bottom: 20px !important;
}

#content img.caption {
	border-top: 0px solid #000;
	padding: 0 !important;
	margin: 0 !important;
}

.thumb, .newsthumb {
	border: 0px solid #bbb;
	float: left;
	padding-top: 3px;
	/* shall we leave the border or not? NO. */
	
	/* Zero pixel borders are non-semantic. Bad.*/
}

/* images aligning */

.primary {
	float: left;
	border-right: 10px solid #fff;
	margin-right: 0 !important;
}

.quote.primary {
	float: left;
	border-right: 0px solid #fff !important;
	margin-right: 10px !important;
}

.alternative {
	float: right;
	border-left: 10px solid #fff;
	border-right: 9px solid #fff;
	margin-right: 1px !important;
}

.quote.alternative {
	float: right;
	margin: 0 10px 0 10px !important;
	border-left: 0px solid #fff !important;
	border-right: 0px solid #fff !important;
}


.none, .clear {
	clear: both;
}

.space {
		clear: both;
		margin-bottom: 20px;
}

#tr {
	float: right;
	margin-right: 1px;
	position: relative;
	top: -50px;
	margin-bottom: -40px;
}

/*--- news list ---*/

.subsection_index span {
	color: #666;
	display: block;
	float: left;
	width: 2.5em;
}

.subsection_index h2, .subsection_index h1 {
	clear: both;
}

/******************/

select {
	border: 1px solid #888;
	padding: 0px;
	margin: 0 2px 4px 0;
}

select:hover {
	background: #eee;
}

option {
}

.narrow {
	width: 90px;
}

.eventssearch {
	font-size: 1.2em;
	padding: 0px 0 10px 10px;
	margin: 0px 0px 10px 0px;
	width: 240px;
}

.eventssearch span {
	float: left;
	font-weight: bold;
	display: block;
	padding-top: 3px;
	width: 70px; /* ie: 50px*/
	_width: 50px;
}

.eventssearch input.button {
	width: 120px;
	font-size: 1.0em;
	margin-left: 70px !important;
}

#leftcol h2 {
	padding-left: 10px;
	padding-bottom: 4px;
	border-bottom: 1px solid #bbb;
	margin-bottom: 10px;
}

fieldset {
		clear: both;
	padding: 0;
	margin: 0;
}

/* safari hack */
html>body*.eventssearch span {
	float: none;
}

html>body*.eventssearch input.button {
	margin-top: 10px  !important;
	margin-left: 0px !important;
}



/******************/
/* GAVIN'S EDITS*/

.comments {
	padding: 0 !important;
}

.comment {
	font-size: 1.0em !important;
	font-weight: normal !important;
	border-top: 1px solid #bbb;
	clear:both;
	color: #000 !important;
	padding-top:7px;
	padding-left: 0 !important;
}

.comment_info {
	float:right;
	width: 130px;  /* 130px as button size */
}

#content .comment_info p {
	margin-bottom:0;
}

.comment_info .author {
	font-weight:bold;
	text-align: right;
}

.comment_info .datestamp {
	font-weight:bold;
	color:#888;
	text-align: right;
}

.comment_body {
	float: left;
	width: 370px; /* could be 380px too */
}
.comment_form form, .email_form form {
	margin-bottom: 0px;
	border-top: 1px solid #bbb;
	padding-top: 20px;
}

.comment_form h2, .email_form h2, h2.comments {
	font-size: 1.6em;
	font-weight: bold;
	letter-spacing: -1px;
	padding-top: 10px;
	border: 0 !important;
	padding-bottom: 3px;
	clear: both;
}

.comment_form input,
.email_form input,
.email_form textarea,
.comment_form textarea {
	border: 1px solid #ddd;
	border-bottom: 1px dashed #888;
	padding: 5px 2px 4px 2px;
	width: 255px;
}

.email_form label {
	clear: both;
	display: block;
	margin-bottom: 3px;
}

.inherited_search input {
	border-right: 0 !important;
	width: 120px;
	font-size: 1.3em;
}

.inherited_search input:focus, input.button:hover, .comment_form input.button:hover {
	background: #eee;
}

input.input_text {
	border: 1px solid #bbb;
	padding: 5px;
}

input.button {
	color: #f00;
	background: #fff;
	width: 41px;
	margin: 0 !important;
	margin-left: -3px !important;
	border: 1px solid #bbb !important;
	font-size: 1.2em;
	font-weight: bold;
	padding: 5px 0 4px 0;
	cursor: pointer;
	/* fixes the strange bug */
}

.comment_form input.button, .email_form input.button {
	margin-left: 250px !important;
	width: 121px;
}
.email_form input.checkbox {
	width: auto;
	margin-right: 10px;;
}


.inherited_search h2 {
	width: 240px;
	padding-bottom: 0 !important;
	padding-top: 10px !important;
	border: 0 !important;
	border-top: 5px solid #000 !important;
	padding-left: 10px;
}

.inherited_search form {
	margin-bottom: 20px;
}

.comment_form textarea, .email_form textarea {
	height: 100px;
	font-size: 1.0em;
	overflow: hidden;
}

h2.search_form {
	font-size: 1.3em;
	margin-left: 10px;
}

.email_form textarea {
	height: 220px;
}

.comment_form span, .email_form span {
	display: block;
	float: left;
	width: 110px;
	padding-top: 4px;
	border: 0px solid red;
}

/******************/

#content table {
	width: 100%;
	font-size: 1.3em;
	margin: 10px auto;
	padding:0;
	border-collapse:collapse;
	margin-bottom: 20px;
}

#content table th {
	padding: 0 15px;
	text-align:left;
}

#content table tr {
	margin:0;
	padding:0;
}

#content table td{
	margin:0;
	padding: 5px 15px;
	border: solid 0px #bbb;
}

/******************/
/* ERRORS		  */
/******************/

.errors li {
	padding: 4px 0;
	color: #f00;
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: 1px solid #f00;
}

ul.errors {
	margin-bottom: 20px;
}

#footer {
	font-size: 1.1em;
	clear: both;
	margin: 0 auto;
	width: 780px;
	margin-top: 5px;
	border-top: 3px solid #bbb;
	padding-top: 5px;
}

#footer a {
	color: #666;
	text-decoration: none;
	padding: 2px 4px;
}

#footer a:hover {
	color: #f00;
}

#footer p.left {
	float: left;
}

#footer p.right {
	text-align: right;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */