/* CSS file for calearth.org - by DianeV. Web Design Studio - http://dianev.com */
body {color:#110546; margin:10px auto 15px auto; padding:0; border:0; text-align:center; font-size:80%; font-family:Arial, Helvetica, sans-serif; background:#17150E /*03090A*/ /*015E6F*/}

table, table td, form {margin:0; padding:0; border:none}

#pagewrap {width:900px; margin:0 auto; padding:0; text-align:left}

/* HEADER */
#theheadercont, #theheadercont img {width:900px; height:178px; border:none; background:#003E26}

/* HNAV DROPDOWNS */
#hnav {clear:both; width:900px; height:24px; background:#084A33}
	#hnav ul {width:900px; height:21px; list-style:none; margin:0; padding:0; font-weight:bold; font-size:13px}
	#hnav li {float:left; display:block}
	#hnav li a {color:#FDFAFA; padding:4px 18px; display:block; text-decoration:none; line-height:1.2em; border-left:1px solid #467848}
	#hnav li a:hover {color:#003E26; text-decoration:none; background:#BBB190 /*FEFAF0*/}
#hnav li.navleft a {border-left:none}

	/* SUBNAV - using :left because display:none not read by screen readers */
	#hnav ul li ul {position:absolute; left:-999em; display:block; padding:0; margin:0; font-size:12px; border-bottom:6px solid #FDEFC2}
	#hnav ul li ul li {width:100%}
	#hnav ul li li a {color:#003E26; display:block; padding:3px 18px; line-height:1.3em; text-decoration:none; background:#E3DED1; border-bottom:1px solid #CEC9BC; border-left:none} /* use same padding as #hnav li a */
	#hnav ul li li.hnavpmt a {background:#D5CDB5}
	#hnav ul li li a:hover {color:#003E26; text-decoration:none; background:#BBB190}
	#hnav ul li:hover ul, #hnav ul li.sfhover ul  {left:auto; background:#BBB190} /* lists nested under hovered list items */

		/* dropdown widths */
		#hnav ul li ul#navabout      {width:170px}
		#hnav ul li ul#navdesigns	 {width:240px}
		#hnav ul li ul#navlearn		 {width:330px}
		#hnav ul li ul#navgallery	 {width:200px}

#donatebtn {text-align:center; margin-bottom:10px}
#donatebtn img {width:144px; height:137px}
#donatebtn a img {border:none; text-decoration:none}

/* CONTENT */
#main_content {clear:both; margin:0 auto; padding:0 0 22px 0; background:#fff url(images/l/bkpage.gif) repeat-y}

	#leftcontent {float:left; width:686px; padding:10px 0 0 18px; line-height:1.3em; font-family:Verdana, Arial, Helvetica, sans-serif}
	#rcol        {float:right; width:178px; padding:10px 0}

/* RIGHT COL */
#rcol ul.rnav  {list-style:none; margin:0 0 1em 0; padding:0; font-weight:bold; font-size:13px; background:#044E33}
#rcol .rnav li a {color:#FDFAFA; padding:3px 5px; display:block; text-decoration:none; line-height:1.2em; border-bottom:1px solid #dbd5c4}
#rcol .rnav li a:hover {color:#003E26; text-decoration:none; background:#BBB190}

	#rcol p {margin:1em 13px}

#rcol #lnavtranslate {width:130px; margin:auto}

/* FOOTER */
#theprefooter {clear:both; margin:0 auto; padding:7px 0; background:#BBB190 /*FCE69E*/}
#theprefooter div {color:#110546; text-align:center; font-size:.9em; font-family:Verdana, Arial, Helvetica, sans-serif}

#themidfooter {clear:both; margin:0 auto; padding:7px 12px; color:#FDEFC2; text-align:center; font-size:.9em; font-family:Verdana, Arial, Helvetica, sans-serif; background:#003E26}

#thefooter {margin:0 auto; padding:7px 0; background:#044E33}
#thefooter div {color:#FDEFC2; text-align:center; font-size:.83em; font-family:Verdana, Arial, Helvetica, sans-serif}
#thefooter a {color:#FDEFC2; text-decoration:none}
#thefooter a:hover {color:#FDEFC2; text-decoration:underline}

/* END MAIN LAYOUT STYLES                              */
.breadcrumbs {color:#004E5C; font-size:11px; margin-bottom:1em}
.breadcrumbs a {color:#015E6F; text-decoration:underline}

/*                        */
h1, .h1, h2, .h2, h3, .h3, h4, .h4 {font-family:'Times New Roman', Times, Palatino, serif}
h1, .h1 {font-size:29px; font-weight:normal; line-height:1.1em; margin-top:0}
h2, .h2 {font-size:22px; line-height:1em; font-weight:normal}
h3, .h3 {font-size:19px; font-weight:normal}
h4, .h4 {font-size:17px; font-weight:bold}
h5, .h5 {font-size:16px; font-weight:bold}

.mt0 {margin-top:0}
.mb0 {margin-bottom:0}

.b {font-weight:bold}
.i {font-style:italic}
.bi {font-weight:bold; font-style:italic}
.turquoise {color:#027897}
	.turquoisebk {color:#fff; background:#016F83}
.highlight {color:#970135}
.photocaption {font-size:11px}
.dv {color:#990033; text-transform:uppercase; font-size:11px; font-weight:bold}

.caps {text-transform:uppercase}
.h3caps {font-size:12px; text-transform:uppercase; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif}
hr.hrblue {color:#015E6F}

.videotitle {color:#110546; width:425px; margin:15px auto 0 auto; padding:3px 0; text-align:center; font-size:16px; font-weight:bold; font-family:'Times New Roman', Times, Palatino, serif}
.videocont {text-align:center; margin-bottom:15px}
.videocont a {color:#fff; display:block; text-align:center; padding:2px; text-decoration:none; font-weight:bold; background:#005233}
.videocont a:hover {color:#fff; background:#015E6F}

a.btn, a.btn:link, a.btn:visited {color:#fff; padding:10px 20px; font-weight:bold; text-decoration:none; 
border-left:2px solid #0C6E4D; 
border-top:2px solid #0C6E4D; 
border-right:2px solid #042619; 
border-bottom:2px solid #042619; 
background:#084A33}
a.btn:hover {color:#084a33; background:#BBB190;
border-left:2px solid #CBC3AA; 
border-top:2px solid #CBC3AA; 
border-right:2px solid #AB9F76; 
border-bottom:2px solid #AB9F76}

ul.ulnext {color:#003E26}

ul.ul1 li, ol.ol1 li {margin-bottom:1em}
ul.ulflushleft {margin-left:10px; padding-left:10px}

ul.newsletterlist {list-style:none; margin-left:30px; padding-left:0}
ul.newsletterlist li {margin-bottom:1em}
ul.newsletterlist li span.newsletterlistyear {font-size:22px; font-weight:normal; font-family:'Times New Roman', Times, Palatino, serif}
ul.newsletterlist ul {margin-top:1em}

table.tablelist {margin:auto; border:1px solid #C3BA9D}
table.tablelist th {text-align:center; background:#C3BA9D}
table.tablelist td {padding:2px 5px}

table.tableappl {margin:auto}
table.tableappl th {text-align:center; background:#ddd}
table.tableappl td {padding:2px 5px; vertical-align:top}

/* phototable */
.phototable {text-align:center; margin:auto}
.phototable td {text-align:center}
.phototable img {border:1px solid #10879c; margin-right:3px}

.imgtable td {padding:3px 1px 3px 3px; font-size:.87em; border-bottom:2px solid #FDEFC2}
.imgtable th {padding:3px 0; text-align:center; border-bottom:2px solid #FDEFC2}

/* FAQ */
.tablefaq {margin:auto}
.tablefaq th {text-align:left; padding-top:7px; background:#fff}
.tablefaq td {width:50%; vertical-align:top}

.ulfaq {margin-left:0; padding-left:0; list-style:none}
.ulfaq ol a {color:#004E5C; text-decoration:none}
.ulfaq ol a:hover {color:#004E5C; text-decoration:underline}

/* RIGHT COLUMN STYLES */
.rtquotation {color:#7A6C3E /*225499*/; text-align:right; line-height:1.6em; font-size:.9em; margin-bottom:1.5em}
.rtquotation span.b, .rtquotation b {font-style:italic}

/* IN THE NEWS */
#inthenewscont {width:330px; float:left; padding-right:20px; margin-bottom:20px}
#inthenewscont div div {margin:0 0 2px 0; padding:0; border:none; background:none} /* for logos */
#inthenewscont div {margin-bottom:6px; padding:5px 6px 2px 6px; border:1px solid #dedede; background:url(images/b/bknews.jpg) repeat-x}
#inthenewscont ul  {list-style:none; margin:0; padding:0; line-height:1.1em}
#inthenewscont li  {margin-bottom:.4em; font-size:11px; padding-bottom:.3em}
#inthenewscont a {font-size:12px}

#inthenewstextcont {float:right; width:330px; margin-bottom:10px}
#inthenewstextcont p {line-height:1.5em; margin-bottom:1.5em}

.mediacompany	{font-style:italic}

/* NEWSLETTERS */
.newslettercol {width:334px}
div.newsletterline {height:6px; margin:15px 0; background:#17150E}

.newslettertable {width:694px}
.newslettertable td {padding:5px 0; vertical-align:top}
	.newslettertable td.newslettertablebordertop {border-top:6px solid #17150E}
	.newslettertable h1, .newslettertable h2 {margin-top:0}

.right {float:right}
.left  {float:left}
.center {text-align:center}
.clear {clear:both}

/* purple:110546   red:A50A38  turquoise:0687A3  10879C 015E6F  rcolbk:dbd5c4 rich yellow:FADC76  purple:453D68 dk purple:000724 */
div a img, table a img {text-decoration:none; border:1px solid #0687A3}
div a:hover img, table a:hover img {text-decoration:none; border:1px solid #15C1E8}

img.imgrt, div.imgrt {float:right; margin:0 0 10px 10px}
img.imglt, div.imglt {float:left; margin:0 10px 10px 0}

a {color:#004E5C; text-decoration:underline}
a:hover {color:#004E5C; text-decoration:none}