* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body{
	margin:10px;
	padding:0;
	font-family:arial,verdana,helvetica,sans-serif;
	font-size:1em;
	color:#333;
	background-image:url(/pics/water-bg.jpg);
	background-position:top;
	background-position:center 25%;
	background-attachment:fixed;
	background-size:100%;
	background-repeat:no-repeat;
}

img,form{margin:0;padding:0;}

td{vertical-align:top;}

.pln{font-weight:normal;}
.bld{font-weight:bold;}

html,body{
	margin:0;
	padding:0;
	font-family:arial,tahoma,verdana,sans-serif;
	line-height:25px;
}

h2{
	margin:0;
	padding:5px 10px;
	background-color:#0A4E9E;
	background: linear-gradient(#0A4E9E  30%,#063061); /* Standard syntax */
	color:#FFF;
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
}

#outerwrap{
	margin:30px 0;
	padding:0;
}

#innerwrap{
	overflow:auto;
	clear:both;
	position:relative;
	margin:0 auto;
	padding:1.5em;
	width:100%;
	max-width:1200px;
	height:100%;
	background-color:rgba(255,255,255, .95);
	border-radius:1.5em 1.5em 0 0;
	-moz-border-radius:1.5em 1.5em 0 0;
	-khtml-border-radius:1.5em 1.5em 0 0;
	-webkit-border-radius:0;
	-webkit-border-top-right-radius: 1.5em;
	-webkit-border-top-left-radius:1.5em;
	box-shadow: -1.5em 1.5em 1.5em 0px rgba(50, 50, 50, 0.5);
	border:1px solid #CCC;
	border-bottom:0;
}

#header{
	position:relative;
	margin:0 0 20px 0;
	padding:10px;
	width:100%;
	height:90px;
	border-bottom:10px solid #CCC;
	line-height:15px;
	font-size:.9em;
}

#header .title{
	position:absolute;
	top:-5px;
	left:0;
	line-height:1em;
	font-family: 'Chau Philomene One', sans-serif;
	font-weight:bold;
	font-size:5em;
	color:#0A4E9E;

	border:0px solid red;
}

#header .title a{
	color:#0A4E9E;
	text-decoration:none;
}

#header img.logo{
	position:absolute;
	top:15px;
	left:30px;
}

	#mnu {
		position:absolute;
		top:74px;
		left:20px;
		margin:3px 0;
		padding:0;
		padding-bottom:10px;
		width:100%;
	}
	#mnu li{
		display:inline;
	}
	#mnu li a{
		margin:0 0 0 10px;
		padding:5px 10px ;
		border:1px solid #444;
		background-color:#FEFEFE;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		color:#555;
		font-weight:bold;
		font-size:.9em;
		text-decoration:none;
	}
	#mnu li a:hover{
		color:#130E45;
		border:1px solid #130E45;
		box-shadow: -5px 5px 5px 0px rgba(50, 50, 50, 0.5);
	}

#mainbody{
	margin:0;
	padding:10px;
	width:100%;
}

#footer{
	clear:both;
	position:relative;
	margin:0 auto;
	padding:25px;
	line-height:1.2em;
	width:100%;
	max-width:1200px;
	height:auto;
	border:0;
	background: linear-gradient(#0A4E9E  30%,#063061); /* Standard syntax */
	color:#CCC;
	font-size:.8em;
	border-radius: 0 0 25px 25px;
	-moz-border-radius:0 0 25px 25px;
	-khtml-border-radius:0 0 25px 25px;
	-webkit-border-radius:25px;
	-webkit-border-top-right-radius:0;
	-webkit-border-top-left-radius:0;
	box-shadow: -25px 25px 25px 0px rgba(50, 50, 50, 0.5);
}

#footer h3{
	margin:0 0 .8em 0;
	font-weight:bold;
}
#footer p{
	margin:0 0 .5em 0;
}

#footer a{
	color:#EEE;
	text-decoration:none;
	font-weight:bold;
}
#footer ul{
	margin:0;
	padding:0 0 0 20px;
	overflow:hidden;
}
#footer li{
	display:block;
	margin:0;
	padding:0;
}

.error_msg{
	position:absolute;
	top:100px;
	padding:10px;
	width:90%;
	line-height:20px;
	background-color:#FFE;
	border:1px solid #D00;
	font-weight:bold;
	font-size:1.2em;
}

.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
.justify{text-align:justify;}

.fleft{float:left;}
.fright{float:right;}
.pos_top{position:absolute;top:0;}
.pos_right{position:absolute;right:0;}

a{color:#333;}
a:hover{text-decoration:none;}

img.top{padding-right:5px;}

.cols{
	overflow:hidden;
}
.cols li{
	padding-left:2em;
	background:url(/pics/check.gif) left center no-repeat;
	line-height:1.5em;
	float:left;
	display:block;
}

.col1 li{width:100%;}
.col2 li{width:50%;}
.col3 li{width:33.333%;}
.col4 li{width:25%;}

.clear{clear:both;}

a.external{
   padding-right:13px;
   background:transparent url("/pics/external.png") no-repeat scroll right center;
}

.w100p{width:100%;}
.w33p{width:33.3%;}

.border_left{border-left:1px solid #CCC;}

.red{color:#D00;}
.blue{color:#00F;}
.navy{color:#009;}
.white{color:#FFF;}


/* Resize Based On Screen Display Resolution */

@media only screen and (max-width: 992px) {
	#innerwrapp{margin:5px;}
	h1,h3{color:#00D;}
	.nav ul{ display: none; }
	.nav select{
		display: inline-block;
		width:100%;
	}
	.content{
		width:48%;
	}
	.col3 li{width:50%;}
	.col4 li{width:33.33%;}
}
@media only screen and (max-width: 768px) {
	html,body{font-size:1.1em;}
	h1,h3{color:#0DD;}
	.content{
		clear:right;
	}
	.col2 li,.col3 li{width:100%;}
	.col4 li{width:50%;}
	#outerwrap{margin:0;}
	#innerwrap{
		min-height:0;
		background-color:#FFF;
		border-radius:0 !important;
		-moz-border-radius:0 !important;
		-khtml-border-radius:0 !important;
		-webkit-border-radius:0 !important;
		box-shadow:none;
		border:0;
	}
	#footer{
		border-radius:0 !important;
		-moz-border-radius:0 !important;
		-khtml-border-radius:0 !important;
		-webkit-border-radius:0 !important;
		box-shadow:none;
	}
}
@media only screen and (max-width: 480px) {
	html,body{font-size:1.1em;}
	body{
		background-color:#6EB1F8;
		background-image:none;
	}
	h1,h3{color:#D00;}
	.content{
		width:98% !important;
	}
	.col4 li{width:100%;}
}
@media only screen and (max-width: 320px) {
	html,body{font-size:1.2em;}
	h1,h3{color:#D0D;}
}