@charset "utf-8";

.clear { clear: both; }

 /* SITE LAYOUT */
html, body {
	background: #5D79DD url(../images/bkgrnd.img.jpg) repeat-x;
	text-align:center;
	margin: 0;
	padding: 0;
	}

#container {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}
p { }
h1,h2,h3,h4,h5,h6 { color:#6F89E5; margin:0 0 6px 0; padding:0; }
.white { color: #FFFFFF }
.dkred { color: #600000 }
.ltblue { background: #E3E9FF; }

.border { border-style:solid; border-color:#006 }

.hr hr { display: none; }
.hr { background: #ececec; height: 2px; margin: 12px 40px; }

.vertical-line { display: inline; background-color: #000000; width: 2px; height: 80%; }


 /* HEADER */
#header { 
	background: #5D79DD url(../images/header_logo_img_2.jpg);
	height:305px;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #FFF;
	}
a.header:link {color:#FFF; outline: none; text-decoration: none;}
a.header:visited {color:#FFF; outline: none; text-decoration: none;}
a.header:hover {text-decoration: underline; font-weight: normal;}
.headerlinks {
	float: right;
	margin: 20px 0 0 0;	
	}
.homelink {
	float: right;
	margin: 10px 50px 0 0;	
	width: 400px;
	height: 150px;
	}

 /* EMERGENCIES - STAFF LOGIN */
#emergencies { 
	text-align:center;
	margin: 50px;
	padding: 0;
	font: normal 14px Verdana, Arial, Helvetica, sans-serif; color: #FFF; 
	}
#stafflogin { 
	text-align:center;
	margin: 75px;
	padding: 0;
	font: normal 14px Verdana, Arial, Helvetica, sans-serif; color: #FFF; 
	}

 /* PAGE CONTENT */
#mainContent {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #050D5B; 
	text-align: left;
	background: #FFF;
	}

/* PAGE TEXT */
#mainText {
	text-align: left;
	margin: 0;
	padding: 20px 50px 20px 50px;
	}
.align-left { float:left; margin: 0 15px 15px 0; }
.align-right { float:right; margin: 0 0 15px 15px; }
.align-center { text-align: center }
.align-left-overlap { float:left; z-index:auto }
.indent { margin-left: 50px; }

/* ONE COLUMN BULLETS */
ul.oneclm {
	margin: 0;
	padding: 10px 10px 10px 30px;
	list-style-type:circle;	
	}
li.oneclm {
	padding: 5px;
	} 
/* TWO COLUMN BULLETS */
ul.twoclm {
	margin: 0;
	padding: 0 0 0 30px;
	width: 500px;
	list-style-type:circle;	
	}
li.twoclm {
	margin: 0;
	padding: 0;
	float: left;
	width: 225px;
	margin-bottom: 6px;
	} 

#leftCol {
	float: left;
	margin: 0;
	width: 525px;
	}
#rightColBl {
	background: #E3E9FF;
	float: right;
	margin: 0;
	padding: 20px;
	min-height:400px;
	width: 225px;
	}
#leftColBl {
	float: left;
	margin: 0;
	padding: 20px;
	width: 500px;
	}
#rightCol {
	background: url('../images/vertical_line.jpg') no-repeat 0 0;
	float: right;
	margin: 0;
	padding: 0 0 0 20px;
	min-height:400px;
	width: 225px;
	}
#leftColBlContact {
	float: left;
	margin: 0;
	padding: 20px;
	width: 500px;
	}
.BxHdrImg {
	margin: 20px 0 -20px 20px;
	padding: 0;
	}

/* NAVIGATION LINKS */
#nav-menu ul { list-style: none; padding: 15px 0 0 10px; margin: 0 0 50px 0; }
#nav-menu li { float: left; margin: 0 0.20em; }
#nav-menu li a {
	background: url(../images/link_button.jpg) #fff bottom left repeat-x;
	height: 2em;
	line-height: 2em;
	float: left;
	width: 105px;
	display: block;
	font: Verdana, Arial, Helvetica, sans-serif; color: #FFF; 
	text-decoration: none;
	text-align: center; 
	}
#nav-menu li a:hover { font-weight: bold; }
/* Hide from IE5-Mac \*/
#nav-menu li a { float: none }
 /* End hide */
#nav-menu { width:900px }

 /* HOME COLUMNS */
#hcSection { background: #FFF; position: relative; float: left; margin-left: 50px; }
#hcSection h2 { font: normal 18px 'Helvetica', sans-serif; color: #FFF; margin: 14px 0 0px 15px; width: 245px; }
#homecolumns { background: url('../images/column_window.jpg') no-repeat left bottom; float: left; margin: 0 35px 0 0; width: 245px; height: 300px; padding-left: 0px; }
#hcSection p { margin: 30px 20px 6px 20px; }
#readmoreSection { background: #FFF; position: relative; float: left; margin-left: 0px; }
#readmore p { color: #FFF; float: left; margin: 4px 0 0 15px; }
#readmore { background: url('../images/link_readmore.jpg') no-repeat left bottom; float: left; margin: 0 60px 0 100px; width: 120px; height: 30px; }
a.readmore:link {color:#FFF; outline: none; text-decoration: none;}
a.readmore:visited {color:#FFF; outline: none; text-decoration: none;}
a.readmore:hover {text-decoration: none; font-weight: bold;}

a img {border: none; }

/* flexbox container */
.three-columns-grid {
	display: flex;
	flex-direction: column;
	padding: 1rem;
}
/* flexbox tablet breakpoint */
@media (min-width:768px) {
    .three-columns-grid {
		display: flex;
		flex-direction: row;
		grid-template-columns: 20% 60% 20%;
    }

 /* CONTACT FORM */
#contact { }
#contact input, #contact textarea { 
border: 0; 
outline: none; 
background: #f0f0f0; 
font: 13px/18px Verdana, Arial, Helvetica, sans-serif;
color: #050D5B;
}
#contact input#Inquiry_For { width: 20px; background: transparent; }
#contact input { height: 22px; width: 222px; padding: 4px 6px 0 6px; }
#contact input.check { width: 20px; background: none; }
#contact textarea { height: 100px; width: 100%; padding: 4px 6px; }
#contact input.submit {
	background: #FFF url(../images/submit_btn_bkg.jpg) no-repeat 0 0;
	width: 132px; height: 30px;
	border: none; outline: none;
	float: left;
	margin-top: 14px;
	font-size:0; line-height:0; text-indent: -9999;
	}
#submitBTN { float: left; margin-left: 175px; }
label { width: 80px; float: left; display: block; }
.inquiry { height: 80px; width: 100%; }
.field { border-bottom: 2px dotted #c3cdd4; padding: 8px 0; }
.field em { color: #e13b43; }

 /* FOOTER */
#footer { 
	background: #5D79DD;
	margin: 0;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #FFF; 
	text-align: center;
	}
a.footer:link {color:#FFF; outline: none; text-decoration: none;}
a.footer:visited {color:#FFF; outline: none; text-decoration: none;}
a.footer:hover {text-decoration: underline; font-weight: normal;}


