@import url(https://fonts.googleapis.com/css?family=Anton);
html {margin:0px; padding:0px;}

body  {
font-family: arial, "lucida console", sans-serif;
font-size:medium;
background-color:#2d2d2d; color:#000;
margin:0px; padding:0px; background-color:#1d1c1c;
}
@media screen and (min-width: 960px), screen and (min-device-width: 960px) {
	body{background-image:url('../images/back.gif'); background-position:top left;}
}

div.container {max-width:960px; margin:0px auto; padding:0px;}

strong {font-weight:bold;} /* for highlighted words on pages - light purple */


/* styles for the title image */

div.title {
	background-repeat:no-repeat; display:block; width:100%; margin-top:00px; padding:0px;}
	
@media screen and (min-width: 960px), screen and (min-device-width: 960px) {
	div.title {height:320px;}
}
@media screen and (min-width: 760px) and (max-width: 959px), screen and (min-device-width: 760px) and (max-device-width: 959px) {
	div.title {height:265px;}
}
@media screen and (min-width: 760px), screen and (min-device-width: 760px) {
	div.title{background-image:url('../images/header_1.jpg'); background-position:top left;}
}
@media screen and (min-width: 380px) and (max-width: 759px), screen and (min-device-width: 380px) and (max-device-width: 759px) {
	div.title{background-image:url('../images/header_1_medium.jpg'); background-position:top left; height:210px;}
	}


div.title h1 {display:none;}

@media screen and (min-width: 380px), screen and (min-device-width: 380px) {

	div.title img.logo {display:inline-block; width:233px; height:110px; margin-left:20px; margin-top:10px;}
	}
@media screen and (max-width: 379px), screen and (max-device-width: 379px) {
	div.title {background-color:#fdf004; background-image:url('../images/logo_small.jpg'); background-position:top center; height:102px;}
	div.title img.logo {display:none;}
	}


/* styles for nav bar */

div.nav {color:#fff; font-weight:normal;
	margin:0px; padding:0px; list-style-type:none;
		/*background-image:url('../images/nav_back.png'); */
		background-color:rgba(0,0,0,0.6);
		}

div.nav ul {margin:0px; padding:0px;}

div.nav ul li {display:inline;}


div.nav ul li a {display:inline-block; text-decoration:none; color:#fff;
	font-family: 'Anton', sans-serif; font-size:x-large;}
div.nav ul li a:hover {background-color:#FF0; color:#1d1c1c;}	
 div.nav ul li a.on {color:#FF0 !important; background:none !important;}
 
@media screen and (min-width: 960px), screen and (min-device-width: 960px) {
	div.nav {margin-top:-60px;}
	div.nav ul li a {font-size:x-large; padding:5px 13px;}
}	
@media screen and (min-width: 760px) and (max-width: 959px), screen and (min-device-width: 760px) and (max-device-width: 959px) {
	div.nav {margin-top:-45px;}
	div.nav ul {text-align:center;}
	div.nav ul li a {font-size:large; padding:5px 13px;}
}	
@media screen and (min-width: 695px) and (max-width: 759px), screen and (min-device-width: 695px) and (max-device-width: 759px) {
	div.nav {margin-top:-45px;}
	div.nav ul li a {font-size:large; padding:5px 8px;}
}	
@media screen and (min-width: 380px) and (max-width: 694px), screen and (min-device-width: 380px) and (max-device-width: 694px) {
	div.nav {margin-top:-76px;}
	div.nav ul li a {font-size:large; padding:5px 0px; width:32%; display:inline-block; text-align:center;}
}	
@media screen and (max-width: 379px), screen and (max-device-width: 379px) {
	div.nav {background-color:none; margin-top:0px;}
	div.nav ul li a {font-size:large; padding:5px 0px; width:49%; display:inline-block; text-align:center;
		border-bottom:1px solid #333;}
}	

/* styles for page content div */

div.content {background-color:#fff; padding:0px 20px 20px;
	overflow:hidden;} /* overflow is needed so the right column doesn't get cut off */

/* color:#000; background-color:#FF0;   */

div.content a {color:#330099;}
div.content a:hover {color:#000; background-color:#FF0;}

a.phone {text-decoration:none !important; background:none !important;}

div.main {position:relative; z-index:100; margin-left:250px;}

div.main h2 {font-weight:bold; text-align:center;}



div strong {color:#000; font-weight:bold;}



div.bar, h3.bar {display:block; 
	color:#000; font-weight:bold; clear:left; 
	padding: 5px; font-size:medium;
	border:1px solid #FC0; background-color:#FFC;
}

div.bar a,  h3.bar a {color:#000;}



/* honeypot captcha on form */
span.form_hc {display:none;}


/* footer styles */

div.footer {text-align:center; padding:10px 0px; font-size:14px; font-weight:bold; color:#fff;
	border-style:none; margin:0px auto; border-top:10px solid #000;}

div.footer a {color:#fff; text-decoration:underline;}
div.footer a:hover {color:#FF0;}
div.footer img {}