/****************************
			GLOBAL
*****************************/

* {
	margin:0px;
	padding:0px;
}

body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.5;
	background-image: url(../images/bg_body.gif);
	background-repeat: repeat;
}

:focus, :active { 
	outline: 0; 
}

.clear {
	clear:both;
}

a img {
	border:0px;
}

H1 {font-size:2em}  /* displayed at 24px */
H2 {font-size:1.5em}  /* displayed at 18px */
H3 {font-size:1.25em}  /* displayed at 15px */
H4 {font-size:1em}  /* displayed at 12px */

/* !--- CONTENT --- */

#container {
	width: 999px;	/* 1031px */
	padding: 7px 16px;
	margin: 0px auto;
	background-image: url(../images/bg_container.gif);
	background-repeat: repeat-y;
	background-color: #fff;
}

/* !--- HEADER --- */

#header {
	margin-bottom: 5px;
}

	#header a img.logo {
		float: left;	
	}
	
	#header #advert_header_top {
		margin: 23px 0px 0px 28px;
		float: left;
	}
	
	#header #countdown {
		width: 654px;
		height: 78px;
		float: left;
		background-color: #868585;
		margin-top: 10px;
		margin-right: 10px;
	}
	
		#header #countdown img {
			float: left;
		}
		
		#header #countdown object {
			float: left;
			margin: 0px 12px;
		}
	
	#header #bp {
		float: left;
		margin-top: 10px;
	}

/* !--- CONTENT CONTAINER --- */

#content_container {
	width: 998px;
	background-image: url(../images/bg_content.gif);
	background-repeat: repeat-y;
	background-color: #fff;
	margin-bottom: 7px;
}

/* !--- NAVIGATION (Left Column) --- */

#navigation {
	width: 141px;
	float: left;
	margin-right: 5px;
	background-color: #868484;
}

	#navigation h2 {
		display: block;
		color: #fff;
		background-color: #000;
		padding: 6px 8px;
		font-size: 1.4em;
	}

	#navigation #search_box {
		background-color: #bbb;
		padding: 3px;
	}
	
	#navigation #search_box #frm_search {
		text-align: center;
	}
	
		#navigation #search_box #frm_search input {
			margin-bottom: 20px;
		}
		
		#navigation #search_box #frm_search input.text {
			padding: 1px;
		}
		
	#navigation #side_nav {
		list-style: none;
		margin-bottom: 28px;
	}
	
		#navigation #side_nav li {
			border-bottom: 2px solid #fff;
		}
		
			#navigation #side_nav li a {
				display: block;
				padding: 5px 8px;
				font-size: 1.2em;
				text-decoration: none;
				font-weight: bold;
				color: #fff;
			}
			
			#navigation #side_nav li a:hover {
				background-color: #000;
			}

/* !--- CONTENT (Middle Column) --- */

#content {
	width: 510px;
	float: left;
	margin-right: 5px;
	background-color: #fff;
}

	#content h2 {
		display: block;
		color: #fff;
		background-color: #BB0033;
		padding: 6px 8px;
		font-size: 1.4em;
	}
	
	
	
		#content h2 a {
			color: #fff;
			text-decoration: none;
		}
		
		#content h2 a:hover {
			text-decoration: underline;
		}
		
	#content h2grey {
		display: block;
		color:#999999;
		background-color: #BB0033;
		padding: 6px 8px;
		font-size: 1.4em;
	}
	#content .text {
		padding: 4px;
	}

		#content .text h3{
			margin-bottom: 10px;
		}
			#content .text h3 a {
				color: #B2002C;
				font-size: 1.2em;
				text-decoration: none;
				line-height: 1.1;
			}
			
				#content .text h3 a:hover {
					color: #444;
					text-decoration: underline;
				}
	
		#content .text p {
			font-size: 1.2em;
			line-height: 1.1em;
			margin-bottom: 14px;
		}
		#content .text ul, ol {
			font-size: 1.2em;
			line-height: 1.1em;
			margin-bottom: 14px;
			margin-left:20px;
		}
			
			#content .text p a {
				color: #B2002C;
				text-decoration: none;
			}
			
			#content .text p a:hover {
				color: #444;
				text-decoration: underline;
			}
			
			#content .text p span.title {
				font-size: 1.2em;
				text-decoration: none;
				line-height: 1.1;
				font-weight: bold;
			}
			
			#content .text ul.list {
				margin-left: 40px;
				font-size: 1.2em;
				margin-bottom: 14px;
				line-height: 1.2em;
			}
			
				#content .text ul.list li a {
					color: #B2002C;
					text-decoration: none;
				}
				
				#content .text ul.list li a:hover {
					color: #444;
					text-decoration: underline;
				}
				
			#content .text img.right {
				float: right;
				margin: 0px 0px 10px 10px;
			}
			
	#content .hr {
		height: 6px;
		background-image: url(../images/line.gif);
		background-position: bottom center;
		background-repeat: no-repeat;
		border: 0px;
		margin-bottom: 12px;
	}
	
/* !--- CONTENT - Bulletin Posts --- */

#content .bulletin_post {
	padding: 4px 4px 12px 4px;
	margin-bottom: 8px;
	background-image: url(../images/line.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
}

	#content .bulletin_post h3 a {
		color: #B2002C;
		font-size: 1.2em;
		text-decoration: none;
		line-height: 1.1;
	}
	
		#content .bulletin_post h3 a:hover {
			color: #444;
			text-decoration: underline;
		}
	
	#content .bulletin_post img {
		float: right;
		margin-left: 5px;
	}
	
	#content .bulletin_post p {
		font-size: 1.1em;
		color: #000;
		line-height: 1.1;
	}
	
		#content .bulletin_post p a {
			font-weight: bold;
			color: #B2002C;
			text-decoration: none;
		}
		
			#content .bulletin_post p a:hover {
				color: #444;
				text-decoration: underline;
			}

/* !--- CONTENT - Company Profile --- */

#content .text #company_info {
	margin-bottom: 25px;
}

	#content .text #company_info #info {
		width: 220px;
		float: left;
		margin-right: 4px;
	}
	
		#content .text #company_info #info ul {
			list-style: none;
			background-color: #CCCCCC;
			line-height: 1.2;
			
			font-size: 1em;
			margin-bottom: 0px;
			margin-left: 0px;
		}
		
			#content .text #company_info #info ul li {
				border-bottom: 2px solid #fff;
				padding: 2px;
				font-size: 1.4em;
			}
			
			#content .text #company_info #info ul li.bp {
				background-image: url(../images/bpl-logo-tiny.gif);
				background-position: right center;
				background-repeat: no-repeat;
			}
			
				#content .text #company_info #info ul li a {
					color: #B2002C;
					text-decoration: none;
				}
				
				#content .text #company_info #info ul li a:hover {
					text-decoration: underline;
				}
	
	#content .text #company_info #image {
		background-color:#868484;
		float:left;
		margin-left:5px;
		margin-top:5px;
		width:272px;
	}
		#content .text #company_info #image table
		{
			width:100%;
			height:100%;
			border-collapse:collapse;
		}
		#content .text #company_info #image table td, #imgtd
		{
			background-color:#868585;
			
			background-position:center center;
			background-repeat:no-repeat;
			border:10px solid #868585;
			vertical-align:middle;
			width:100%;
		}
		/*
		#content .text #company_info #image img{

			display: block;
	    	margin-left: auto;
	    	margin-right: auto;
		}
		*/
/* !--- CONTENT - Company Portfolio --- */

#content .text #portfolio_info {
	margin-bottom: 10px;
}

	#content .text #portfolio_info #info {
		width: 220px;
		float: left;
		margin-right: 4px;
	}
	
		#content .text #portfolio_info #info ul {
			list-style: none;
			background-color: #CCCCCC;
			line-height: 1.2;
		}
		
			#content .text #portfolio_info #info ul li {
				border-bottom: 2px solid #fff;
				padding: 2px;
				font-size: 1.2em;	/* 1.4em */
			}
			
			#content .text #portfolio_info #info ul li.bp {
				background-image: url(../images/bpl-logo-tiny.gif);
				background-position: right center;
				background-repeat: no-repeat;
			}
			
				#content .text #portfolio_info #info ul li a {
					color: #B2002C;
					text-decoration: none;
				}
				
				#content .text #portfolio_info #info ul li a:hover {
					text-decoration: underline;
				}
	
	#content .text #portfolio_info #image {
		width: 278px;
		float: left;
		padding-top: 45px;
	}

/* !--- CONTENT - Bulletin Sign Up Form --- */

#content #frm_bulletin {
	padding: 10px;
}

	#content #frm_bulletin label {
		font-size: 1.2em;
	}
	
		#content #frm_bulletin label span {
			color: #666;
			margin-bottom: 8px;
		}

	#content #frm_bulletin .tick_left, #content #frm_bulletin .tick_right {
		float: left;
		width: 240px;
		margin-bottom: 40px;
	}
	
	#content #frm_bulletin .details {
		margin: 10px 0px 20px 0px;
	}
	
		#content #frm_bulletin .details label {
			width: 250px;
			float: left;
			margin-bottom: 4px;
		}
		
		#content #frm_bulletin .details input {
			padding: 2px;
			margin-bottom: 4px;
		}
		
		#content #frm_bulletin .details br {
			clear: left;
		}

/* !--- ADVERTS (Right Column) --- */

#adverts {
	width: 337px;
	float: left;
	background-color: #000;
}

	#adverts h2 {
		display: block;
		color: #fff;
		background-color: #000;
		padding: 6px 8px;
		font-size: 1.4em;
	}
	
		#adverts h2 a {
			color: #fff;
			text-decoration: none;
		}
		
		#adverts h2 a:hover {
			text-decoration: underline;
		}
	
	#adverts #bulletins {
		float: left;
		width: 169px;
	}
	
		#adverts #bulletins h3 {
			display: block;
			color: #fff;
			background-color: #000;
			padding: 6px 0px 6px 10px;
			font-size: 1.3em;
			font-weight: bold;
		}
		
		#adverts #bulletins .this_week {
			background-color: #BB0033;
			padding: 6px;
			text-align: center;
		}
		
			#adverts #bulletins .this_week p {
				font-size: 1.2em;
				line-height: 1.2;
			}
			
				#adverts #bulletins .this_week p a {
					color: #fff;
					text-decoration: none;
				}
				
				#adverts #bulletins .this_week p a:hover {
					text-decoration: underline;
				}
				
					#adverts #bulletins .this_week p a strong {
						font-size: 1.3em;
					}
	
	/* --- UPCOMING BULLETINS (iFrame) --- */
	
	#upcoming_bulletins {
		background-color: #ccc;
	}
	
		#upcoming_bulletins ul {
			list-style: none;
			padding: 6px;
		}
	
			#upcoming_bulletins ul li {
				color: #000;
				font-size: 1.2em;
				line-height: 1.3;
				margin-bottom: 12px;
			}
			
				#upcoming_bulletins ul li strong {
					display: block;
				}
	
	#adverts #right_ads {
		float: left;
		width: 160px;	/* 168px */
		padding: 4px;
	}
	
	#adverts #bottom_left {
		width: 141px;	/* 169px */
		float: left;
		padding: 14px;
	}
	
	#adverts #bottom_right {
		width: 140px;	/* 168px */
		float: left;
		padding: 14px;
	}

/* !--- FOOTER --- */

#footer {
	height: 18px;	/* 28px */
	width: 978px;	/* 998px */
	padding: 5px 10px;
	background-color: #000;
}

	#footer ul.left {
		float: left;
		list-style: none;
		font-size: 1.2em;
	}
	
		#footer ul.left li {
			float: left;
			margin-right: 12px;
		}
		
			#footer ul.left li a {
				color: #fff;
				text-decoration: none;
			}
			
			#footer ul.left li a:hover {
				text-decoration: underline;
			}
			
	#footer p.right {
		float: right;
		color: #fff;
		font-size: 1.2em;
	}