/**
 * Stylesheet for PCSTJB
 *
 * @media		screen, projection
 * @copyright	Netlash <http://www.netlash.com>
 * @author		Bram Van Damme <bramus@netlash.com>
 */

/**
 * = Clearfix
 * ----------------------------------------------------------
 */

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


/**
 * = 1. Primary Selectors (Font-sizes & Colors)
 * ----------------------------------------------------------
 */

	body {
		font: 400 12px Arial, Verdana, Helvetica, sans-serif;
		background: #fbfbfb url(../images/background.gif) repeat-y 0 0;
		color: #000;
	}

	h1, h2, h3, h4, h5, h6 {
		color: #00934f;
		font-weight: 700;
		font-weight: 400;
		line-height: 1;
		font-family: "Lucida Sans", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
		margin-bottom: 5px;
	}

	h1 {	font-size: 24px; }
	h2 {	font-size: 22px; margin-bottom: 12px; }
	h3 {	font-size: 17px; }
	h4 {	font-size: 15px; }
	h5 {	font-size: 14px; }

	hr.hidden {
		display: none;
	}

	img.floatLeft {
		display: block;
		float: left;
		margin: 0 25px 15px 0;
	}

	img.floatRight {
		display: block;
		float: right;
		margin: 0 0 15px 25px;
	}

/**
 * = 2. Primary Selectors
 * ----------------------------------------------------------
 */

 	ul, ol {
		padding: 0 0 0 20px;
	}

	ul {
		list-style: square;
	}

	ol {
		list-style: decimal;
	}

	strong, b {
		font-weight: 700;
	}

	em, i {
		font-style: italic;
	}

/**
 * = 3. General Positioning & MAIN
 * ----------------------------------------------------------
 */

 	#wrapper {
 		width: 860px;
 	}

 	#main {
 		border-bottom: 1px solid #f2f2f2;
 		background: transparent url(../images/content.gif) no-repeat 100% 100%;
 	}



/**
 * = 4. Header
 * ----------------------------------------------------------
 */

 	#header {
 		height: 135px;
 		position: relative;
 	}


	/**
	 * = 4.1 Header - Logo
	 * ----------------------------------------------------------
	 */

	 	#header h1 {
	 		margin: 0;
	 		padding: 0;
	 		position: absolute;
	 		width: 301px;
	 		height: 92px;
	 		top: 21px;
	 		left: 18px;
	 	}

	 	#header h1 a {
	 		display: block;
	 		width: 301px;
	 		height: 92px;
	 		text-indent: -9999px;
	 		background: transparent url(../images/logo.gif) no-repeat 0 0;
	 	}


	/**
	 * = 4.2 Header - Nav
	 * ----------------------------------------------------------
	 */

 	#header ul {
 		position: absolute;
 		right: 20px;
 		top: 17px;
 		height: 20px;
 		text-align: right;
 	}

 	#header ul li {
 		display: inline;
 		border-left: 1px solid #d2d2d2;
 		padding: 0 0 0 10px;
 		margin: 0 0 0 5px;
 		line-height: 20px;
 	}

 	#header ul li:first-child {
 		border: 0;
 	}

 	#header ul li a {
 		color: #183f6b;
 		font-size: 11px;
 	}

 	#header ul li a:hover {
		color: #00934f;
 	}

/**
 * = 5. Doormat
 * ----------------------------------------------------------
 */

	#doormat {
		padding-left: 339px;
		height: 153px;
		background: transparent url(../images/doormat.jpg) no-repeat 0 0;
	}

	#doormatlist {
		width: 521px;
		height: 153px;
		background: transparent url(../images/doormatlist.gif) repeat-y 0 0;
		background: transparent url(../images/doormatlist_v2.gif) repeat-y 0 0;
		overflow: hidden;
	}

	#doormatlist ul {
		margin: 0;
		padding: 12px 0 0 0;
		overflow: hidden;
	}

	#doormatlist ul li {
		float: left;
		list-style: none;
		position: relative;
		left: 15px;
		width: 115px;
		_width: 114px;
		padding-right: 15px;
	}

	#doormatlist ul li a {
		color: #009250;
		font-size: 12px;
		font-weight: 700;
		whitespace: nowrap;
		text-decoration: none;
		cursor: default;
		font-family: "Lucida Sans", "Lucida Sans Unicode", Arial;
	}

	#doormatlist ul ul {
		padding: 5px 0 0 15px;
		position: relative;
		left: -15px;
		min-height: 120px;
		height: auto !important;
		height: 120px;
	}

	#doormatlist ul ul li {
		float: none;
		padding: 0;
		padding: 2px 0 2px 15px;
		position: relative;
		left: -15px;
		width: auto;
	}

	#doormatlist ul ul li a {
		font-size: 11px;
		color: #183f6b;
		text-decoration: underline;
		font-weight: 400;
		cursor: pointer;
		font-family: Arial;
	}

	#doormatlist ul ul li a:hover {
		color: #009250;
	}

 	#doormatlist ul ul li.selected {
 		color: #000000;
		background: transparent url(../images/subnav_selected.gif) no-repeat 6px 50%;
		padding-left: 15px;
 	}

	#doormatlist ul ul li.selected a {
		color: black;
		text-decoration: none;
	}

/**
 * = 6. Sidebar
 * ----------------------------------------------------------
 */

 	#navigation {
 		width: 339px;
 		padding: 20px 0;
 		background: #fff url(../images/normal_intro_main.gif) no-repeat 0 0;
 		float: left;
 	}

 	#home #navigation {
 		width: 235px;
 		background-image: url(../images/home_intro_main.gif);
 	}

	/**
	 * = 6.1 Sidebar : Events (Homepage)
	 * ----------------------------------------------------------
	 */

	 	#navigation #events {
	 		width: 215px;
	 		padding: 20px 0 0 20px;
	 	}

	 	#navigation #events .event {
	 		padding-top: 15px;
	 	}

	 	#navigation #events .eventDate {
	 		width: 34px;
	 		float: left;
	 		margin-right: 15px;
	 	}

	 	#navigation #events .eventDate span {
	 		display: block;
	 		background: #f6e29c;
	 		text-align: center;
	 	}

	 	#navigation #events .eventDate span.eventDay {
	 		padding-top: 2px;
	 		font-family: Georgia, Times New Roman, Times;
	 		font-size: 17px;
	 	}

	 	#navigation #events .eventDate span.eventMonth {
	 		color: #545454;
	 		text-transform: uppercase;
	 		font-weight: 700;
	 		font-size: 11px;
	 		padding-bottom: 4px;
	 	}

	 	#navigation #events .eventContent {
	 		float: left;
	 		width: 156px;
	 		overflow: hidden;
	 	}

	 	#navigation #events .eventContent h4 {
	 		font-size: 12px;
	 		font-weight: 700;
	 		color: #000;
	 	}

	 	#navigation #events .eventContent h4 a {
	 		color: #000;
	 		text-decoration: none;
	 	}

	 	#navigation #events .eventContent h4 a:hover {
	 		text-decoration: underline;
	 	}

	 	#navigation #events .eventContent p {
	 		font-size: 11px;
	 	}

	 	#navigation #events .eventContent p a {
	 		color: #183f6b;
	 	}

	 	#navigation #events .archiveUrl {
	 		color: #183f6b;
	 		font-size: 11px;
	 		margin-left: 49px;
	 	}

	/**
	 * = 6.2 Sidebar : Subnav (non-homepage)
	 * ----------------------------------------------------------
	 */

	 	#navigation #subnav {
	 		width: 207px;
	 		float: right;
	 		margin-right: 1px;
	 		padding: 42px 0 0 22px;
	 		background: #fff url(../images/subnav.gif) no-repeat 0 0;
	 		min-height: 400px;
	 		_height: 400px;
	 		_overflow-y: visible;
	 	}

	 	#subnav h3 {
	 		padding-bottom: 12px;
	 	}

	 	#subnav ul {
	 		padding: 0;
	 		margin: 0;
	 	}

	 	#subnav ul li {
	 		list-style: none;
	 		font: 700 12px/1.4 "Lucida Sans", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	 		color: #4b4b4b;
	 		padding-bottom: 12px;
	 		letter-spacing: -0.25px;
	 	}

	 	#subnav ul li a {
	 		color: #4b4b4b;
	 		text-decoration: none;
	 	}

	 	#subnav ul li a:hover {
	 		color: #4b4b4b;
	 		text-decoration: underline;
	 	}

	 	#subnav ul li.selected a {
	 		text-decoration: underline;
	 	}

	 	#subnav ul ul {
	 		padding-top: 6px;
	 	}

	 	#subnav ul ul li {
	 		padding: 0 0 0 20px;
	 		font: 400 11px/1.4 Arial, Verdana, sans-serif;
			letter-spacing: 0;
	 	}

	 	#subnav ul ul li a {
	 		color: #183f6b;
	 		text-decoration: underline;
	 	}

	 	#subnav ul ul li a:hover, #subnav ul ul li.selected a {
	 		color: #4b4b4b;
	 		text-decoration: none;
	 	}

	 	#subnav ul ul li.selected {
	 		background: transparent url(../images/subnav_selected.gif) no-repeat 7px 50%;
	 	}

 /**
 * = 7. Content
 * ----------------------------------------------------------
 */

 	#content {
 		width: 486px;
 		padding: 0 20px 20px 15px;
 		float: left;
 		padding-top: 20px;
 		background: transparent url(../images/normal_intro_main.gif) no-repeat -339px 0;
 		overflow-x: hidden;
 		min-height: 250px;
 		_height: 250px;
 		_overflow-y: visible;
 	}

 	html#content {
 		width: 100%;
 		overflow: none;
 		padding: 0;
 		background: #fff;
 	}

 	html#content body {
 		width: 100%;
 		overflow: none;
 		padding: 10px;
 		background: #fff;
 	}

 	#home #content {
 		width: 625px;
 		padding-left: 0;
 		padding-right: 0;
 		padding-top: 2px;
 		background-image: url(../images/home_intro_main.gif);
 		background-position: -235px 0;
 	}

 	#home #innerContent, #home #extra {
 		width: 585px;
 		padding: 0 20px 20px 20px;
 	}

 	#home #innerContent {
 		padding-top: 18px;
 		background: #f8e8b1 url(../images/home_intro_innercontent.gif) no-repeat 100% 100%;
 	}

 	#innerContent {
 		margin-bottom: 20px;
 	}


	/**
	 * = 7.1 Breadcrumbs
	 * ----------------------------------------------------------
	 */

	 	#breadcrumb {
	 		min-height: 12px;
			height: auto !important;
			height: 12px;
	 		padding: 14px 0;
			font-size: 11px;
			color: #808080;
	 	}


	/**
	 * = 7.2 Styling of da real content!
	 * ----------------------------------------------------------
	 */

		 #content h2 {
		 	font: 400 19px "Lucida Sans", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
		 	color: #000;
		 }

		 #content a {
		 	color: #183f6b;
		 }

		 #content a:hover {
			color: #00934F
		 }

		 html#content a {
		 	color: #183f6b !important;
		 }

		 #content p {
		 	padding-bottom: 12px;
		 	line-height: 1.4;
		 }

		 #content ul, #content ol {
		 	padding-bottom: 12px;
		 	line-height: 1.4;
		 }

		 #content ul ul, #content ol ol, #content ul ol, #content ol ul {
		 	padding-bottom: 0;
		 }

		 /* 2DO : anything else? */


/**
 * = 8. Footer
 * ----------------------------------------------------------
 */

 	#footer ul {
 		float: right;
		padding: 10px 20px 0 0;
 	}

 	#footer ul li {
 		float: left;
 		padding: 1px 5px;
 		list-style: none;
 		border-left: 1px solid #E2E2E2;
 		font-size: 11px;
 	}

 	#footer ul li:first-child {
 		border-left: 0;
 	}

 	#footer ul li span {
 		font-weight: 700;
 		color: #888;
 	}

 	#footer a:link,
 	#footer a:visited {
 		color: #888;
 	}

 	#footer a:hover,
 	#footer a:active {
 		color: #333;
 	}

 	#footer div.vzw_info {
 		padding: 10px 0 0 53px;
 		float: left;
 		width: 160px;
		font-size: 11px;
 	}

 	#footer div.vzw_info img {
 		float: left;
 		padding-right: 5px;
 	}


/**
 * = 9. Extras
 * ----------------------------------------------------------
 */

	/**
	 * = 9.1 Extras - News
	 * ----------------------------------------------------------
	 */

	 	#news.home {

	 	}

	 	#news .newsarticle {
	 		padding-top: 15px;
	 		border-top: 1px solid #F5F5F5;
	 	}

	 	#news.home .newsarticle {
	 		border: 0;
	 	}

	 	#news .newsarticle h4 {
		 	font: 700 13px "Lucida Sans", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
		 	color: #000;
		 	letter-spacing: -0.25px;
	 	}

	 	#news .newsarticle h4 a {
		 	color: #000;
	 	}

	 	#news .newsarticle h4 span {
		 	font: 700 10px "Lucida Sans", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	 	}

	 	#extra #news h2, #extra #news h2 a {
	 		color: #00934f;
	 		font-size: 17px;
	 	}

	 	#extra #news p.date, #extra #newsdetail p.date {
	 		font-size: 11px;
	 		font-style: italic;
	 	}

	/**
	 * = 9.2 Extras - News (Pagination)
	 * ----------------------------------------------------------
	 */

		.pagination-wrap {
			width: 100%;
			overflow: hidden;
		}

		.pagination {
			float: left;
			position: relative;
			left: 50%;
		}

		.pagination ul {
			padding: 18px 0;
			z-index: 2;
			overflow: hidden;
			position: relative;
			left: -50%;

			margin: 0;
		}

		.pagination li {
			float: left;
			list-style: none;
			margin: 0 5px 0 0;
			text-decoration: none;
			padding: 0;
			line-height: 15px;
			font-size: 12px;
			text-align: center;
		}

		.pagination li span {
			float: left;
			display: block;
			padding: 4px 5px;
			color: #CCC;
			min-width: 12px;
		}

		.pagination li.currentpage span {
			font-weight: 700;
			color: black;
		}

		.pagination li.selected span {
			padding: 4px 5px;
			font-weight: 700;
			color: black;
		}

		.pagination li a:link,
		.pagination li a:visited {
			float: left;
			display: block;
			padding: 3px 4px;
			border: 1px solid #DDD;
			text-decoration: none;
			min-width: 12px;

			float: none;	/* why left wolf? */
		}

		li.ellipsis {
			margin: 0;
		}

		li.ellipsis span {
			color: black;
		}

		.pagination li a:hover,
		.pagination li a:active {
			background: #FFC;
			border: 1px solid #BBB;
			color: black;

			background: #CBE4D4;
		}

		/* Next page and previous page buttons */
		.nextpage, .previouspage {
			font-size: 11px !important;
		}

		.pagination li.nextpage {
			margin-left: 10px;
		}

		.pagination li.previouspage {
			margin-right: 15px;
		}

	/**
	 * = 9.3 Extras - Events
	 * ----------------------------------------------------------
	 */

	 	#extra #events {

	 	}

	 	#extra #events .event {
	 		border-bottom: 1px solid #c0c0c0;
	 		margin-bottom: 12px;
	 	}

	 	#extra #events .eventDate,
	 	#extra #eventdetail .eventDate {
	 		width: 40px;
	 		float: left;
	 		margin-right: 13px;
	 	}

	 	#extra #events .eventDate span,
	 	#extra #eventdetail .eventDate span {
	 		display: block;
	 		background: #f6e29c;
	 		text-align: center;
	 	}

	 	#extra #events .eventDate span.eventDay,
	 	#extra #eventdetail .eventDate span.eventDay {
	 		padding-top: 2px;
	 		font-family: Georgia, Times New Roman, Times;
	 		font-size: 18px;
	 	}

	 	#extra #events .eventDate span.eventMonth, #extra #events .eventDate span.eventTime,
	 	#extra #eventdetail .eventDate span.eventMonth, #extra #eventdetail .eventDate span.eventTime {
	 		color: #545454;
	 		text-transform: uppercase;
	 		font-weight: 700;
	 		font-size: 12px;
	 		padding-bottom: 4px;
	 	}

	 	#extra #events .eventContent,
	 	#extra #eventdetail .eventContent {
	 		float: left;
	 		overflow-x: hidden;
	 		width: 380px;
	 	}

	 	#extra #events .eventContent h4 {
	 		font-size: 12px;
	 		font-weight: 700;
	 		color: #000;
	 	}

	 	#extra #events .eventContent h4 a {
	 		color: #000;
	 		text-decoration: none;
	 	}

	 	#extra #events .eventContent h4 a:hover {
	 		text-decoration: underline;
	 	}

	 	#extra #events .meta,
	 	#extra #eventdetail .meta {
	 		font-style: italic;
	 		font-size: 11px;
	 	}

	 	#extra #eventdetail .archiveUrl {
	 		color: #183f6b;
	 		text-align: right;
	 		padding-top: 25px;
	 	}


	/**
	 * = 9.4 Extras - Contact
	 * ----------------------------------------------------------
	 */

	 	.input-textfield, .input-textarea, .input-textfield-error, .input-textarea-error {
	 		border: 1px solid #C0C0C0;
	 		background: #fff;
	 		width: 480px;
	 	}

	 	.input-textfield-error, .input-textarea-error {
	 		border-color: #ECCC3F;
	 	}

	 	#extra dt {
	 		font-weight: 700;
	 	}

	 	#extra dd {
	 		padding-bottom: 12px;
	 	}

	 	span.form-error {
	 		color: #00934F;
	 		font-size: 11px;
	 		font-style: italic;
	 	}

	 	span.form-success {
	 		color: #00934F;
	 		border: 1px solid #00934F;
	 		font-style: italic;
	 		padding: 2px;
	 		margin-bottom: 12px;
	 		display: block;
	 		width: 476px;
	 		background: #CBE4D4;
	 	}

	/**
	 * = 9.5 Extras - FAQ
	 * ----------------------------------------------------------
	 */

	 	#extra dt.question {
	 		padding-top: 12px;
	 	}

	 	#extra dd.answer {
	 		border-bottom: 1px solid #C0C0C0;
	 		padding-bottom: 0;
	 	}

	/**
	 * = 9.6 Extras - Albums
	 * ----------------------------------------------------------
	 */

		div.galleryalbum {
			padding: 0 0 20px 0;
		}

		div.galleryalbum ul {
			clear: both;
			padding-left: 0;
		}

		li.photo {
			float: left;
			padding: 7px 7px 21px;
			background: white;
			border: 1px solid #CCC;
			margin: 0 12px 12px 0;
			text-align: center;
			list-style: none;
		}

		li.photo p {
			padding: 0;
		}

		li.photo p a {
			text-decoration: none;
		}

		#galleryimage ul {
			position: relative;
			width: 500px;
			padding: 0 0 10px 0;
		}

		#galleryimage ul li {
			list-style: none;
			margin: 0;
			padding: 0;
			border: 1px solid #E5E5E5;
			padding: 2px;
			font-size: 10px;
		}

		#content #galleryimage ul li a {
			text-decoration: none;
		}

		#content #galleryimage ul li.previousimage {
			position: absolute;
			left: 0;
			top: 0;
		}

		#galleryimage ul li.nextimage {
			position: absolute;
			right: 0;
			top: 0;
		}

		#galleryimage ul li.currentimage {
			margin: 0 auto;
			width: 90px;
			text-align: center;
		}


/**
 * = Firefox Fixes
 * ----------------------------------------------------------
 */

	@-moz-document url-prefix() {

		/* enforce scrollbar */
		body {
			overflow: -moz-scrollbars-vertical;
		}

		/* Link outlines */
		*:-moz-any-link {
			overflow: hidden;
		}

		/* CSS disappearing caret fix */
		input[type="text"], input[type="password"], textarea {
			overflow: auto;
		}

	}