html,  body {
	height: 100%;
}

body {
	background: #fff url(../images/templateimages/page-background.png) left bottom no-repeat;
	background-attachment:fixed;
}

		.page-header {
			background: #fff url(../images/templateimages/header_int_background.jpg) left bottom no-repeat;
			height: auto;
			padding: 0px;
			position:relative;
			text-align:center;
			border:8px solid #1A9DB2;
			border-radius: 25px;
		}
		
			.headertext {
				text-align: left;
			}

			.headertext h1{
				font-family: 'Merriweather', serif;
				color: #1A9DB2;
				font-size: 50px;
				font-style: italic;
				padding-left:20px;
			}

			.headerimage {
				text-align: right;
			}

			.headerimage img {
				float:right;
				border-radius: 0px 15px 15px 0px;
			}
			
		.menu {
			background: url(../images/templateimages/pnav_bg.png) top left no-repeat;
			background-size: 100%;
			height:auto;
			margin-top:-52px;
			min-height:120px;
			
		}
		
		.navbar-default {
			background-color: transparent !important;
			border: none !important;
			margin-top:12px;
			float:right !important;
		}
		
			.navbar-default .navbar-nav > li > a {
				color:#fff;
			}
				.navbar-default .navbar-nav > li > a:hover {
					color:#1A9DB2
				}
				
				.navbar-default .navbar-nav > .active > a {
					background-color: #1A9DB2;
					color:#fff;
				}
				
		
			.navbar .navbar-inner {
				background: none;
				border: none;
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				border-radius: 0;
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				box-shadow: none;
				filter: none;
				margin-top: 30px;
				padding: 0;
			}

				.navbar .navbar-inner .nav {
					
					margin: 19px 0 24px 0;
				}
	
					.navbar .navbar-inner .nav > li > a {
						text-shadow: none;
						padding: 5px 25px 10px 10px;
						font-size: 14px;
						color: #fff;
						text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
					}
		
						.navbar .navbar-inner .nav > li.current > a .nav-text,  .navbar .navbar-inner .nav > li > a:hover .nav-text{
							color: #fff;
							text-shadow: 1px 1px rgba(255, 255, 255, 0.3);
						}
		
						.navbar .navbar-inner .nav > li > a .nav-text {
							padding-right: 20px;
						}
						
						.navbar .navbar-inner .nav > li > a .vertical-divider {
							color: #fff;
						}
		 .maintext {
			background-color:rgba(200,200,200,0.4);
		 }
	
		.sidebar {
			padding: 40px 16px 17px 18px;
			margin: -40px 0 0 0;
			background:url(../images/templateimages/sidebar_bg.png) left top repeat-x;
			min-height: 290px
		}		

	.footer {
		background-color:#1A9DB2;
		margin:20px 0px;
		padding:10px;
	}

		.footer ul {
			margin: 4px 0px 4px 0;
			float:right;
		}
		
			.footer li { 
				display: inline;
				margin-right: 13px;
				color: #fff;
			}

				.footer li a{
					padding-right: 12px;
					color: #fff;
					text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
				} 
				
				.footer li a:hover{
					color: #FFF;
					text-decoration: none;
				}
		
		.footer p, .footer p a {
			color: #fff;
			font-size: 11px;
		}
		
		

@media (max-width: 767px) {
	.page-header {
			background-image:none;
	}
	.headertext {
		text-align: center;
	}
		.headertext h1{
			font-size: 40px;
		}
		
	.headerimage {
		text-align: center !important;
	}
		.headerimage img {
			display:inline-block;
			float:none;
			border-radius: 15px 15px 15px 15px;
		}

		
		.menu {
			min-height:100px;
			background-color: #987859;
			background-image:none;
		}
		.navbar-default {
			float:left !important;
		}
		
	.navbar {
		min-height:35px;
		height:auto;
		margin-bottom: 10px;
		border: none;
		border-bottom: 1px solid #fff;
	}
	
		.navbar-header {
			border: none;
			height:50px;
		}
		
		.navbar-collapse.collapse {
			padding: 0 15px;
			background-color: transparent;
			border-bottom: none;
			max-height: none;
		}
		
			.navbar-nav {
				margin: 7.5px -15px;
				display: block;
				table-layout: auto;
			}
			
				.navbar-nav>li>a {
					min-height: 0;
					font-size: 14px;
					line-height: 1.4;
					text-align: left;
					padding: 10px 15px;
					color: #e7e7e7 !important;
				}
				
				.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
					background-color: #00658F;
					color: #fff !important;
					font-weight:bold;
				}
				
				.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
					background-color:#0D769C !important;
					border-bottom:1px solid #4994B2 !important;
				}
				
				.dropdown-toggle {
					z-index:500;
				}
				
				li.dropdown {
					background-color:#0D769C !important;
					border-bottom:1px solid #4994B2 !important;
				}
				
				ul.dropdown-menu {
					padding:0px;
				}
				ul.dropdown-menu li {
					background-color:#4994B2;
					border-bottom:1px solid #0D769C;
				}
				
				.navbar-default .navbar-nav .open .dropdown-menu > li > a {
					color: #fff;
				}

				.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
					color: #005171;
				}
				.dropdown:click .dropdown-menu {
					display: block;
				 }

				 
		.menu {
			height:auto;
			margin-top:-45px;
			min-height:80px;
			
		}		
		.nav > li > a {
			padding:5px 10px ;
		}
		
		.maintext {
			margin:0px;
			padding-top:20px;
		}
		.sidebar {
			margin: 0;
			min-height:auto;
		}		
}		

@media (min-width:768px) {
	.dropdown:hover .dropdown-menu {
			display: block;
		 }

	   .dropdown-menu {
		   border-radius: 0px;
		   border:1px solid #E6DED8;
		   padding:0px;
	   }

	   .dropdown-menu > li > a {
		   padding:6px 20px;
	   }

	   .dropdown-menu > li.open {
		   font-weight:800;
	   }

	   .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
		   background-color:#E6DED8;
	   }
}

@media (min-width:768px) and (max-width: 970px) {
	.page-header {
			background-image:none;
	}
	.headertext {
		text-align: center;
	}
	
		.headertext h1{
			font-size: 45px;
		}
		
	.headerimage {
		text-align: right;
	}
		.headerimage img {
			width:99%;
			border-radius: 0px 15px 15px 0px;
		}
		
		.menu {
			height:auto;
			margin-top:-45px;
			min-height:80px;
			
		}		
		.nav > li > a {
			padding:5px 10px ;
		}
		
		.sidebar {
			margin: -50px 0 0 0;
			min-height: 290px
		}		
}