html, body { height: 100%; }
/* Lato:100,300,700 */
/*
.topnav-content a.active, .topnav-content a:hover { background-color: #ef2b45;}
input[type=submit], input[type=button] {background-color: #ef2b45;}
a.button:hover, input[type=submit]:hover, input[type=button]:hover {background-color: #f25f72;}
*/
.admin-login {
	background-color: white;
	border: 1px solid #333;
	width: 400px;
	margin: 50px auto;
	padding: 20px;
	text-align: left;
}
body {
	margin: 0;
	padding: 0;
	background-color: white;
	text-align: center;
	font-weight: 300;
	font-size: 15px;
	line-height: 24px;
	color: #333;
}
body, input, textarea {
	font-family: "Lato", "Lucida Grande", "Lucida Sans Unicode", sans-serif;	
}
b, strong { font-weight: 700; }
a img { border: none; }
div { margin: 0px; padding: 0px; }

div.wrapper {
	width: 100%;
	text-align: center;
}
div.wrapper div { 
	text-align: left;
	margin: 0px auto;
}

div.topnav.content, div.text.content, div.footer.content, div.hero.quickbox, div.logo.content { width: 800px; }

div.topnav.content {	height: 70px;}
div.hero.wrapper { 	height: 700px;}
div.hero.content {
	background-image: url(../_images/home-hero.jpg),url(../_images/footer-linen.jpg);
	background-repeat: no-repeat, repeat;
	background-position: center top;
	background-color: #666;
	height: 620px;
}
div.hero.wrapper.smaller, div.hero.content.smaller { height: 410px; }
div.hero.content.smaller {
	background-position: center -30px;
}
div.logo.content { padding-top: 30px; }
div.footer.wrapper {
	background-color: #494948;
	background-image: url(../_images/footer-linen.jpg);
	background-repeat: repeat;
	padding: 0px 0 100px 0;
}
div.footer.content {	color: #c6c6c6;}
div.hero.quickbox {
	height: 180px;
	margin-top: -100px;
}
div.hero.quickbox div { height: 180px; float: left; position:relative; z-index: 1; }
div.hero.quickbox div:hover { cursor: pointer; }
div.quickbox div:before {
   content:"";
   position:absolute;
   z-index:-1;
   top:90px;
   bottom:0;
   left:20px;
   right:0;
   opacity:0.5;
}
div.quickbox.one:before { background:url(../_images/home-icon-clock.png) no-repeat;}
div.quickbox.two:before { background:url(../_images/home-icon-calendar.png) no-repeat;}
div.quickbox.three:before { background:url(../_images/home-icon-medal.png) no-repeat;}

div.quickbox:hover:before { opacity: 1.0;}
div.quickbox.one { background-color: #0e6ffc; width: 267px;}
div.quickbox.two { background-color: #0c64e3; width: 267px; }
div.quickbox.three { background-color: #0959c9; width: 266px; }

div.quickbox p { font-size: 26px; font-weight: 700; color: white; padding: 20px 0 0 20px; margin: 0; }
div.quickbox a { text-decoration: none; color: white; }
div.quickbox p.subhead { font-size: 16px; font-weight: 300; color: #80aae6; text-transform: uppercase; padding: 5px 0 0 20px;}

div.text.content {	padding: 30px 0 60px 0;}

div.wrapper div.copy-images-documents {
	width: 300px;
	float: right;
	margin: 0 0 30px 40px;
}
div.wrapper div.copy-images { margin: 0 0 30px 0;}
div.wrapper div.copy-images img { margin: 10px 0 0 0; }
div.wrapper div.copy-images p, div.wrapper div.copy-documents h3 {
	padding: 5px 10px;
	margin: 0;
	width: 280px;
	background-color: #f5f5f5;
	font-size: 14px;
}
div.wrapper div.copy-documents h3 {	
	padding: 10px 10px;
	background-color: #e3e3e3;
}
div.wrapper div.copy-documents p {
	padding: 5px 10px 5px 35px;
	margin: 1px 0 0 0;
	width: 255px;
	background-color: #f5f5f5;
	background-image: url(../_images/file-icon.gif);
	background-repeat: no-repeat;
	background-position: 10px 8px;
	font-size: 13px;
}
div.wrapper div.copy-documents p a {}


#alertbox p {
	padding: 5px;
	background-color: white;
	color: red; 
	font-weight: bold; 
}

/* !TEXT DEFS */
a { 
	color: #0048cb;
	text-decoration: none;
}
a:hover { text-decoration: underline; }

h1 {
	margin: 0 0 30px 0;
	padding: 0;
	font-weight: 100;
	font-size: 44px;
	line-height: 50px;
}
h2 {
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	margin: 40px 0 10px 0;
	padding: 0;
}
h3 {
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
	margin: 20px 0 10px 0;
	padding: 0;
}
p {
	margin: 5px 0 15px 0;
	padding: 0;
}
.copy-area p { padding-right: 90px; }

p.breadcrumb, p.breadcrumb a { font-size: 13px; }
p.form { line-height: 26px; }
.header p {
	font-size: 11px;
	line-height: 13px;
	margin: 4px 0 0 0;
	font-weight: 400;
}

/* Top Menu Strip */
.topnav a {
	font-weight: 300;
	font-size: 18px;
	border-top: 15px solid white;
	padding: 0 5px;
	margin: 0 10px;
	color: #999;
	display: inline-block;
	line-height: 50px;
}
.topnav a.active, .topnav a.been, .topnav a:hover {
	text-decoration: none;
	color: #333;
	border-top-color: #fedc2d;
}
.topnav.adminok a {
	font-size: 14px;
	padding: 0 2px;
	margin: 0 5px;
}

/* Footer Nav */
div.footer div.nav {
	width: 160px;
	border-left: 1px solid #777;
	border-right: 1px solid #777;
	min-height: 450px;
	padding: 30px 0;
	margin: 0;
	line-height: 20px;
}
div.footer div.nav div {	margin-bottom: 12px;}
div.nav a {
	font-weight: 300;
	color: #c6c6c6;
	display: block;
}
div.nav div.lev1 { padding-left: 15px;}
div.nav div.lev2 { padding-left: 30px;}
div.nav div.lev3 { padding-left: 45px;}
div.nav div.active, div.nav div:hover { border-left: 5px solid #777777; }
div.nav div.lev1.active, div.nav div.lev1:hover {	padding-left: 10px;	}
div.nav div.lev2.active, div.nav div.lev2:hover {	padding-left: 25px;	}
div.nav div.lev3.active, div.nav div.lev3:hover {	padding-left: 40px;	}


div.footer div.contacts {
	width: 610px;
	min-height: 200px;
	padding: 30px 0;
	margin: 0;
	float: right;
}
div.footer { text-shadow: 0px -1px 0px black; clear: both; }
div.footer div.contacts p b { font-size: 20px; }
div.footer a { color: #e5e5e5; font-weight: 300; }
div.footer a.menu-link.active, div.footer a.menu-link:hover {	text-decoration: none;}

div.footer p.credit {
	font-size: 11px;
	margin-top: 20px;
	border-top: 1px solid #777;
	padding-top: 10px;
}
img.home-fb { height: auto; width: 210px; margin: 0 0 10px 0; }


/* !CONTACT & INPUTS */
select, input[type=text], input[type=password], input[type=tel], input[type=email], textarea {
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	padding: 8px;
	font-size: 14px;
}
select:focus, input[type=text]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=email]:focus, textarea:focus {
	background-color: white;
	border-color: #666;
}
a.button, input[type=submit], input[type=button] {
	padding: 6px 10px;
	font-size: 14px;
	background-color: #f5f5f5;
	border: 1px solid #666;
}
a.button:hover, input[type=submit]:hover, input[type=button]:hover {
	background-color: white;
}

input[type=submit], input[type=button] {}

label.form {
	float: left;
	width: 80px;
	padding-top: 3px;
}
.smalltext { 
	font-size: 11px;
	font-style: italic;
}

.width10 { width: 10px; }
.width20 { width: 20px; }
.width50 { width: 50px; }
.width75 { width: 75px; }
.width100 { width: 100px; }
.width150 { width: 150px; }
.width200 { width: 200px; }
.width250 { width: 250px; }
.width300 { width: 300px; }
.width350 { width: 350px; }
.width400 { width: 400px; }
.width450 { width: 450px; }
.width500 { width: 500px; }

.height50 { height: 50px; }
.height75 { height: 75px; }
.height100 { height: 100px; }
.height150 { height: 150px; }
.height200 { height: 200px; }
.height300 { height: 300px; }
.height400 { height: 400px; }
.height500 { height: 500px; }

.alert { color: red; font-weight: bold; }
p.error, .bold { font-weight: bold; }
p.error, .red { color: red; }
.align-right { text-align: right; }

label.error {
	background: url(../_images/common/error-label.png) no-repeat left center;
	color: white;
	font-weight: bold;
	padding: 4px 7px 4px 14px;
	margin: 0 0 0 5px;
}

div.wrapper div.home-logos {
	float: right;
	width: 250px;
	margin: 0 0 30px 70px;
	text-align: center;
}
div.wrapper div.home-logos a {}
div.wrapper div.home-logos img {
	margin: 2px 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #ddd; 
}
div.wrapper div.home-logos h2 { margin-top: 0px; }

div.clearfix {
	clear: both;
	width: 100%;
	height: 1px;
}