/* Table of Content
==================================================
Springs Awareness Week - Aug 2011
================================================== */
.content {
	background-color:#004d74;}
.rounded {
	/*background: url('../springs/transparency.png');*/
	background-color:#FFF;
	z-index:1;
/*	ADDED FOR DIALOGUE BOX IE TROUBLESHOOTING CAUSED SAFARI ISSUES    z-index:1;*/
}
.page-banner {
	background:url(../springs/banner-shadow.png) bottom no-repeat;
	height:200px; margin-bottom:15px;}
.inline-pix {
	max-width:400px;
	float:left;
	margin-right:20px;	}
.bullets ul {
list-style-type: square;
padding-left: 20px;
margin: 0px; }
.blueberry { background-color: #FFF; height: 300px; }

.blueberry h2 { color: FFF;
font-family: ArvoRegular, serif;
text-align:right;
font-size: 30px;
letter-spacing: -.03em;
font-weight: normal;
text-shadow: 2px 2px 4px rgba(0, 0, 0, .75);
filter: chroma(color=black) shadow(color=black,direction=135,strength=4);
z-index: 99;
background: url(/css/images/30black.png) transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
zoom: 1;
position: absolute;
bottom: 0;
left:-20px;
width: 100%;
padding: 4px 5px 0 10px; }

/*ALSO NEED TO UPDATE PAGE CSS WITH THE FOLLOWING:
.content {
	background-color:#004d74;}  /*PULL COLOR FROM BOTTOM OF BKGD IMAGE
.rounded {
	background: url('/img/transparency.png');
	}
*/

h2 { margin: 24px 0px 6px 0px; }
.intro h2 {
/*	color:#263d41;
*/}
.column-rule {
	border-left: solid 2px #bfd7e2;
}

#toggle {
	font-size:13px;
	line-height:1.4em;
}
	
	#toggle h3 {
	font-size:14px;
	text-transform:uppercase;
	line-height:1.2em;
	color:#004d74;
	margin:5px 0 0 0;
	}
	#toggle h2 {
		margin:0 0 10px 0;
	}
#signupform {
}
#pledge	{
	padding:15px ;
	margin:20px auto 30px auto;
	width:	470px;
	border:#bfd7e2 6px solid;
	/*background:url(../springs/springs30.jpg) #fff bottom left no-repeat;*/
	}
ul#yourinfo	{
	margin:	0 0 0 200px;
	padding:	0;
	list-style:	none;
	padding-left:	0;
	}
#yourinfo li	{
	margin-bottom:	5px;
	}

.quotes {
	background: url('http://watermatters.org/img/openquote.png') no-repeat left top;
	text-indent:30px;
	margin:0 0 10px 0;
	font-family:CACChampagneRegular, serif;
	font-size:28px;
	color:#004d74;
}
.quotes p {
	margin:0;
	background: url('http://watermatters.org/img/closequote.png') no-repeat right bottom;  
}

.sidebar li {
background-image: none;
line-height: 20px;
text-align: left;
margin: 0 0 0 5px;
padding: 0 10px 9px 30px;
}

.sidebar .ed li {
background-image: url(/var/www/swfwmd/data-dist/education/ed/eddrop24.png);
background-repeat: no-repeat;
background-position: -4px 0; 
padding-left: 24px; 
padding-bottom: 12px; }
	.ed li a {
		font-weight:bold;
		color:#2b5a8f; }
	.ed li a:hover {
		font-weight:bold;
		color:#000; }


/* SIDEBAR NAV DIMMING */
#watershed-home a#nav-watershed  { color:#bfc4d9; }

/* DIALOGUE BOX FOR FORM ERRORS
================================================== */
#dialog, jqmContent {
	z-index:2;
	background-color:#FFF;
	position:relative;
	top:30%;
}
.jqmWindow, jqmID1 {
}


/* #Media Queries
================================================== */
	
	/* iPad Portrait/Browser */
	@media only screen and (min-width: 768px) and (max-width: 961px) {
.blueberry {height: 240px; }
.blueberry h2 { font-size:26px; }
.page-banner {	height:167px; margin-bottom:10px;}
}
	
	/* Mobile/Browser */
	@media only screen and (max-width: 767px) {
#pledge	{ padding:5px; margin:20px auto 30px auto;width:240px; }
ul#yourinfo	{ margin:	0; }
h1 { font-size:22px; line-height:1em; }
.alpha, .omega, .fourcol { margin-left:20px;margin-right:20px; }
.blueberry {height: 114px;  }
.blueberry h2 { font-size:22px; }
.page-banner {	height:78px; margin-bottom:0;}
.inline-pix {  margin-right:0; max-width:420px; padding-right:0; }
.column-rule { border-left: solid 0 #BFD7E2; }	
}
	/* Mobile Landscape/Browser */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
.blueberry {height: 174px;  }
.blueberry h2 { font-size:22px; }
#bkgd-image { background-color:#006a5a;}
#pledge	{ padding:5px; margin:20px auto 30px auto; width:	380px; }
ul#yourinfo	{ margin:	0 0 0 40px; }
.alpha, .omega, .fourcol { margin-left:20px;margin-right:20px; }
.inline-pix {  margin-right:0; padding-right:0;	max-width:420px; }
.column-rule { border-left: solid 0 #BFD7E2; }	
}
	
	/* Mobile Landscape Portrait */
	@media only screen and (max-width: 479px)  {
.blueberry {height: 155px; }
.blueberry h2 { font-size:22px; }
.page-banner {	height:77px; margin-bottom:0;}
.inline-pix {  margin-right:0; padding-right:0;	}
.column-rule { border-left: solid 0 #BFD7E2; }	
s}