@charset "utf-8";
/* IDEX.org text only CSS by kebo.ca */

/* hide things that text only viewers can't see */ 

#feature-photo, 
#feature-photo img, 
#feature-photo img a, 
#feature-photo a img, 
body#photogallery #breadcrumbs, 
body#photogallery #main-col h1, 
body#photogallery #main-col #feat-photo-wrap, 
#gallery-thumbnails, 
body#photo-gallery-index .gall-ind-box, 
.right-col-box, 
input[type="image"], 
input.image, 
input#search-button, 
div#feature-slider, 
div.glidecontentwrapper, 
div#p-select, div.glide-toggler,
#main-col p.photo-credit, 
#main-col p.photo-caption, 
#main-col img,
#main-col img.main-col-pic,
img.main-col-pic, 
.glidecontentwrapper #feature-slider .glidecontent, 
.glidecontentwrapper .glidecontent, 
#feature-slider .glidecontent, 
img, 
div.addtoanybutton, 
#map {
	visibility: hidden;
	display:none; 
	width:0;
	height:0;
	overflow:hidden;}	

* {
	color:#353535;}

body { 
	margin:0 auto;
	width:80%;
	font-family:"Lucida Sans", "Lucida Grande", Calibri, Arial, Helvetica, Verdana, Tahoma, sans-serif;}

p, li { 
	line-height:150%;
	font-size:12px;}

#main-col ul li { 
	margin:0 0 8px 0;}

#breadcrumbs {
	margin:0;
	padding:0;
	font:normal 9px "Lucida Sans", "Lucida Grande", Calibri, Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-transform:uppercase;
	color:#7D7D7D;
	font-style:italic;
	display:block;}

#contentwrapper {
	margin:20px 0 0 0;}

#left-col {
	float:left;
	width:70%;}
	
#right-col {
	float:right;
	width:180px;
	text-align:right;}
	
body#home-page #right-col {
	text-align:left;}	

h1, h2, h3, h4, h5, h6 {
	font-family:Georgia, "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", serif;
	font-weight:normal;
	margin:20px 0 12px 0;}	
	
h1 {font-size:24px; color:#333;}
h2 {
	font-size:20px;
	font-style:italic;
	color:#5C5C5C;
}
h3 {
	font-size:18px;
	color:#676767;
}
h4 {font-size:16px;}

#header h1#headerlogo {
	font-size:26px;}

#home-page #main-col h1 {
	font-style:italic;}

a:link {
	color:#056DAB;
	text-decoration:none;
	border-bottom:1px solid #CAD6DD;}

a:visited {
	color: #765098;
	text-decoration:none;
	border-bottom:1px solid #D3CADD;}

a:hover, a:active {
	color: #0678BE;
	text-decoration:none;
	border-bottom:1px solid #0678BE;}

/* UTIL */

ul#util-nav li {}

ul#util-nav {
	width:100px;
	margin:-48px 0 0 0;
	padding:0;
	text-align:right;
	float:right;
	text-transform:uppercase;}

ul#util-nav li {
	margin:0;
	font-size:10px;
	text-align:left;
	margin:2px 0 0 0;}

#navbar {
	padding:0;
	margin:0;}	

/* MAIN */

ul#nav li {
	display:block;
	float:left;
	list-style-type:none;}
	
ul#nav {
	text-align:left;
	height:22px;
	border-bottom:1px solid #CCC;
	padding:0;
	margin:0 0 15px 0;
	font-weight:bold;
	text-transform:uppercase;}
	
ul#nav li {
	margin:0 16px 0 0;}

form#searchform {
	border:none;
	padding:0;
	margin:-6px 0 0 0;
	float:right;}

body#photo-gallery #main-col, body#photo-gallery-index #main-col {
	width:600px;
	margin-top:20px;}
	
body#home-page #right-col {
	float:right;}
	
body#home-page #pre-foot {
	width:75%;
	color:#333;
	border:none;
	padding-top:0px;
	margin:-340px 0 0 0;}
	
body#home-page #pfbox-narrow {
	padding:0 0 0 20px;
	width:20%;}

/*  SECONDARY NAV  */	

#left-col-box {
	margin:0;
	padding:0;
	border:1px solid #666;
	background-color:#ccc;}

#left-col-box h1 {
	color:#333;
	font:normal 14px Georgia, "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", serif;
	height:13px;
	letter-spacing:1px;
	margin:0;
	padding:10px;
	text-decoration:none;
	text-transform:uppercase;}

#content #left-col #left-col-box #secondary-nav ul {
	margin:0 0 0 16px;
	padding:10px;}
	
#secondary-nav {
	width:100%;
	font-size:11px;
	color:#515151;
	text-decoration:none;
	margin:0;
	padding:0;}
    
#left-col-box #secondary-nav ul li {
	margin:0 20px 0 0;
	padding:0;
	display:inline;
	list-style-type:disc;
	line-height:175%;}

#left-col-box #secondary-nav ul ul li {
/*	list-style:none; 
	float:left;
	display:inline;*/
	margin:0 17px 10px 0;}

#secondary-nav ul li a {
	text-transform:uppercase;
	border-bottom:1px solid #69A2C5;}

#secondary-nav ul ul li a {
	text-transform:none;}

/*	#secondary-nav ul ul li {
		margin:0 10px 0 0;
		padding:0 -10px;
		text-indent:0;} */
		
#secondary-nav ul li.current2nd {
	color:#333; 
	text-transform:uppercase;
	font-weight:normal;}

	#secondary-nav ul li.current3rd {
		color:#333; 
		text-transform:capitalize;
		font-weight:normal;
		margin:0;
		padding:0;
		text-indent:0;}

span#donation-tag, span#email-list-tag {
	display:block;
	font-size:9px;}
	
fieldset#email-vr {
	border:none;
	margin:0;
	padding:0 0 8px 0;}
	
input.join-submit {
	margin:0;
	padding:1px;}

div#donation-box, div#email-box {
	background-color:#CCC;
	padding:12px;
	margin:0 0 12px 12px;
	display:inline-block;
	text-align:center;
	width:130px;
	float:left;}

#right-col p {
	font-size:14px;}

#pre-foot {
	width:100%;
	color:#333;
	padding-top:16px;
	border-top:1px solid #CCC;
	margin-top:30px;}

#pre-foot h1 {
	font-size:18px;}

#pre-foot h2 {
	font-size:16px;}

#pfbox-med, #pfbox-wide {
	float:left;
	width:33%;
	margin:0 10px;}
	
#pfbox-narrow {
	float:left;
	width:18%;
	margin:0 10px;
	padding:0 0 0 60px;}	

#footer {
	width:100%;
	margin-top:25px;}

#footer p#credit {
	float:right;
	font-size:10px;}
	
#footer p#copyright-links {
	float:left;}	
	
blockquote {
	margin:6px 20px 18px 20px;
	padding:12px 12px 16px 12px;
	background-color:#E9E9E9;
	border:1px solid #C9C9C9;
	font-size:0.9em;}

blockquote h1 {
	font-size:16px;
	margin-top:0;}
	
form fieldset#email-vr input.text-field, form#searchform input.text-field {
	border:1px solid #666;}

#main-col h2.pullquote {
	font: italic normal 16px/24px Georgia, "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", serif;
	color:#494949;
	border-left:2px solid #333;
	margin:6px 0 12px 12px;
	padding:3px 0 6px 12px;
	width:180px;
	float:right;}

div#recaptcha_widget_div img {
	visibility: visible;
	display: block;}	
	
	/* -------------------------------------------------------------- */
	

form.clean {
	font-family:"Lucida Sans", "Lucida Grande", sans-serif;
	background-color: #fff;}

form.clean * {
	margin: 0;
	padding: 0;}

form.clean p {
	margin: 8px 0;}

#main-col form.clean ol {
	margin:0;}

#main-col form.clean ol li {
	margin-bottom:0;
	line-height:100%;}

form.clean label span, span.asterisk {
	color:#8C150B;}
	
form.clean input[type=text],
form.clean input[type=password],
form.clean textarea,
form.clean select {
	background-color: #F9F8F2;
	border: 1px solid #EAE4D0;
	color: #666;
	font-size: 12px;
	padding: 2px; 
/*	width: 100%; */
	margin: 0 0 6px 0;}

form.clean input:focus,
form.clean textarea:focus,
form.clean select:focus {
	background-color: #ffe;}

form.clean fieldset {
	border: 1px solid #D8CFAC;
	margin: 16px 0 24px 0;
	padding: 8px 16px;
	width:396px;}

form.clean fieldset#contact ol li label, form.clean fieldset#paymentinfo ol li label {
	margin:0 4px 2px 0;
	width:135px;
	float:left;
	text-align:right;}

form.clean fieldset#contact input[type=text] {
	display:inline;
	width:230px;}

form.clean fieldset#contact select {
	display:inline;
	width:234px;}	
	
form.clean fieldset#paymentinfo input[type=text] {
	display:inline;
	width:230px;}

form.clean fieldset#paymentinfo select {
	display:inline;
	width:234px;}		
	
form.clean fieldset legend {
	font-family:Georgia, "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", serif;
	font-size:18px;
	margin-bottom:4px;
	font-weight:normal;
	font-style:italic;}

form.clean ol {
	list-style: none;}

form.clean ol li {
	margin: 8px 0;}

form.clean ol li label {
	display: block;
	margin-bottom:6px;
	font-size:12px;}

input#othramt {
	width:100px;
	display:inline;
	margin:0 0 0 3px;}

form.clean ol.table {
	list-style: none;
	display: table;}

form.clean ol.table li {
	display: table-row;}

form.clean ol.table li label[for] {
	display: table-cell;
	text-align: right;
	padding: 8px ;}

form.clean div.col2 label {
	float: left;
	width: 50%;}

form.clean div.col3 label {
	float: left;
	width: 33%;}

form.clean div.col4 label {
	float: left;
	width: 25%;}

form.clean fieldset:first-child {
	margin-top: 0;}

form.clean input[type=button],
form.clean input[type=reset],
form.clean input[type=submit],
form.clean button {
	background-color: #D4D0C8;
	border: 1px solid #999;
	color: #333;
	font-size: 13px;
	padding: 4px 8px 2px 8px;
	margin: 0 5px;
	letter-spacing:1px;}

form.clean input[type=radio],
form.clean input[type=checkbox] {
	vertical-align:middle;}

form.clean input[type=submit]:hover,
form.clean input[type=reset]:hover,
form.clean input[type=button]:hover,
form.clean button:hover {
	background-color: #ffd;}

div.df-amounts {
	float:left; 
	width:230px; 
	margin:-38px 0 0 138px;}
	
fieldset#additionalinfo	div.df-regions {
	width:150px; 
	float:left; 
	margin:-21px 0 0 139px;}
	
label.df-heardabout {
	width:290px; 
	margin-top:60px; 
	margin-bottom:6px;}
	
form.clean fieldset#contact ol li label.df-nonreqd {
	margin-left:-10px;}

form.clean fieldset#contact ol li input.df-nonreqd-inp, form.clean select.df-nonreqd-inp {
	margin-left:10px;}
	
form.clean fieldset#contact ol li div label.df-news-sub {
	width:240px;
	margin-left:11px; 
	text-align:left;}

#main-col p.highlight {
	padding:3px; 
	background-color:#ccc; 
	text-align:center; 
	margin:-8px 0 16px 0;
	font-style:italic;}

form.clean fieldset ol li label.c-form-label {
	float:left;
	width:100px;
	display:inline;
	margin-bottom:12px;}
	
form.clean fieldset ol li input.c-form-input {
	float:right;
	width:280px;
	display:inline;
	margin-bottom:12px;}
	
form.clean fieldset ol li select.c-form-input {
	float:right;
	width:286px;
	display:inline;
	margin-bottom:12px;}
	
#main-col p.error {	
	color:red;
	font-weight:bold;
	padding:5px;
	text-align:center;
	background-color:#ccc;}
	
form.clean textarea#cf-message {
	background-color: #F9F8F2;
	border: 1px solid #EAE4D0;
	color: #666;
	font-size: 12px;
	padding: 2px; 
	margin: 0 0 16px 0;
	float:right;
	display:inline;
	width:280px;}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size:1px;
    line-height:0px;}
	
body#donation-form blockquote {
	width:396px;
	padding:16px;
	margin:18px 0;}

body#donation-form #main-col form.clean p.form-submit {
	text-align:center;
	margin:0 0 20px 0;	
	width:430px;}

acronym {
	cursor:help;}

#gallery-text-box {
	visibility:visible;
	display:block;
	width:600px;
	height:100px;
	line-height:150%;
	font-size:12px;
	color:#C60;}	


/* BLOG ELEMENTS */

#blog-post-header {
	margin:0 0 55px 0;
	padding:0 0 7px 1px;
	border-bottom:none;}

body#blog #blog-post-date {
	text-align:left;
	width:300px;
	height:20px;
	display:inline;
	margin:45px 0 0 0;
	padding:0;}

body#blog #main-col h4.month {
	font-family:Georgia, "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", serif;
	font-style:italic;
	font-size:11px;
	padding-top:0;
	display:inline;
	margin:0 3px 0 0;}

body#blog #main-col h4.day {
	font-family:Georgia, "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", serif;
	font-size:11px;
	font-weight:normal;
	font-style:italic;
	margin:0;
	display:inline;}
    
body#blog #main-col h4.blog-post-year {
	margin:-76px 0 0 44px;
	padding:0;
	display:block;
	font-size:11px;}

body#blog #main-col h4.blog-post-author {
	margin:-18px 0 0 90px;
	padding:0;
	display:block;
	font-size:11px;}

body#blog #main-col {  /* to style what should be in p tags */
	font-size:12px;
	line-height:18px; 
	margin-bottom:18px;
	font-weight:normal;
	font-style:normal;}	
	
body#blog #main-col h1 {
	font-size:20px;
	line-height:26px;
	margin:12px 0 20px 0;}
	
p.blogger-labels {
	margin:15px 0 40px 0;
	font-size:11px;
	font-style:italic;
	border-bottom:1px solid #ccc;
	padding:0 0 6px 0;}