/* COMMON LAYOUT FOR GRAPHICAL, JS-ENABLED BROWSERS */

body {
	margin: 0px;
	padding: 4px 0px 20px 0px;
	background-color: #BFCAEA;
	background-image: url(/site/_img/template/body_background.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div#PageLayout {
	margin: 0px auto 20px auto;
	width: 850px;
	position: relative;
	top: 0px;
	left: 0px;
}

div#PageBanner {
	background-color: #DDD;
	background-image: url(/site/_img/template/banner_background.jpg);
	background-repeat: no-repeat;
	height: 100px;
	border: 1px solid navy;
	position: relative;
	top: 0px;
	left: 0px;
	overflow: visible;
}

	strong.BannerReadoutLabel {
		font-size: 11px;
		color: #192066;
	}

	img#MainLogo {
		position: relative;
		top: -6px;
		left: -10px;
	}

	div#NavPanel {
		float: right;
		width: 500px;
		margin: 7px 8px 9px 0px;
		line-height: 22px;
		height: 93px;
	}
	
		div#TopNavbar {
			text-align: right;
			padding: 0px 4px 0px 0px;
			color: #666;
			height: 32px;
		}
				div#TopNavbar a {
					color: navy;
					text-decoration: none;
					padding: 1px 3px 1px 3px;
				}
		
		div#BannerReadout {
			text-align: right;
			padding: 0px 7px 0px 0px;
			height: 36px;
		}

		div#MainNavbar {
			text-align: left;
			margin: 0px;
			padding: 0px;
		}
			div#MainNavbar a img {
				border: none;
			}
			
			div#MainNavbarMenus {
				position: relative;
				z-index: 5000;
				padding-left: 4px;
			}
			
				div#MainNavbarMenus div {
					float: left;
					position:relative;
					z-index: 5010;
					background-color: #B90000;
					display: none;
				}
				
					div#MainNavbarMenus div a {
						display: block;
						border: 2px solid #B90000;
						border-top: none;
						padding: 0px 3px;
						background-color: #880000;
						color: white;
						text-decoration:none;
					}
				
					div#MainNavbarMenus div a:hover {
						background-color: white;
						color: navy;
					}
			
div#PageContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: white;
	border: 1px solid navy;
	border-top: none;
	padding: 14px 18px 16px 18px;
	min-height: 540px;
}

div#PageFooter {
	margin-top: 10px;
	font-weight: bold;
	font-size: 10px;
	line-height: 15px;
	padding: 6px;
	text-align: center;
	color: #555;
	height: 100px;
}
	span#BottomNavbar {
		font-size: 11px;
		letter-spacing:1px;
		margin:0px;
		font-weight: normal;
	}



/****************************
     ON ARRIVAL MESSAGE
****************************/
div#OnArrivalMessage {
	position: absolute;
	top: 20px;
	left: 30%;
	width: 310px;
	height: 330px;
	background-color: white;
	padding: 15px;
	border: 2px solid #B00;
	text-align: center;
	z-index: 5100;
}


/***************************
      CLEARFIX HACK
***************************/
.clearfix:after {
	content: ".";
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* End clearfix */