/* page and body settings */
html {
	padding: 0;
	margin: 0;
}
body {
	padding: 0;
	margin: 0;
	background: #522900 url(../images/bkg-page2.jpg) repeat-x left top;
	color:#666;
	font: 62.5% Arial, Helvetica, sans-serif;/* this sets default font-size of 1em = 10px *//* for font size changes, style elements one time using ems */
}
/* begin default styling of elements */
div {
	margin: 0;
	padding: 0;
}
p {
	margin: 0 0 10px;
	padding: 0;
}
span {
	margin: 0;
	padding: 0;
}
img {
	border: none;
	padding: 0;
	margin: 0;
	background-color: none;
}
a {
	outline:none !important;
}
a img {
	border: none;
}
/* default lists, blockquotes, and tables and other specialized elements */
ul {
	margin: 0 0 12px 5px;
	padding: 0;
	list-style-type: square;
	list-style-position: outside;
}
li {
	margin: 0 0 4px 10px;
	padding: 0;
}
li ul { /* for lists inside lists */
	margin-top: 5px;
	margin-left: 15px;
	list-style: disc;
}
ul.spaced li {
	margin-bottom:12px;
}
/* default headers */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
	font-weight: bold;
}
/* font sizes here are global for the entire document; */
/* for headers that change size, remove here and size below in each container */
h1 {
	font-size: 2.0em;
	font-weight: normal;
	color: #07005d;
	margin: 5px 0 10px;
	padding:0;
}
h2 {
	font-size: 2.2em;
	font-weight: normal;
	font-family:"Times New Roman", Times, serif;
	color: #07005d;
	margin-top:15px;
}
#media h2 {
	margin-top:30px;
}
h3 {
	font-size: 1.8em;
	font-weight: normal;
}
h4 {
	font-size: 1.2em;
	font-weight: bold;
	color: #323232;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1.1em;
	letter-spacing: .5px;
	font-weight: bold;
	margin-bottom: 0;
}
small {
	font-size: 85%;
}
/* default links */
a, a:link {
	color: #4aaf1a;
	text-decoration: none;
}
a:visited {
	color: #db5d00;
	text-decoration: none;
}
a:hover {
	color: #db5d00;
	text-decoration: underline;
}
a:active {
	color: #4aaf1a;
	text-decoration: none;
}
a img {
	border: 0;
}
.icn-video, .icn-none {
	padding-left:30px;
	margin:5px 20px;
}
.icn-video {
	background:url(../images/icn-video.gif) no-repeat left 2px;
}
/* learn more */
a.more {
	color:#390 !important;
	font-size:0.85em !important;
	text-transform:uppercase;
}
/* begin page layout */
#page-wrapper {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 1024px;
	background:url(../images/bkg-frogs-top-repeat.jpg) repeat-y 1px top;
}
#page-wrapper-inner {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 1024px;
	background:url(../images/bkg-frogs-top.jpg) no-repeat left top;
}
/* begin column layout */
#column-wrapper {
	position: relative;
	width: 1024px;
	height:auto;
	margin: 3px 0 0;
	padding: 10px 0 120px;
	background:url(../images/bkg-frogs-bottom.jpg) no-repeat left bottom;
	z-index: 1;
}
.inner {
	margin:10px;
	padding:0;
}
#column-wrapper p, #column-wrapper li {
	font-size: 1.2em;
}
#column-wrapper li li {
	font-size: .9em;
}
/* left content column */
#side-content {
	float: left;
	display: inline;
	padding: 0;
	margin: 100px 0 0 32px;
	width:335px;
	height:900px;
	min-height:700px;
	background:none;
}
#side-content img#logo {
	margin:20px 20px 20px 74px;
	padding:0;
}
#side-content img#ark {
	margin:20px 20px 20px 59px;
	padding:0;
}
#side-content ul.frog-nav {
	margin:10px 0 0 0;
	padding:0;
}
#side-content ul.frog-nav li {
	display:block;
	padding:0;
	margin:10px;
}
#side-content ul.frog-nav li a {
	padding:0;
	margin:0;
	background-position:left top;
	background-repeat: no-repeat;
	display:block;
	height:30px;
	width:100%;
	position:relative;
}
#side-content ul.frog-nav li a strong {
	display:none;
	visibility:hidden;
}
#side-content ul.frog-nav li a, #side-content ul.frog-nav li a:link, #side-content ul.frog-nav li a:visited {
	text-decoration:none !important;
}
#side-content ul.frog-nav li a:hover, #side-content ul.frog-nav li.active a {
	background-position: left bottom;
	text-decoration:none;
}
#side-content ul.frog-nav li a:active, #side-content ul.frog-nav li a:focus {
	text-decoration:none !important;
}
#language {
	position: relative;
	float:right;
	margin:10px 80px;
	z-index: 2;
}
#language a {
	color:#fffbe7;
	font-size:1.2em;
}
/*English Nav*/
#side-content ul.frog-nav li#snav-home a {
	background-image:url(../images/snav-home.gif);
}
#side-content ul.frog-nav li#snav-extinction a {
	background-image:url(../images/snav-extinction.gif);
}
#side-content ul.frog-nav li#snav-response a {
	background-image:url(../images/snav-response.gif);
}
#side-content ul.frog-nav li#snav-frogs-matter a {
	background-image:url(../images/snav-frogs-matter.gif);
}
#side-content ul.frog-nav li#snav-vanishing a {
	background-image:url(../images/snav-vanishing.gif);
}
#side-content ul.frog-nav li#snav-corwin a {
	background-image:url(../images/snav-corwin.gif);
}
#side-content ul.frog-nav li#snav-clorox-helps a {
	background-image:url(../images/snav-clorox-helps.gif);
}
#side-content ul.frog-nav li#snav-you-help a {
	background-image:url(../images/snav-you-help.gif);
}
#side-content ul.frog-nav li#snav-media a {
	background-image: url(../images/snav-media.gif);
}
#side-content ul.frog-nav li#snav-valle a {
	background-image: url(../images/snav-valle.gif);
}
/*Spanish Nav*/
#side-content ul.frog-nav li#snav-inicio a {
	background-image:url(../images/snav-inicio.gif);
}
#side-content ul.frog-nav li#snav-respuesta a {
	background-image:url(../images/snav-respuesta.gif);
}
#side-content ul.frog-nav li#snav-clorox-ayuda a {
	background-image:url(../images/snav-ayuda-clorox.gif);
}
#side-content ul.frog-nav li#snav-noticias a {
	background-image: url(../images/snav-noticias.gif);
}
/* active pages */
#inicio li#snav-inicio a, #respuesta li#snav-respuesta a, #clorox-ayuda li#snav-clorox-ayuda a, #noticias li#snav-noticias a, #home li#snav-home a, #response #snav-response a, #frog li#snav-frogs-matter a, #clorox-helps #snav-clorox-helps a, #extinction #snav-extinction a, #vanishing #snav-vanishing a, #you-help #snav-you-help a, #corwin #snav-corwin a, #valle #snav-valle a, #media #snav-media a {
	background-position:left bottom;
}
/* content column */
#main-content {
	background:none;
	float: left;
	display: inline;
	padding: 0;
	width:540px;
	margin: 125px 10px 10px;
}
/* Form */
/* reusable utility code */
.left {
	float: left;
}
img.left {
	margin: 0 10px 10px 0;
}
.right {
	float: right;
}
img.right {
	margin: 0 0 10px 10px;
}
.center {
	text-align: center;
}
.centered {
	display: block;
	margin: 0 auto 10px;
}
.hidden {
	display: none;
	visibility:hidden;
}
.no-border {
	border: none !important;
}
.no-border-left {
	border-left:none !important;
}
.no-border-right {
	border-right:none !important;
}
.clear {
	clear: both;
}
/* fixing font sizes inside nested elements */
li li {
	font-size:1em !important;
}
li li, li p, blockquote p, blockquote li {
	font-size:1em !important;
}
/* page banners */
/* Home Page */
.video {
	border:solid #d0ae8a;
	border-width:1px 0;
	padding:10px 0;
	margin-bottom:10px;
	text-align:center;
}
#home .video, #inicio .video {
	border-width:0;
}
#column-wrapper p, #column-wrapper li { /*font-size: 1.1em; */
	line-height:150%;
}
/*two columns*/
#home .col1, #home .col2, #inicio .col1, #inicio .col2 {
	width:265px;
	float:left;
}
#home .col1, #inicio .col1 {
	margin-right:10px;
}
.highlight {
	background-color: #693d14;
	color: #fffbe2;
	border: solid 1px #ccc;
	padding: 5px;
}
.highlight .more {
	color: #ff6000 !important;
}