/* 			TheIris.org Screen Stylesheet
Created:	http://www.iBecCreative.com 2/2010 JDB
Updated: 	5-14-10 JDB
*/

/* ======== Resets ::
----------------------------------------------------------------- */
body, address, blockquote, h1, h2, h3, h4, h5, h6, p, pre, dl, ol,
ul, dd, dt, li, fieldset, form {margin:0;padding:0;}

/* ======== HTML & Body ::
----------------------------------------------------------------- */
html {font-size:100.01%;height:101%;}
body { 
height:100%;
font:62.5%/1.28 Arial,Tahoma,Geneva,Helvetica,sans-serif;
background:#fff url(../images/bg.jpg) center 0 repeat-x;
color:#030303;
}
/* ======== Links ::
----------------------------------------------------------------- */
a,a:visited {text-decoration:none;color:#34327c}
a:active, a:focus, a:hover {text-decoration:underline;}
a:active, a:focus {outline:1px dotted #353379;}
a img {border:none;}
/* ======== Typography ::
----------------------------------------------------------------- */
abbr,acronym {text-decoration: none;border:0}
address, h3, h4, h5, h6, dd, dt, li, p, pre {padding:.6em 0;}
h1 {/* home page margin-bottom:14px; */
width:60%;
margin:25px auto 0;
padding:0 0 14px;
border-bottom:1px solid #d6d6d6;
font:normal 18px/1 Georgia,'Times New Roman',Times,Serif;
text-align:center;
text-transform:uppercase;}
h2 {padding:.6em 0 0;text-transform:uppercase;font:14px Georgia,'Times New Roman',Times,serif;color:#34327C;}
h3 {
padding:0 0 10px;
font:normal 14px/1.1 Georgia,'Times New Roman',Times,Serif;
text-transform:uppercase;
color:#040404;}
/*h4 {font-size:1.4em;} h5 {font-size:1.2em;} h6 {font-size:1.1em;}*/
address,blockquote,div,dd,dt,li,p,pre,th,td {font-size:14px;/*letter-spacing:1px;?*/}
q:before,q:after {content:'';}
/* ======== Lists ::
----------------------------------------------------------------- */
dl, ol, ul {margin-left: 20px;}
li, ol, dd, dt {vertical-align:middle;list-style-position: inside;}
dt {font-weight:bold;}
/* ======== Tables ::
----------------------------------------------------------------- */
table {
border:none;
border-collapse:collapse;
border-spacing:0;
overflow:hidden;
word-wrap:break-word;
}
caption, th, td {text-align: left;vertical-align:top;}
/* ======== General Purpose Classes ::
----------------------------------------------------------------- */
.accessibility, .skip-link {position:absolute;top:-999em;left:-999em;}
.clear {clear:both;padding:0;margin:0;line-height:0;}
.hidden {display:none;}
/* ======== Template ::
----------------------------------------------------------------- */
#top, #top #tools,#wrap, #masthead, #navigation, #content, #footer {margin:0 auto;}
#topbar {width:100%;height:30px;background: url(../images/top.png) center top repeat-x;}
	#top {width:1000px;height:30px;}
		/* --- Accessibility Tools --- */
		#top #tools {width:1000px;height:30px;}
			/* Skiplink */		
			#screenReader {float:left;width:230px;padding:9px 0 0;color:#000;}
			/* Contrast & Size (Contrast menu in Navigation section) */
			#options {position:relative;float:right;padding:3px 0 0;width:315px;height:30px;z-index:10;}
				#size {float:right;display:inline-block;padding:0 0 0 50px;line-height:1;}
					#size a {text-decoration:none;color:#030303}
					#size #large {font-size:18px;}
					#size #largest {font-size:24px;}
					#size a:active, #size a:focus, #size a:hover {background:#030303;color:#fff;}
					#size a span {position:absolute;top:-999em;left:-999em;}
	#masthead {position:relative;clear:both;width:1000px;height:142px;}
		#logo {float:left;margin:12px 0 0;width:161px;height:121px;}
			#logo strong {position:absolute;top:-999em;}
		#storeBadge {/* accessible alt text */
		position:absolute;
		right:272px;
		top:6px;
		width:127px;
		height:127px;
		padding:40px 0 0 10px;
		display:block;
		font-size:10px;}
			#storeBadge img {position:absolute;top:0;left:0;width:127px;height:127px;}
		#masthead form {float:right;margin:55px 0 0;width:250px;height:27px;}
	#navigation {
	clear:both;
	position:relative;
	width:1060px;
	height:30px;	
	z-index:10;}
#wrap {
clear:both;
width:1000px;
border-top:1px solid #bcbcbc;
/* sticky footer */
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -162px;
}
	#content {clear:both;display:inline-block;margin:0 auto 28px;}
		#main {float:left;width:734px;margin:19px 0 0;}
			#main .inner {width:694px;}
		#side {float:right;width:264px;border-left:1px solid #bcbcbc;}
			#side .inner {padding:6px 0 0 30px;}
	#sticky {clear:both;height:162px;}
#footer {overflow:hidden;width:100%;height:162px;background:#353379;}
	#footer .inner {width:1000px;margin:0 auto;}
	/* === Footer Connect Block === */
	#connectBlock {clear:both;float:right;width:464px;height:98px;}
		#connectBlock #connect {
		display:inline-block;
		width:164px;
		height:98px;
		margin:0 8px 0 0;
		text-align:center;
		vertical-align:top;
		background:#5b5992;
		}
			#connectBlock #connect p {padding:12px 0 4px;text-align:center;text-transform:uppercase;color:#fff;}
			#connectBlock #connect a.youtube {padding:0 18px 0 0;}
			#connectBlock #connect a:active, #connectBlock #connect a:focus {outline:1px dotted #fff;}
/* ======== Side Boxes ::
----------------------------------------------------------------- */
#side .box {width:218px;min-height:135px;margin:13px 0 0;padding:14px 8px 8px 7px;}
/* --- backgrounds and custom box changes--- */
#side .dkpurple {min-height:78px;background:#5b5992/*#353379*/;color:#fff;}
#side .purple {background:url(../images/box_purple.png) 0 0 repeat;}
#side .blue {background:url(../images/box_blue.png) 0 0 repeat;}
#side .gray {background:url(../images/box_gray.png) 0 0 repeat;}
#side .box p {padding:0 0 8px;color:#040404;}
#side .box p.event-date, #side .box p.event-date img {display:inline-block;vertical-align:middle;}
#side .box p.event-date a {color:#030303;}
#side .box h3.feature-title {
width:171px;
height:29px;
margin:0 auto;
padding:0 0 10px;
line-height:2.2;
background:url(../images/feature-title2.png) repeat-x  0 0 transparent;
color:#030303;}
#side .dkpurple h3, #side .dkpurple li, #side .dkpurple li a {color:#fff;}
#side .gray p {font-family:tahoma,arial,sans-serif;color:#030303;}
/* ======== Navigation :: **very customized menus**
----------------------------------------------------------------- */
/* ==== Contrast Menu ==== */
#contrast, #contrast ul {list-style-type:none;margin:0;}
#contrast {position:absolute;margin:1px 0 0;display:inline-block;}
#contrast li {padding:0;}
#contrast .parent {float:left;width:120px;margin:-10075px 0 0;text-align:center;}
	#contrast a {
	position:relative;
	display:block;
	height:18px;
	line-height:18px;
	text-decoration:none;
	background:#030303;
	color:#fff;
	z-index:10;
	}
	#contrast a.main {
	float:left;
	width:120px;
	margin:10075px -119px 0 0;
	padding:3px 0;	
	text-align:center;
	}
		/* tabbing trigger w/ superfish */
		#contrast li:hover a.main,#contrast li.hover a,
		#contrast a.main:hover, #contrast a.main:focus, #contrast a.main:active
		{background:#030303;}
		/*empty rule to fix IE6 tabbing bug*/
		#contrast a, #contrast a:hover, #contrast a:active, #contrast a:focus {}
			/* == 2nd Tier Drop Down == */
			#contrast ul {float:left;width:120px;padding:18px 0 6px;margin:-18px 0 0;}
			#contrast ul:hover {clear:both;}/*Opera fix*/
				#contrast ul li {float:left;}/*IE5 fix*/	
				#contrast ul > li {float:none;}
						#contrast ul a {margin:0 -1px 0 0;width:120px;padding:4px 0;height:auto;line-height:1.1;}
						#contrast ul a:hover, #contrast ul a:focus,
						#contrast ul a:active {text-decoration:underline;}
/* ==== Main Menu ==== */
#nav, #nav ul {list-style-type:none;margin:0;}
#nav {position:absolute;margin:1px 0 0;width:100%;overflow:hidden;}
	#nav li {padding:0 6px;}
	#nav #nav-home {padding:0 6px 0 0;}
	#nav #nav-contact {padding:0 0 0 6px;}
	#nav .parent {width:95px;margin:-10075px 0 0;float:left;text-align:center;}
	#nav .wide {width:124px;}
		#nav a {
		position:relative;
		display:block;
		height:29px;
		line-height:29px;
		text-decoration:none;
		color:#030303;
		z-index:10;
		}
		#nav a.main {
		float:left;
		width:95px;
		margin:10075px -94px 0 0;
		text-align:center;
		}
		#nav .wide a.main {width:124px;margin-right:-123px;}
		#nav #nav-donate a.main {background: url(../images/menu_tab_donate.png) 0 0 no-repeat;}
		/* ---- Hover and Tabbing ---- */
		#nav li:hover a.main,#nav li.hover a.main,
		#nav a.main:hover, #nav a.main:focus, #nav a.main:active
		{border-bottom:1px solid #bcbcbc;margin-right:0;background: url(../images/menu_tab.png) 0 0 no-repeat;}
		/* -- Hover and Tabbing for wide tabs -- */
		#nav li.wide:hover a.main, #nav li.wide.hover a.main,
		#nav .wide a.main:hover, #nav .wide a.main:focus, #nav .wide .main:active { background:url(../images/menu_tab_wide.png) 0 0 no-repeat;}
		/*empty rule to fix IE6 tabbing bug*/
		#nav a, #nav a:hover, #nav a:active, #nav a:focus {}
			/* == 2nd Tier drop downs == */
			#nav ul {float:left;padding:29px 0 0;margin:-29px 0 0;overflow:visible !important;}
			#nav ul:hover {clear:both;}/*Opera fix*/
				#nav ul li {clear:both;float:left;position:relative;padding:0;text-align:left;}
				#nav ul > li {float:none;}
				#nav ul li.first {border-top:1px solid #BCBCBC;}
					#nav ul a {
					background:#bed3d2;
					margin:0 -120px 0 0;
					width:200px;
					height:auto;
					line-height:1.1;
					padding:7px 4px 10px 10px;
					border-bottom:1px solid #B3C6CC;					
					}
					#nav .wide ul a {margin:0 -91px 0 0;width:200px;}
					/* ---- Hover and Tabbing ---- */
					#nav ul a:hover, #nav ul a:focus, 
					#nav ul a:active {margin:0 -119px 0 0;background:#bed3d2;
					text-decoration:underline;}
					/* ---- Hover and Tabbing for wide tab groups ---- */
					#nav .wide ul a:hover, #nav .wide ul a:focus, 
					#nav .wide ul a:active 
					{margin:0 -90px 0 0;background:#bed3d2;text-decoration:underline;}
				/* === 3rd Tier drop downs === */
				#nav ul li ul {position:relative;top:auto;left:100px;margin:-60px 0 0;}
				#nav ul ul a {width:100px;}
/*Many Thanks to http://thinkhtml.blogspot.com/2009/09/timos-float-drop-css-only-dropdown-menu.html*/
/* ==== Side 3rd Tier Menu ==== */
#side .dkpurple li {padding:0 0 5px;}
/* ==== Footer Menu ==== */
#footer ul {display:inline-block;margin:0 auto;padding:0 0 0 5px;list-style-type:none;}
#footer li {float:left;padding:0;}
#footer li a {display:block;padding:20px 26px 10px;color:#fff;}
#footer li.first a {padding-left:0;}
#footer li.last a {padding-right:0;}
#footer li a:active, #footer li a:focus {outline:1px dotted #fff;}
/* ======== Page Styles ::
----------------------------------------------------------------- */
/* === Feature Image on home page === */
#FeatureImage {display:block;margin:0 auto 8px;border:12px solid #fff;}
/* === Feature Title on home page and Breadcurmbs on Interior pages === */
.feature-title, #breadcrumb {
height:34px;
padding:0 18px 0 0;
font:14px/2.5 Georgia,'Times New Roman',Times,Serif;
text-transform:uppercase;
background:url(../images/feature-title.png) repeat-x 0 0 transparent;}
	.feature-title span {float:right;text-align:right;}
#breadcrumb {padding:0 0 8px;}
	#breadcrumb a {color:#030303;}	
/* === News Pages === */
/* --- article summary --- */
.article-summary {margin:0 0 25px;}
/* --- article detail --- */
#articleTools {margin:15px 0 0;text-align:right;}
.a2a_dd {display:inline-block;vertical-align:bottom;}
/* ======== Forms ::
----------------------------------------------------------------- */
label {cursor:pointer;}
fieldset {border:0;}
input,label,select,textarea {
line-height:1.2;
vertical-align:baseline;
font-size:inherit;
font-family:inherit;
}
input[type="radio"], input[type="checkbox"] {position:relative;top:1.5px;}
input[type="text"],textarea {padding:.2em .2em .2em .4em;}
input[type="submit"] {
width:100px;
height:25px;
padding:3px 0;
background:#cee3e2;
border:0;}
textarea {overflow:auto;}
/* ==== Search Form ==== */
#masthead label {position:absolute;top:-999em;}
#masthead input.search-input {width:164px;height:23px;background:url(../images/inputbg.png) 0 0 no-repeat;border:none;}
#masthead input[type="submit"] {width:75px;}
/* ==== Subscribe Form ==== */
#connectBlock form {display:inline-block;width:288px;height:98px;text-align:center;vertical-align:top;background:#5b5992;}
#connectBlock label {display:block;padding:18px 0;text-transform:uppercase;color:#fff;}
#connectBlock input#ea {width:164px;height:23px;background:url(../images/inputbg.png) 0 0 no-repeat;border:none;}
#connectBlock input[type="submit"] {height:27px;padding-bottom:4px;}
/* ==== CMSMS Contact Form ==== */
#contactform {margin:0 auto;}
#contactform div {clear:both;display:block;padding:1em 0;overflow:hidden;}
#contactform label, #contactform p.label, #contactform input,
#contactform div.captcha img {display:block;float:left;}
#contactform label, #contactform p.label {padding-right:1em;width:30%;}
#contactform input,#contactform textarea {width:60%;}
#contactform textarea {height:180px;}
/* Captcha and Submit */
#contactform div.captcha input{width:188px;}
#contactform div.submit input {width:198px;}
/* Errors */
#contactform .error, #contactform .error * {color:#FF8A00 !important;}
/* ======== Calendar ::
----------------------------------------------------------------- */
#calendar {position:relative;margin:0/* auto*/;/*text-align:center;*/width:690px;list-style:none;}
#calendar ul {/*margin:0 auto;*/margin:0 0 0 4px;list-style:none;}
	#calendarMonth {display:inline-block;vertical-align:top;width:200px;padding:5px 0;}
		#calendarMonth h2 {padding:8px 0 0 6px;}
	#calendarNav {display:inline-block;vertical-align:top;width:400px;padding:5px 0;}
	#calendar li.calendarDays {background-color:#C0BFD5;font:bold 18px/1.1 arial;padding:0;width:680px;}
		#calendar li.calendarDays abbr {display:inline-block;padding:0 4px 0 0;	text-align:right;width:92px}
	li#calendarGrid {padding:0;}
	#calendarGrid li {
	/*float:left; maybe save this for IE6/7? or use display:inline;zoom:1*/
	/*text-align:center;*/
	border:1px solid #BCBCBC;
	color:#3B388B;
	display:inline-block;
	font:bold 18px/1 'Trebuchet MS',arial,sans-serif;
	min-height:100px;
	max-height:200px;
	margin:4px 1px;
	padding:3px 3px 5px;
	vertical-align:top;
	width:86px;
	text-align:right;
	}
		#calendarGrid li#lastmonth-1 {width:86px;}
		#calendarGrid li#lastmonth-2,#calendarGrid li#nextmonth-2 {width:182px;}
		#calendarGrid li#lastmonth-3,#calendarGrid li#nextmonth-3 {width:278px;}
		#calendarGrid li#lastmonth-4,#calendarGrid li#nextmonth-4 {width:374px;}
		#calendarGrid li#lastmonth-5,#calendarGrid li#nextmonth-5 {width:470px;}
		#calendarGrid li#lastmonth-6,#calendarGrid li#nextmonth-6 {width:566px;}
		#calendarGrid li#lastmonth-7,#calendarGrid li#nextmonth-7 {width:662px;}
		/* Current Day */
		#calendarGrid li.calendar-today, #calendarGrid li.calendar-today a {background:none repeat scroll 0 0 #F2FBFA;color:#030303;}
		/* Days with Events */
		#calendarGrid li.event-day, #calendarGrid li.event-day a, 
		#calendarGrid li.event-day.calendar-today, 
		#calendarGrid li.event-day.calendar-today a {color:#030303;background:#EAEAEA;}
		#calendarGrid li.event-day a:hover {text-decoration:none;}
#calendarGrid .eventSummary {
display:block;
font-size:11px;
font-weight:normal;
padding:2px;
text-align:left;}