/*----------FOR INSTALL----------*/
#BgContainer {
	background-color: #FFF;
	padding: 10px 40px;
}

#BgContainer h4 {
	font-size: 16px !important;
}

#BgContainer p {
	width: 94%;
}

#BgContainer table {
	margin: 10px !important;
	width: 94%;
}

#BgContainer ul#Themes label {
	margin-top: 2px !important;
}



/*-----------------------------------------------MISC STYLES AND DEFAULTS-----------------------------------------------*/
html, body {
	background-color: #222;
	color: #333;
	font-family: Verdana, Lucida, sans-serif; 
	margin: 0;
}

a {
	cursor: pointer;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

.clear {
	clear:both;
}

.weather_wrapper {
	margin: 10px 0 25px;
}

hr {
	border: none;
	border-bottom: 1px dotted #BBB;
}

.boxStyle {
	-moz-border-radius: 10px;
	background-color: #EEE;
	border: 1px solid #DDD;
	padding: 15px;
}

	.boxStyle ul {
		margin: 0 !important;
	}

iframe {
	border: 1px solid #2D3E4C;
}

#welcomeTitle {
	margin: 20px 0 30px;
}

table.formatTable th {
	background-color: #EEE;
	border: none;
}
	table.formatTable th p{
		margin-bottom: 0px !important;
	}

table.formatTable td {
	border-bottom: 1px solid #CCC;
	text-align: center;
}

table.phoneTable th {
	background-color: #EEE;
	border: none;
	font-weight: bold;
}

table.phoneTable td {
	border-bottom: 1px solid #DDD;
	line-height: 16px;
}

table.phoneTable td:last-child {
	text-align: right;
}



/*-----------------------------------------------HEADER-----------------------------------------------*/
#hd { 
	height: 160px;
	overflow: hidden;
	position: relative;
}

	#hd #bannerTop {
		background: transparent url(../images/banner.png) no-repeat scroll 0 0;
		height: 160px;
		position: relative;
		width: 950px;
		z-index: 20;
	}

	#hd #bannerTopLib {
		background: transparent url(../images/bannerLib.png) no-repeat scroll 0 0;
		height: 160px;
		position: relative;
		width: 950px;
		z-index: 20;
	}

		#hd #bannerTopImg {
			height: 160px;
			margin-top: -160px;
			position: relative;
			width: 950px;
			z-index: 10;
		}

			#hd #bannerTopImg img{
				position: absolute;
				right: 0;
				top: 0;
			}


/*-----------------------------------------------BODY-----------------------------------------------*/
#bd {
	background: #FFF url(../images/sideMenu.png) repeat-y scroll -20px 0;
	margin-top: -5px;
	z-index: 100;
}

#Layout {
	clear: both;
	overflow: hidden;
	padding: 15px 20px 15px 80px;
}

#Content {}

#homeBanner {
	background: transparent url(../images/homeBanner.png) no-repeat scroll -7px 0;
	height: 88px;
	position: relative;
	margin: -14px 0 20px -45px;
	width: 725px;
}

	#homeBanner #events {
		background: transparent url(../images/events_btn.png) no-repeat scroll 0 0;
		float: left;
		height: 80px;
		margin-left: -7px;
		width: 254px;
	}

	#homeBanner #news {
		background: transparent url(../images/news_btn.png) no-repeat scroll 0 0;
		float: left;
		height: 80px;
		width: 238px;
	}

	#homeBanner #directory {
		background: transparent url(../images/directory_btn.png) no-repeat scroll 0 0;
		float: left;
		height: 80px;
		width: 238px;
	}



/*-----------------------------------------------FOOTER-----------------------------------------------*/
#ft {
	background: #1F54B4 url(../images/footerSpan.jpg) repeat-x scroll 0 0;
	clear: both;
	height: 5em;
	padding-top: 20px;
	text-align: center;
}

	#ft p {
		color: #FFF;
		text-align: center;
	}

		#ft a {
				color: #FFF;
				text-decoration: none;
			}

				#ft a:hover {
					color: #FFF;
					text-decoration: underline;
				}



/*-----------------------------------------------BREADCRUMBS-----------------------------------------------*/
#Breadcrumbs { 
	color: #B7C0C5;
	font-size: 0.9em; 
	margin: 0px 5px 10px 0;
	text-align: left;
}

	#Breadcrumbs p {
		margin: 0;
	}




/*-----------------------------------------------MESSAGEBOXS-----------------------------------------------*/
.message {
	background: #EEE;
	border: 4px solid #AAA;
	color: #666;
	margin: 15px;
	padding: 5px;
}

span.middleColumn .message {
	margin: 4px 0 0 3px;
}

.required {
	background: #FFDFDF;
	border: 4px solid #FF0000;
	color: #000;
	margin: 4px 0 0 3px;
	padding: 5px;
}

#Remember label {
	margin: 0 0 0 10px;
}

.entry {
	border-bottom: 1px solid #EEE;
}