@import "reset.css";
@import "panels.css";

*:focus{
	outline: none !important;
}

body{
	background-color: #3F3F3F;
	font-size: 75%;
	font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
}

p{
	margin-bottom: 1em;
	line-height: 1.4em;
}

ul.plain,
ul.plain li{
	list-style-type: none;
}

.column{
	display: block;
	position: relative;
	width: 460px;
}
#bedrock{
	text-align: right;
}
#authorlink{
	color: #666 !important;
	text-decoration: none !important;
	font-size: 0.85em !important;
	margin-right: 3em;
	text-align: right;
}
	#authorlink:hover{
		text-decoration: underline !important;
	}
	#authorlink:focus{
		outline: none !important;
	}


.float_left		{float: left;}		.float_left ul	{margin-left: 0px;}
.float_right	{float: right;}		.float_right ul	{margin-left: 25px;}

	#outerjacket{
		width: 980px;
		margin: 47px auto 0px;
	}

	#mainframe{
		font-size: 0.9em;
		color: #3F3F3F;
	}
	
	/* Hold minimum width */
	#mainframe .p_top_span,
	#mainframe .p_top_span .toothpick{
		width: 920px;
	}
	
	#mainframe .p_mid_left .toothpick{
		height: 635px;
	}


		#header,
		#top,
		#navbar{
			width: 927px;
		}
		
		#header{
			height: 103px;
			z-index: 5;
		}
			#top{
				background-image: url("../images/logo_span.jpg");
				background-repeat: repeat-x;
				background-position: bottom;
				position: absolute;
				height: 57px;
			}
			
				#logo{
					margin-left: 21px;
					margin-top: 6px;
					margin-bottom: 15px;
					position: relative;
					top: -7px;
					float: left;
					
					width: 520px;
					height: 60px;
					background-repeat: no-repeat;
					background-position: 246px 0px;
				}
				
				#tabs{
					float: right;
					height: 57px;
					position: relative;
					top: 18px;
					left: -18px;
				}
				
					.tab{
						float: right;
						width: 154px;
						height: 40px;
						text-align: center;
						background-image: url("../images/tab_shadow.png");
						background-repeat: no-repeat;
						position: relative;
						margin-right: -34px;
					}
						.tab a:focus{
							outline: none;
						}
						.tab a:link,
						.tab a:active,
						.tab a:visited,
						.tab a:hover{
							text-decoration: none;
							font-size: 1em;
							color: #999;
							font-weight: bold;
						}
						
						.tab a{
							background-image: url("../images/tab.png");
							background-position: 0px -29px;
							background-repeat: no-repeat;
							width: 112px;
							height: 22px; /*29px;*/
							display: block;
							padding-top: 7px;
							position: absolute;
							bottom: 0px;
							right: 22px;
						}
						.tab a:hover		{background-position: 0px 0px;}
						

						
							#t1 a,
							#t1 a:link,
							#t1 a:hover,
							#t1 a:active,
							#t1 a:visited{
								color: #fff !important;
							}
					



				
			#navbar{
				background-image: url("../commercial/images/nav_span.jpg");
				background-repeat: repeat-x;
				position: absolute;
				margin-top: 57px;
				height: 46px;
			}
				.nav{
					list-style: none;
					padding: 0px;
					margin: 0px;
					color: white;
					font-size: 1.05em;
					line-height: 1.2em;
					font-family: Arial;
				}
				
					.nav li{
						list-style: none;
						padding: 0px;
						margin-top: 5px;
						display: block;
						float: left;
						
						width: 103px;
						height: 31px;
					}
					
					.nav a{
						display: block;
						height: 31px;
						padding: 5px 0px 3px;
						width: 103px;
						position: relative;
					}
						.nav a:focus{
							outline: none;
						}
						.nav a span{
							display: block;
							position: absolute;
							margin-left: 10px;
							width: 120px;
						}
						
						.nav a:link, .nav a:active, .nav a:visited{
							color: #fff;
							text-decoration: none;
						}
						
					.nav a:hover{
						background-repeat: repeat-x;
					}


					
		#pagecentre{
			width: 932px;
			height: 535px;
			font-size: 1.1em;
		}
		
			/* Left Column */
			#page_left{
				width: 577px;
				float: left;
			}
				#bodytext{
					width: 557px;
					height: 308px;
					position: relative;
					overflow: hidden;
					padding-left: 0px; /*22px;*/
					padding-right: 20px;
					padding-bottom: 164px;
					background-image: url("../images/footer.jpg");
					background-repeat: no-repeat;
					background-position: bottom left;
				}
					#bodytext .column{
						margin-left: 22px;
					}
					
					#bodytext h2{
						width: 524px !important;
						margin-left: 10px;
						padding-left: 12px;
						padding-bottom: 2.2em;
						margin-bottom: 1.4em;
						border-bottom: 1px solid #e49538;
						background-position: 10px center;
					}
					
					.scrollable{
						overflow: auto;
						position: relative;
						top: -17px;
						width: 460px;
						height: 252px;
						padding-right: 90px;
					}
					
						.keylined{
							font-size: 0.95em;
							font-weight: bold;
							float: left;
							top: 285px;
							left: 20px;
							position: absolute;
							text-align: left;
							width: 557px;
						}

				#footer{
					height: 55px;
					position: relative;
					color: #fff;
					background-color: #000;
					border-top: 5px solid #CC9900;
				}
					#footer a:link,
					#footer a:visited,
					#footer a:active		{color: #fff; text-decoration: none;}
					#footer a:hover			{color: #fff; text-decoration: underline;}
		
					.footer_links{
						list-style: none;
						margin-left: 1.2em;
						margin-top: 0.9em;
					}
						.footer_links a:link{
							background-image: url("../images/bullet.gif");
							background-repeat: no-repeat;
							background-position: left 50%;
							padding-left: 10px;
						}

			/*	Right Column/Sidebar	*/
			#page_right{
				width: 355px;
				float: left;
			}
				#sidebar{
					width: 351px;
					height: 532px;
					float: left;
					color: #fff;
					background-color: transparent;
					background-repeat: repeat-y;
				}

	
			/* Image-Based Headers */
			.himg{
				background-repeat: no-repeat;
				background-position: left center;
				margin-top: 0.8em;
				margin-bottom: 0.8em;
			}
			.himg span{
				visibility: hidden;
			}
				/* ( Section-specific background images kept in sections.css ) */
				
				
.maplinks{
	display: block;
}
	.maplink{
		float: left;
		text-align: center;
		margin-right: 1em;
		color: #3F3F3F !important;
		text-decoration: none !important;
	}
		.maplink img{
			display: block;
			border: 1px solid #444;
		}
	
		.maplink:hover,	
		.maplink:hover img{
			border-color: #aaa;

		}
		
		.maplink span{
			text-decoration: none !important;
			display: block;
			font-weight: bold;
		}