@import "css_style_leadgenerator.css"; 
@import "css_style_stdform.css"; 
@import "css_style_w3.css"; 

/*  GENERAL CSS */

body {
	background-color: white;
	margin: 0; 
        padding: 0;
	font-family: 'PT Sans', sans-serif;
	font-size: 100%;
}

#container {
	margin: 0 auto;
	width: 100%;
}

.leftcolor {
 	background-color: white;
}

.rightcolor {
	background-color: white;
}

/* SITE LAYOUT CONTAINER CSS */


#tippy-top-container {
	background-color: white;
}

#top-container {
	background-color: white;
	width: 100%;
}

#top-container img {
	width: 100%;
}


#colorbar-container {
	background-color: white;
}

#middle-container {
	background-color: white;
}

#content-container {
	background-color: white;
}

#bottom-container {
	background-color: navy;
}

#bottom-container p {
	color: white;
}

#bottom-container a:link, a:visited, a:active {
	color: white;
	text-decoration: none;
}

#bottom-container a:hover {
	color: gray;
	text-decoration: underline;
}

#footer-container {
	background-color: lightgray;
	text-align: center;
}

#search-container {
	background-color: white;
}


/*  LEFT NAVIGATION MENU CSS */

.leftnav-container {
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
	margin-top: 15px;
	margin-left: 8px;
}

.leftnav-container a:link {
	color: black;
	text-decoration: none;
	padding: 5px 2px 5px 2px;
}
.leftnav-container a:visited {
	color: black;
	text-decoration: none;
	padding: 5px 2px 5px 2px;
}
.leftnav-container a:active {
	color: black;
	text-decoration: none;
	padding: 5px 2px 5px 2px;
}
.leftnav-container a:hover {
	color: blue;
	text-decoration: none;
	padding: 5px 2px 5px 2px;
}
.leftnav-container-on {
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
	margin-top: 15px;
	margin-left: 8px;
}
.leftnav-container-on a:link {
	color: black;
	text-decoration: none;
	padding: 5px 2px 5px 2px;
}
.leftnav-container-on a:active {
	color: black;
	text-decoration: none;
	padding: 5px 2px 5px 2px;
}
.leftnav-container-on a:visited {
	color: black;
	text-decoration: none;
	padding: 5px 2px 5px 2px;
}
.leftnav-container-on a:hover {
	color: blue;
	text-decoration: none;
	padding: 5px 2px 5px 2px;
}
.leftnav-sub-container {
	font-size: .8em;
	color: white;
	font-weight: bold;
	padding: 3px 5px 3px 20px;
}

.leftnav-sub-container a:link {
	color: black;
	text-decoration: none;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
}
.leftnav-sub-container a:active {
	color: black;
	text-decoration: none;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
}
.leftnav-sub-container a:visited {
	color: black;
	text-decoration: none;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
}
.leftnav-sub-container a:hover {
	color: blue;
	text-decoration: none;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
}
.leftnav-sub-container-on {
	font-size: .8em;
	font-weight: bold;
	color: black;
	padding: 3px 5px 3px 20px;
}
.leftnav-sub-container-on a:link {
	color: black;
	text-decoration: none;
	padding: 5px 5px 5px 5px;
}
.leftnav-sub-container-on a:active {
	color: black;
	text-decoration: none;
	padding: 5px 5px 5px 5px;
}
.leftnav-sub-container-on a:visited {
	color: black;
	text-decoration: none;
	padding: 5px 5px 5px 5px;
}
.leftnav-sub-container-on a:hover {
	color: blue;
}

.leftnav-sub-sub-container {
	font-weight: bold;
	font-size: .8em;
	padding: 2px 5px 2px 40px;
}
.leftnav-sub-sub-container a:link {
	color: black;
	text-decoration: none;
	padding: 5px 5px 5px 5px;
}
.leftnav-sub-sub-container a:active {
	color: black;
	text-decoration: none;
	padding: 5px 5px 5px 5px;
}
.leftnav-sub-sub-container a:visited {
	color: black;
	text-decoration: none;
	padding: 5px 5px 5px 5px;
}
.leftnav-sub-sub-container a:hover {
	color: blue;
	text-decoration: none;
	padding: 5px 5px 5px 5px;
}
.leftnav-sub-sub-container-on {
	font-weight: bold;
	font-size: .8em;
	color: black;
	padding: 2px 5px 2px 40px;
}
.leftnav-sub-sub-container-on a:link {
	color: black;
	text-decoration: none;
	padding: 5px 5px 5px 5px;
}
.leftnav-sub-sub-container-on a:active {
	color: black;
	text-decoration: none;
	padding: 5px 5px 5px 5px;
}
.leftnav-sub-sub-container-on a:visited {
	color: black;
	text-decoration: none;
	padding: 5px 5px 5px 5px;
}
.leftnav-sub-sub-container-on a:hover {
	color: blue;
	text-decoration: none;
	padding: 5px 5px 5px 5px;
}


/*  HORIZONTAL NAVIGATION MENU CSS */

/* Menu General Styles */
.menuBackground {
        margin-top: 0px;
	background: salmon;
	color: white;
	text-align: center;
	padding: 0px 0px 0px 20px;   /* bottom is 5px for no middle bkg */
}
.dropDownMenu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: white;
	text-decoration: none;
}
.dropDownMenu, .dropDownMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.dropDownMenu li {
	position: relative;
}
.dropDownMenu a:link {
	display: block;
	text-decoration: none;
	color: black;
	padding: 5px 15px 5px 15px;
}
.dropDownMenu a:visited {
	display: block;
	text-decoration: none;
	color: black;
	padding: 5px 15px 5px 15px;
}
.dropDownMenu a:hover {
	padding: 5px 15px 5px 15px;
	color: black;
	background: lightgray;
	text-decoration: none;
}


/* Level 1 Drop Down Menu */
.dropDownMenu > li {
	display: inline-block;
	vertical-align: top;
	margin-left: -4px; /* solve the 4 pixels spacing between list-items */
}
.dropDownMenu > li:first-child {
	margin-left: 0;
}
.dropDownMenu > li > a {}
.dropDownMenu > li > a:hover {}

/* Level 2 */
.dropDownMenu > li > ul {
	text-align: left;
	width: 350px; /* change auto value with 200px if you want a bigger menu */
	display: none;
	background: #eee;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 9999999; /* if you have YouTube iframes, is good to have a bigger z-index so the video can appear above the video */
}
.dropDownMenu > li:hover > ul {
	display: block;
}
.dropDownMenu ul li a {}
.dropDownMenu ul li a:hover {}

/* Level 3 */
.dropDownMenu > li > ul > li > ul {
	text-align: left;
	width: 350px; /* change auto value with 200px if you want a bigger menu */
	display: none;
	background: #eee;
	position: absolute;
	left: 100%;
	top: 0;
	z-index: 9999999;
}
.dropDownMenu > li > ul > li:hover > ul {
	display: block;
}
.dropDownMenu ul ul li {}
.dropDownMenu ul ul li a {}
.dropDownMenu ul ul li a:hover {}



/*  TEXT AND HEADER CSS */

.thumbtext {	
	font-size: .8em;
	color: #403B37;
}
.thumbtext p {	
	color: #403B37;
}
.thumbtext a:link {	
	color: #403B37;
	text-decoration: none;
}
.thumbtext a:visited {	
	color: #403B37;
	text-decoration: none;
}
.thumbtext a:active {	
	color: #403B37;
	text-decoration: none;
}
.thumbtext a:hover {	
	color: #403B37;
	text-decoration: none;
}

.redhead
	font-size: 2em;
	font-weight: bold;
	color: #cc0000;
}
.redheader {	
	font-size: 1.1em;
	font-weight: bold;
	color: #cc0000;
}
.redtext {	
	font-size: .85em;
	color: #cc0000;
}
.navyheader {	
	font-size: 1.1em;
	font-weight: bold;
	color: navy;
}
.navytext {	
	font-size: 1em;
	color: navy;
}

p {	
	font-size: 1em;
	color: black;
	line-height: 1.55;
}

h1 {	
	font-size: 2.5em;
	color: navy;
	line-height: 1.55;
	text-align: center;
	margin-top: -10px;
}
h2 {	
	font-size: 2em;
	color: navy;
	line-height: 1.55;
	text-align: center;	
}
h3 {	
	font-size: 1.5em;
	color: navy;
	line-height: 1.55;
}
h4 {	
	font-size: 1em;
	color: navy;
	line-height: 1.55;
}
h5 {	
	font-size: .9em;
	color: navy;
	line-height: 1.55;
}
h6 {	
	font-size: .8em;
	color: navy;
	line-height: 1.55;
}

hr {
	color: black;
	border-style: none none solid;
	border-width: 1px;
}

/* LINK CSS */

a:link {
	font-size: 1em;
	line-height: 1.55;
	text-decoration: none;
	color: navy;
}

a:visited {
	font-size: 1em;
	line-height: 1.55;
	text-decoration: none;
	color: navy;
}

a:hover {
	font-size: 1em;
	line-height: 1.55;
	text-decoration: none;
	color: navy;
}

a:active {
	font-size: 1em;
	line-height: 1.55;
	text-decoration: none;
	color: navy;
}


/*  GRAPHIC CONTAINER CSS */
#bigpic {
	float: left; 
	margin-bottom: 30px;
}
.bigpic {
	font-size: .85em;
	font-weight: bold;
	color: #403B37;
	padding: 2px 0px 2px 0px;
} 
.bigpic p {
	font-size: .85em;
	font-weight: bold;
	color: #403B37;
	margin-left: 25px;
	padding: 2px 2px 2px 2px;
} 
.bigpic img {
	margin-top: 1px; 
	margin-bottom: 1px; 
	margin-right: 0px; 
	width: 100%;
	height: auto;
}

a.offscreen {
position:absolute;
left:-1000px;
top:-1000px;
width:1px;
height:1px;
text-align: left; 
overflow:hidden;
} 
a.offscreen:focus, a.offscreen:active, a.offscreen:hover { 
position:absolute; 
left:0; 
top:0; 
width:auto; 
height:auto; 
overflow:visible;
background-color:#FF3;
border: 1px dotted #000;
} 

.skip {
        position: absolute;
        top: -1000px;
        left: -1000px;
        height: 1px;
        width: 1px;
	margin-left: 2px;
        text-align: left;
        overflow: hidden;
    }
    
    a.skip:active, 
    a.skip:focus, 
    a.skip:hover {
        left: 0; 
        top: 0;
        width: auto; 
        height: auto; 
        overflow: visible; 
    }