/* Variables */
@import url("a_global.css"); 
@variables {

	leftHeadWidth: 800px;
	
}

body {
}

	.outerWrapper {
		float: left;
		width: 100%;
	}	
	
	#header {
		float: left;
	}
	
		#header h2, #header h1 {
			text-indent: -9000px;
			float: right;
			background: url(/imgs/site/bpllogo.gif) no-repeat bottom right;
		}
		
			#header h2 a, #header h1 a {
				width: 270px;
				height: 93px;
				display: block;
			}
		
		#header #leftStuff {
			float: left;
		}
		
			#searchForm {
				float: left;
				margin-left: 10px;
				margin-top: 10px;
			}
		
				#searchBoxBorder {
					float: left;
					border: 1px solid #ccc;
					width: 200px;
					font-size: 85%;
				}
				
					#searchBoxBorder label {
						float: left;
						padding: 3px 4px 3px 10px;
					}
					
					#searchBoxBorder input {
						float: left;
						border: none;
						background-color: #fff;
						width: 132px;
						padding: 3px 3px;
						padding-left: 8px;
						color: #999;
					}
			
			#topLinks {
				float: left;
				margin: 10px 0 0 20px;
				padding-top: 4px;
				font-size: 85%;
				font-weight: bold;
			}
			
				#topLinks ul li {
					float: left;
					padding-right: 10px;
					margin-right: 10px;
					color: #999;
					border-right: 1px solid #999;
				}
				
				#topLinks ul li.last {
					border-right: none;
				}
				
					#topLinks ul li a {
						color: #999;
						text-decoration: none;
					}
					
					#topLinks ul li a:hover {
						text-decoration: underline;
					}
			
			#leftStuff input#goButton {
				float: left;
				margin-left: 5px;
				border: 1px solid #ccc;
				font-size: 85%;
				padding: 2px 1px;
				background-color: #fff;
				font-weight: bold;
				color: #ccc;
			}
	
	#greybar {
		background: url(/imgs/site/greybg.gif) repeat-x top left;
	}
	
		#headerSub {
			background: url(/imgs/site/greycurve.gif) no-repeat top right;
		}
		
			#mainNav {
				
			}
			
				#mainNav ul li {
					float: left;
					line-height: 24px;
					font-size: 85%;
					padding-left: 10px;
					margin-left: 10px;
					border-left: 1px solid #ccc;
					font-weight: bold;
				}
				
				#mainNav ul li.last {
					padding-right: 10px;
					/* border-right: 1px solid #ccc; */
				}
				
					#mainNav ul li a {
						color: #fff;
						text-decoration: none;
						text-transform: lowercase;
					}
					
						#mainNav ul li a:hover { 
							text-decoration: underline;
						}
	
	#pagesTop {
		margin-top: 20px;
		margin-bottom: 10px;
	}
	
		#pagesTopLeft, #pagesTopRight {
			min-height:137px;
			height:auto !important;
			height:137px;
		}
			#pagesTopLeft h2 {
				padding: 6px 14px 0 14px;
				font-size: 21px;
			}
		
			.ptlBlueBox {
				background-color: #66CCFF;
				color: #fff;
			}
	
	#colLeft {
		background-color: var(menuGrey);
		min-height:1px;
		height:auto !important;
		height:1px;
	}
		
		#colLeft #sub-navigation ul#sideNavMain li a {
			display: block;
			background-color: var(menuLiGrey);
			padding: 4px 12px;
			border-bottom: 2px solid #FFF;
			color: var(darkBlue);
			text-decoration: none;
			font-weight: bold;
			font-size: 93%;
		}
		
		#colLeft #sub-navigation ul#sideNavMain li a.current {
			background-color: #DBDBDB;
			/* padding-top: 8px; */
		}
		
			#colLeft #sub-navigation ul#sideNavMain li ul li a {
				padding-left: 24px;
				font-size: 85%;
			}
			
				#colLeft #sub-navigation ul#sideNavMain li ul li ul li a {
					padding-left: 36px;
				}
				
					#colLeft #sub-navigation ul#sideNavMain li ul li ul li ul li a {
						padding-left: 48px;
					}

	
	#centerContainer {
	
	}
	
		#centerContainer h1 {
			color: var(darkBlue);
			font-weight: normal;
			font-size: 140%;
			padding-bottom: 6px;
		}
		
		#centerContainer p {
			color: #666666;
			margin-bottom: 16px;
		}
		
		#centerContainer #centreContent ul {
			color: #666666;
			margin-bottom: 16px;
			margin-left: 15px;
		}
			#centerContainer #centreContent ul li {
				color: #666666;
				margin-bottom: 2px;
				list-style: outside disc;
			}
		
		#centerContainer #centreContent ol {
			color: #666666;
			margin-bottom: 16px;
			margin-left: 20px;
			padding: 0;
		}
			#centerContainer #centreContent ol li {
				padding: 0;
				color: #666666;
				margin-bottom: 2px;
				list-style: outside decimal;
			}
		
		#centerContainer #centreContent h2 {
			font-size: 1.35em;
			color: #001046;
		}
		#centerContainer #centreContent h3 {
			font-size: 1.2em;
			color: #001046;
		}
		#centerContainer #centreContent h4 {
			font-size: 1.1em;
			color: #001046;
		}
		#centerContainer #centreContent h5 {
			font-size: 1.1em;
			color: #001046;
		}
		
		
		
		#centerContainer ul.listBlock {
			margin-top: 5px;
		}
		
		#centerContainer ul.listBlock li {
			background-color: var(lightBlue);
			line-height: 26px;
			border-bottom: 2px solid #FFF;
			color: #333;
			background-image: url(/imgs/site/blockList-bg.gif);
			background-repeat: no-repeat;
			background-position: center left;
			padding-left: 34px;
		}
		
		#centerContainer.homePageCenter {
			background: url(/imgs/site/homebtmboxes.gif) no-repeat bottom left;
			padding-bottom: 18px;
		}
		
			#homeTop {
				background: url(/imgs/site/homepagebg.gif) repeat-y top left;
				margin-top: 15px;
				margin-bottom: 15px;
			}
				
				#homeTop p {
					margin-bottom: 8px;
				}
			
				.leftHomeBox {
					min-height:108px;
					height:auto !important;
					height:108px;
					border-bottom: 3px solid #fff;
					float: left;
					width: 100%;
				}
				
					.leftHomeBoxLast {
						border-bottom: none;
					}
				
					.leftHomeBox h4 {
						font-size: 100%;
						margin: 5px 10px;
						color: #001046;
						/* float: left; */
					}

					.leftHomeBox p {
						font-size: 85%;
						margin: 5px 10px;
						color: #666666;
						/* float: left; */
					}
					
						.leftHomeBox p a {
							color: #666666;
							text-decoration: none;
						}
					
			.homeBtmPics {
				font-size: 85%;
				font-weight: bold;
				color: #333;
				padding-top: 20px;
			}
				
				.homeBtmPics a {
					margin-left: 15px;
					text-decoration: none;
					color: #333;
					position: relative;
					display: block;
				}
			
				.homeBtmPics img {
					margin-top: 5px;
				}
				
				.homeBtmPics img.pic4outer {
					margin: 0;
					position: absolute;
					top: -3px;
					right: 2px;
				}
			#siteMap {
			
			}
				#siteMap ul {
					padding-left: 15px;
				}
					#siteMap ul li {
						padding-bottom: 5px;
					}
					#siteMap ul.level_1 li {
						font-weight: bold;
					}
					#siteMap ul.level_2 li,
					#siteMap ul.level_3 li, 
					#siteMap ul.level_4 li, 
					#siteMap ul.level_5 li,
					#siteMap ul.level_6 li,
					#siteMap ul.level_7 li,
					#siteMap ul.level_8 li,
					#siteMap ul.level_9 li {
						font-weight: normal;
					}
	

	
	#colRight {
		/* min-height:450px;
		height:auto !important;
		height:450px; */
	}
		#colRight div.shadowBox {
			background-image: url(/imgs/site/shadowBoxTop.gif);
			background-repeat: no-repeat;
			background-position: top;
		}
		
		#colRight div.shadowBox img {
			margin: 15px 0 0 11px;
		}
		
		#colRight div.shadowBox div.shadowBoxBtm {
			background-image: url(/imgs/site/shadowBoxBtm.gif);
			background-position: bottom;
			background-repeat: no-repeat;
			padding: 8px 18px 22px 11px;
			font-size: 85%;
			color: #333333;
		}
			#colRight div.shadowBox div.shadowBoxBtm a {
				color: inherit;
				font-weight: bold;
			}
		
		#colRight .homeBulBox {
			background: url(/imgs/site/homercolbox.gif) no-repeat top left;
			border-bottom: 5px solid #fff;
			font-size: 85%;
		}
		
		#colRight .homeBulBoxLast {
			border-bottom-width: 10px; 
		}
		
			#colRight .homeBulBox a {
				display: block;
				padding-left: 35px;
				line-height: 25px;
				color: #333;
				text-decoration: none;
			}
			
		.rightHomeBox {
			float: left;
			width: 100%;
			min-height:238px;
			height:auto !important;
			height:238px;
		}
		
		.rightHomeBoxLast {
			border-top: 3px solid #fff;
			height: 89px;
			float: left;
			width: 100%;
			background: url(/imgs/site/calendar.jpg) no-repeat top left;
		}
			.rightHomeBoxLast a {
				width: 100%;
				height: 90px;
				display: block;
				text-indent: -9000px;
			}
		
			.rightHomeBox h4 {
				font-size: 100%;
				margin: 5px 10px;
				color: #333;
			}

			.rightHomeBox p {
				font-size: 85%;
				margin: 5px 10px;
				color: #333;
			}
				
				.rightHomeBox p a {
					color: #333;
					text-decoration: none;
				}
	
	
	#footerMenu {
		background-color: #08174A;
		margin-top: 25px;
		color: #fff;
		font-size: 77%;
	}
		
		#footerMenu ul {
			padding-left: 25px;
		}
	
			#footerMenu ul li {
				float: left;
				padding: 6px 0;
				padding-right: 15px;
			}
		
				#footerMenu ul li a {
					color: #fff;
					text-decoration: none;
				}
	
	#footerBtm {
		margin-top: 30px;
		margin-bottom: 30px;
		font-size: 77%;
	}
	
		p.footer_p1 {
			margin-left: 25px;
			margin-bottom: 10px;
			color: #666;
		}
		
		p.footer_p2 {
			margin-left: 25px;
			color: #333;
		}
		
			p.footer_p2 a {
				color: #333;
			}
	
	
	
	
	
	
	
	
	
	
	
		
/* Out of Flow */		

/***** HEADINGS *****/
		

h1, h2, h3, h4 { 
	font-weight: bold;
	padding-bottom: 6px;
}
h1 { font-size: 146.5%; }
h2 { font-size: 123.1%; }
h3 { font-size: 116%; }
h4 { font-size: 108%; }


/***** LISTS *****/

ul.bullets {
	list-style: disc outside;
	padding-left: 20px;
}

ol {
	list-style: decimal outside;
	padding-left: 20px;
}






.darkBlueBoldText {
	color: var(darkBlue) !important;
	font-weight: bold;
}


.accessNav {
	position : absolute;
	left : -3000px;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	overflow: hidden;
}


/***** LISTS *****/

a {
	color: #000;
}


/***** FROM EDITOR *****/

img.left-Align-Image {
	float: left;
	margin:5px 8px 5px 0;
}
img.right-Align-Image {
	float: right;
	margin:5px 0px 5px 8px;
}
img.no-Align-Image {
	float: none;
}