/*

* html {anything} addresses IE < 6 browser bugs
*+html {anything} addresses IE 7 browser bugs

/* Basic browser reset  */
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, dt, blockquote, button, fieldset, legend, label, input, textarea, form {
    margin: 0; padding: 0; border: 0;
}

html{font-size: 100%}
body{
    font: 78% Georgia, "Palatino Linotype", "Times New Roman", sans-serif;
}


h1, h2, h3, h4, h5, h6, p {    margin: .1em 0 .7em 0;}

h1{font-size: 200%;}
h2{font-size: 5em; font-weight: normal; margin-top: .2em}
	.addrecordingpage h2 {margin-bottom: .3em; }

h3{font-size: 140%;}
h4{font-size: 120%;}
h5{font-size: 100%;}
h6{font-size: 90%; }

input, textarea {border: 1px solid #242323;}

#content ol {margin:10px 0 10px 1.5em;  }
#content ul li {list-style-type: disc; margin: .2em 0 0 0;}
#content dl dd.description ul {margin-left: 2em;}


/* For quicklinks and navigation. For lists of links add the class "links" to the ul - this will remove the bullets.    */
ul.links, ul.links ul, ul.links ul ul, #content ul.links li, #nav, #subnav{ list-style-type: none;}


          /*
--=.._/(        Site Structure      )\_..=--
    	  */

#wrapper {
	/*margin: auto;*/
	position: relative;
    /*width: 760px;*/
}
#footer{
	background-color: #e8eaec;
	border-top: 1px solid #ccc;
    border-bottom: 40px solid #e8eaec;
    clear: both;
	margin-top: 0;
	padding:1em 0 20em 81px;

}
#header{
	background-color: #f8f8ff;
	border-bottom: 1px solid #cccccf;
	height: 4em;
	position: relative;
}
/*#content{float: left; width: 760px;}*/
#content{ 
	background-color: #fff; 
	border-bottom: 1px solid #999;	
	border-top: 1px solid #999;	
	padding: 0 0 3em 72px;}
#primary{
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 2;
}
* html .aboutpage #primary{
    float: left;
}

#secondary {
	width: 190px;
}
#map {
	float: right;
	height: 290px;
	margin-top: 0em;
	margin-right: 1.5em;
    width: 47%;
	z-index: 2;

	border: 1px solid #ccc;
}
.browsepage #map {
	float: none;
	height: 450px;
    width: 93%;
}


          /*
--=.._/(        Type, Links and Lists      )\_..=--
    	  */

a, a:visited {color: #448; font-weight: bold; text-decoration: none;}
a:hover { color: #111}
a.styletoggle  {position: absolute; left: 1em; top: 1em; font-weight: normal; color: #fff;}
/*a.check {display: block; line-height: 3.5em; margin-left: 2em;}*/

p {
	line-height:1.6em;
	margin:0pt 1.6em 1.6em 0;
}
.aboutpage p{
	line-height:1.4em;
	margin:0pt 1.6em 1.6em 0;
	width:80%;
}
dd p {margin-top: 0;}
fieldset p, #content ul.examples li{
	color: #777;
}
p, ul.examples{
	clear: left;
	font-size: 1.2em;
	float: none;
	margin: .5em 0 1em .6em;
	position: relative;
	z-index: 3;
    max-width: 520px;
	/*margin: 1em 0pt -2em 1em;*/
}
.browsepage p {max-width: 90%;}
ul.examples {
    padding-left: 1.6em;
	float: left;
	margin: 0;
	width: 45%;
}
ul.examples li {
	float: left;
    width: 48%;
}
ul.examples li.fullexample {	    width: 95%;}

.browsepage h2{margin-bottom: .1em;}


textarea#address1 {
	clear: left;
   	float: left;
	height: 3em;
   	margin-right: 10px;
    width: 47%;

}
#address1label span{
    display:block;
	width:720px;
}
#uploadform h4{
    clear: left;
	margin: 0 0 0 .4em;
}


dt{
	color: #445;
	font-size: 2em;
	font-weight: bold;
	margin-top: .75em;
}
.helppage dd, dd{
    width: 550px;
   	line-height: 1.6em;
	margin-bottom: 1em;
}
dd.description{
    margin-left: 1em;
}
dd dd, dd dt{line-height: 1.3em}

dd dl {margin: 0 0 3em 1em; overflow: hidden;}
dd dt {
	clear: left;
	color: #333;
	font-size: 1em;
	float: left;
	margin: 0 .3em 0 0;
	width: auto;

}
dd dd {
    float: left;
	margin: 0;
	width: 30em;
}


.addrecordingpage #wrapper p.skip{
	border: 1px solid #eed;
	padding: 15px;
	width: 535px
}
#header h1{
	font-size: 1.65em;
    margin:0;
    padding:0;
    position: absolute;
	top: .7em; right: .8em;
	width: 13em;
}
#header{background-color: #1f1f1f;}
#header h1 a{
	/*background-color: #A0CEA0;
	border: 1px solid #ccc;
	border-width: 1px 1px 0 0;
	border-top-color: #dde;*/
	color: #777;
	font-weight: normal;
	display: block;
	overflow: hidden;
/* 	padding: 7px 15px; */
	text-align: center;
}
#header h1 a:hover{
	/* background-color: #F1f1f9; */
	color: #ccc;
}
/*
#header h1 a span{
	display: block;
	left: -999em;
	position: absolute;
}
#header h1 a:hover{
	display: block;
	text-indent: -999em;
}
#header h1 a:hover span{
	left: 5em;
	text-indent: 0;
	margin-top: -1.15em;
}
    * html #header h1 a:hover span{
	margin-top: 0em;
	cursor: pointer;
}
*/



.aboutpage p.note{
    font-size: 2em;
	margin: 1em 10% 2.5em 10%;
	width: 70%;
}
.aboutpage p.note img{
	border: 1px solid #ccc;
    float: left;
	margin: 9px 15px 0 0 ;
	padding: 5px;
}

.home .intro{
	display: block;
	float: left;
    font-size: 1em;
	margin: 1em 3em 0 1em;
}
.home .intro p{ margin: 0 0 0 287px; }
.home .intro img{
	border: 1px solid #ccc;
    float: left;
	margin: 18px 20px 0 0;
	padding: 5px;
}

#map h4, #map p, #map li, #map dt, #map dd {
	font-size: .9em ;

}
#map h4 {font-size: 1.3em;	}
#map dd.location { width:  95%; }
#map dl{float: left; width: 22%;}
#map div.description{float: right; font-size: 90%; width: 72%; height: 300px; overflow: scroll;}
#map div.markerwrap { overflow: hidden; }
          /*
--=.._/(        Navigation      )\_..=--
    	  */




#nav{
	height: 1.5em;
    overflow: hidden;
	position: absolute;
	top:100px;
	display: none;
}
#nav a, #nav li{
    display: block;
	float: left;
	padding: 0 1em;
	text-decoration: none;
	width: auto;
}

#secondary #nav {
    height: auto;
	position: relative;
	top: 0;
}
#secondary #nav a, #secondary #nav li {
	float: none;
	padding: 0;
}
#content .mainnav li  {
    display: block;
	list-style-type: none;
	padding:0;
	}
.home .mainnav {
	float: left;
    width: 70%;
}
/* .home .mainnav a, .success #primary .mainnav a {
	color: #557;
	font: 4em/1.4em Georgia, "Palatino Linotype", "Times New Roman", sans-serif  ;
}
.home .mainnav a:hover, .success #primary .mainnav a:hover{color: #778;} */
#footer .mainnav li{
    display: inline;
font-size: 1.2em;
	padding: 0 3em 0 0;
}

          /*
--=.._/(        Forms      )\_..=--
    	  */

form{
    clear: left;
}


label, input, fieldset, select, textarea{
    display: block;
}

label{
	color: #444444;
	font-size: 2.3em; /* 3.3em */
    margin: 1.8em 0 .1em 0;
}
label#soundfilelabel{
	margin-top: 0;
}

fieldset{
    margin: 1em 0 8em 0;
	position: relative;
	z-index: 1;
}
fieldset.requiredfields{
    margin: 1em 0 3em 0;
	position: relative;
	z-index: 1;
}
fieldset fieldset{padding-left: 0;}
legend{ font-size: 5em; margin-bottom: -.5em; }
.contactpage legend{ font-size: 5em; margin-bottom: 0em; }
legend span{ display: block; font-size: 50%;}
legend span a{ font-size: 40%; font-weight: normal;}


button, a.button{
	background-color: #555;
	color: #efefef;
	cursor: pointer;
   	font-size: 3.3em;
	padding: .3em;
	margin: 1em 0 0 .3em;
}
button:hover, a.button:hover, button.over, a.button.over{
    background-color: #f2f2f2;
	color: #777;
}
button.check{
    margin: 0 0 .3em .3em;
}
button.cantfindit{
    background-color: #f33;
	color: #fff;
	font-size: 2.3em;
}
button.foundit{
    background-color: #3c3;
	color: #fff;
}





input, textarea{
	background-color: #f7f7f8;
	border: 1px solid #ccc;
	border-color: #eee3e3 #e3e3e3 #cccccc #eeeeee;
	color: #333;
	font-size: 4.2em;
	margin-left: .3em;
	padding: 1px;
	width: 85%;
}
input:focus, textarea:focus{
	background-color: #fff;
	border-color: #cccg;
	color: #111;
}
input.file{font-size: 3.2em;}
input#zip, input#time {width: 5.5em;}
input#geotag{visibility: hidden; border: none;}

textarea{
    font: 2em Arial, Helvetica, sans-serif;
	height: 8em;
}
label a, label a:visited, label a:active{
	color: #54668A ;
    font-size: 60%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-left: 1em;
	text-decoration: none;
}
label span {    font-size: 50%;}


#address1.success{
    border: 1px solid #44cc44;
}


.smaller label{	font-size: 1.3em; font-weight: bold;}
.smaller button{   	font-size: 1.3em;}
.smaller legend{    font-size: 2.5em;}
.smaller legend span{ display: block; font-size: 50%;}
.smaller legend span a{ font-size: 70%;}
.smaller input, .smaller textarea{	font-size: 1.6em; width: 50%;}
.smaller input.file{    font-size: 1.3em; width: 400px;}
.smaller textarea{    font: 1.3em Arial, Helvetica, sans-serif;	height: 8em;}
.smaller label a, label a:visited, label a:active{font-size: 80%;}
.smaller #wrapper p.full{margin: 1em 0 0 1em;}
.smaller label span {    font-size: 70%;}
.smaller p {font-size: 1em}

.gmnoprint{
    font-size: 16px;
}
.aboutpage h3 {
    margin:.5em 0;
    padding:0;
	width: 20em;
}
.aboutpage p.second{
	margin-bottom: 8em;
}
.notifypage h2{
    font-size: 4.5em;
	margin: 0.3em 0 0.5em 0;
}
#notifysignup2 {margin-top: 4em;}
	.home #notifysignup2 {margin-top: 10em;}
	#spreadtheword {padding: 3em 0 20em 0;}
	 #spreadtheword h2{
		margin: 0.2em 0pt 0.1em 0;
	}
	 #footer h3{
		margin-top: 1em;
		clear: left;
	}
	 #footer h3#spread{
		margin-top: 3em;
		clear: left;
	}
	 #footer p{
		margin:0;
		position: relative;
		width: 30em;
	}
	 #footer p#entered{
		clear: left;
		margin-bottom: 1.5em;
	}
	 #footer label{
		width: 95%;
		text-align: left;
		margin-top: .5em;
	}
	 #footer button{
		float: left;
		margin: 0 0 20px 0;
		width: 18%;
	}
	 #footer button#cancelbutton{
		clear: left;
		font-size: 1.4em;
		line-height: 1.4em;
		margin: 0 0 1em 0;
		width: 8%;
	} 
	


#footer form fieldset{margin:0;padding:0; position: relative;}

#footer input{margin: 0 2% 1em 0; width: 78%; color: #222; }
#footer input#friendemail {float: left;}
#footer form a{
	background-color: #ccc;
	color: #222;
	display: block;
	float: left;
   	font: normal  2.5em/2em Arial, Helvetica, sans-serif ;
	margin:0;
    padding:0;
	text-align: center;
	width: 14%;
	}

#footer form a:hover{
    background-color: #555;
	color: #efefef;
	}

p.getnotified {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	left: 73px; bottom: -4px;
	margin:0;
    padding:0;
	width: auto;
}
p.getnotified:hover, p.getnotified.over {
	width: auto;
}
#header p.getnotified  a{
	color: #777;
	display: block;
	font-weight: normal;
   	padding: 4px 8px;
}

#header p.getnotified a:hover {	
	color: #555577;
	}

#notifysignup {
	background-color: #444;
	border: 50px solid #667;
    position: absolute;
	top:  0px; left: 0;
	padding: 10px;
	z-index: 500;
}
* html #notifysignup {
  	left: 0px
}
#content #notifysignup.rightside {
  	left: auto;
	right: 0px;
}

#notifysignup form{
	background-color: #fff;
	border: 16px solid #ccc;
	border-top-width: 16px;
	border-bottom-width: 16px;
	float: left;
    font-size:40%;
	padding: 10px;
	width: 220px;
}
#notifysignup form fieldset{
    margin:0;
    padding:0;
}
#notifysignup form input{
	border: 1px solid #bbb;
	border-bottom: 2px solid #999;
    font-size: 300%;
	width: 210px;
}
#notifysignup form a{
    font-size:220%;
	display: block;
	margin: 5px 0 0 8px;
}
#notifysignup form label.error{
	font-family:  Arial, Helvetica, sans-serif ;
	margin:8px 0 -1.4em 0;
	padding:0;
}
#notifysignup form input.error{
	border: 1px solid red;
}

/* return messages */
#notifysignup.success{
    border-color: #80BD80;
	background-color: #ffe;
}
#notifysignup h4{
    color: #405F40;
	font-size: 200%;
}

#notifysignup p{
    float: none;
    margin:0 0 1em 0;
    padding:0;
	width: 200px;
}




          /*
--=.._/(        Randoms/dev utility styles      )\_..=--
    	  */


table{
    border-collapse: collapse;
	width: 750px;
}

td{
    border: 1px solid #ccc;
	padding: .7em 4px;
}
th{
	background-color: #ccc ;
	border: 1px solid #ccc;
	border-bottom: 2px solid #999;
	color: #333;
	font-weight: normal;
	font-size: 1.2em;
	line-height: 2.2em;
	padding-left: .4em;
    text-align: left;
}




.accessibility{height: 0; left: -9999em;  line-height: 0; position: absolute; text-indent: -9999em; }
.column{
    float: left;
	width: 45%;
	margin-right: 2%;
}
ul.nav {list-style-type: none;}



.hide {display: none;}
.left {float: left; margin: 10px 5px 10px 0;}
* html .left {margin-right: 0;}
.right {float: right;}
.clear {clear: both;}
.clearleft {clear: left;}
.clearright {clear: right;}
.error, .red {color: red; border: 3px solid red;}
span.error {    border: none;}
input.error {    color: #333;}
label.error {border: none; margin: 0 0 1em .3em; font-size: 2.5em; }
label.maperror {width: 45%; float: left;}
.small {width: 25%;}
.medium {width: 48%;}
.large {width: 90%;}


/*these next two are set with more specificity to help override other styles.  */
body #wrapper .noborderplease {border:none;}
body #wrapper .borderplease {border-width: 1px; border-style: solid;}