/* stylesheet.css */


/* Universal selector */
/* Remove all default margins and padding */
* {
margin:0;
padding:0;
}

#wrapper{
  width:50em;
   background-color: #FFFFFF;
/* Put 20px margin above the wrapper */
/* Set right and left to auto for centering */
   margin: 20px auto 0 auto;
}

/* NAVBAR */

/* Navbar division */
#navbar{
  background-color:#000;
/*  background:#66A3D2 repeat-x center; solid blue color */
  background:#aaa url(images/navbak.jpg) repeat-x center;
  height:1.6em;   /* was 1.6em */
  padding:0px 10px 0px 0px; 
}

/* List items in the navbar */
#navbar li{
  float: left;
}

/* Remove bullets from ul in the navbar */
#navbar ul{
  list-style-type:none;
}

/* Applies to navbar links, unvisited and visited */
#navbar a,
#navbar a:link,
#navbar a:visited{
  text-decoration:none;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  font-size:80%;
  color:#000;
  /* background:#66A3D2 repeat-x center; */
  background:#aaa url(images/navbak.jpg) repeat-x center;
  display:block;
  height:2em;
  width:10em;
  border-right:solid .2em #fff;
  text-align:center;
  line-height:2em;
  outline-style:none;
}

/* Navbar hover,active and current page links */
#navbar a:hover,
#navbar a:active,
#navbar li.selected a:link,
#navbar li.selected a:visited{
/*  background:#A9D0F5 repeat-x center; light blue visited*/
  background:#ddd url(images/navhover.jpg) repeat-x center; 
  color:#000;
}
/* END NAVBAR */

#leftcolumn{
/* picture division */
   width:10em;
   float:left;
   background-color:#FFFFFF;
   padding:20px 0px 0px 100px;
}

/* Style for main content column */

#main{ 
background-color:#FFFFFF; 
 } 

body{
   background-color: #033E6B; /* This is the dkblue border */
   font-family: Arial, Helvetica, sans-serif;
}

#main1 img{
padding: 1.5em 10px 10px 14em;
}


#main2 img{
padding: 1.5em 10px 10px 8em;
}

#main3 img{
padding: 1.5em 10px 10px 13.5em;
}

#main4 form{
padding: 1em 10px 10px 1em;
}

label
{
float: left;
margin-top: 1.5em;
margin-left: 6em;
}

#counter {
float: right;
}

.inputquiz
{
margin: .65em;
} 

#inputmap
{
margin-top: 1.5em;
} 

#clear
{
float: right;
margin: 1em;
} 

/* Styles h1, h2, and h3 style rules in the main division */
#main h1, #main h3{
  font-family: Charcoal, Impact, sans-serif;
  color:#000;
  font-weight:normal;
  font-style:italic;
  font-variant:small-caps;
  letter-spacing:0.08em;
}

/* Size h1 headings in the main division */
#main h1{
  font-size:2em;
}

/* Size h2 headings in the main division */
#main h2{
  font-size: 18px;
  text-align: center;
  color: #000000;
  padding:2px 10px 10px 10px;
}

/* Size h3 headings in the main division */
#main h3{
  font-size: 95%;
  font-style: normal;
  text-align: center;
}

/* Applies to unordered lists in the main division */
#main ul, #main ol{
  margin-left: 2em;
}

/* Applies to all paragraphs in the main division */
/* Space between lines of text */
#main p{
  line-height:1.2em;
  font-size: 95%; 
  margin-top: 18px;
  margin-right: 30px;
  margin-left: 10px;
  text-align: left;
}
#main4 p{
  line-height:1.2em;
  font-size: 100%;
  margin-left: 10px;
 }

#main p.smalltext {
  line-height: 1.5em;
  font-size: .8em;
  text-align: left;
}

#footer{
clear: both;
     width: auto;
     background-color: #ddd8d4;
     background-repeat: repeat;
     border-top: thin solid #033E6B;
     padding:20px 10px 20px 40px;
}

#footer a{
text-decoration: none;
font-size: 90%;
color: #000000; 
}


#subnav  {
 float: left;
 color: #000;
 display: inline;
}

#count iframe {
 float: left;
 color: #000;
 background-color: #ddd8d4;
 display: block;
}

#copy {
 float: right;
 font-size: 70%;
 margin-top: 5px;
 margin-right: 20px;
 margin-left: 20px;
 color: #000;
}
#copyh {
 float: right;
 font-size: 70%;
 margin-top: 18px;
 margin-right: 14px;
 margin-left: 20px;
 color: #000;
}

/* HEADER */

/* Make branding a positioned element, but don't move it */
#header {
  position:relative;
} 

#header {
background:#aaa center;
  display: block;
  height: 7.0em;
  background-color:#ffffff;
} 

/* Absolutely position links in the branding division */
#header a{
  position:absolute;
}

/* Fixes the mysterious image gap */
#header img{
  display: block;
}

/* Define h1 in header */
#header h1{
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 1.5em;
 text-align: left; 
 color: #000000;
 padding:10px 20px 30px 10px;
}

/* Define h2 in header */
#header h2{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 18px;
 font-weight: normal;
 text-align: center;
 color: #000000;
 padding:2px 10px 10px 10px;
}


@media print{
/* Start printer-friendly styles */

/* Make wrapper the full page width */
#wrapper{
width:100%;
}

/* Hide navbar,and footer */
#navbar, #footer{
display:none;
}

/* Get rid of content div margins and
padding. Use a different font for print */
#main{
margin:0;
padding:0;
font-family:'Century Schoolbook', Times, Serif;
font-size: 1.5em;
}
}
/*End printer-friendly styles */

/*Intake Form Styles*/
#contact-form label, textarea {
	display: block;
}

#contact-form table {
	margin: 20px 0 0 10px;
}

#contact-form td {
	margin: auto;
	padding: 5px;
}

#contact-form.long-form input, #contact-form.long-form textarea {
	margin-bottom: 0;
	margin-right: 5px;
}

#contact-form label {
	margin: 0 0 5px 0;	
	float: none;
	text-align: right;
	font-size: .8em;
}

#contact-form p {
	margin: 0 0 5px 0;
	clear: both;
}

#contact-form input, textarea {
	margin-bottom: 10px;
}

#contact-form textarea {
}

.submit-wrapper button * {
	position: absolute;
	left: -999em;
}

.submit-wrapper {
	margin-top: 5px;
}	

.long-form table tr td {
	vertical-align: top;
}

.submit-wrapper button,
.submit-wrapper button .hover {
	position: relative;
	display: block;
	cursor: pointer;	 
	left: auto;
}


.submit-wrapper button#submit {
	background-position: 0 0;
	width: 234px;
	border: 0;
	padding: 0;
}

.submit-wrapper .highlight button#submit:hover,
.submit-wrapper button#submit .hover {
	width: 234px;	
}

.error {
	background: #FBE3E4;
	border-color: #FBC2C4;
	color: #8A1F11;
}

.success {
	background: #E6EFC2;
	border-color: #C6D880;
	color: #264409;	
}

.success p {
	margin: 5px 0 0 0;
	
}

.icon {
	vertical-align: middle;
	background: none;
	-moz-box-shadow: 0 0 0 0;	
	-webkit-box-shadow: 0 0 0 0;
	-box-shadow: 0 0 0 0;
	border: 0;
	padding: 0;
	margin: 0 10px 0 0;
}

.error, .success {
	border: 2px solid #DDDDDD;
	margin: 0px 0 10px 0px;
	padding: 10px;
}

#contact-form h2 {
	margin-bottom: 20px;
	margin-top: 10px;
}

#contact-form p.box label, #contact-form p.box input {
	display: inline;
	width: auto;	
}

#main2 .form-list {
	margin: 10px 0 10px 50px;
	font-size: .875em;
}

.form-list li {
	margin-bottom: 5px;
}

#submit {
	height: 30px;
	width: 200px;
}