@charset  "UTF-8";

/* Baseline Styles */
.centered
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.ieuc-meta-morph-frame
{
	display: block;
	float: left;
	overflow: hidden;
}

.line
{
	float: left;
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden;
}

.item
{
	position: relative;
	float: left;
	left: 100%;
}

body
{
	font-size: 62.5%;
	background-color: #f2eca9;
	background-image: url(../graphics/textures/cellular-paper.jpg);
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
}

#page
{
	width: 960px;
	padding: 0;
	float: left;
	margin-left: -480px;
	left: 50%;
	position: relative;
}

#masthead
{
	display: block;
	width: 960px;
	height: 154px;
	background-image: url(../graphics/banners/ieuc-relaunch-masthead-trans.png);
	text-indent: -5000px;
	margin: 0 auto 0 auto;
}

#canvas
{
	width: 960px;
	padding: 0;
	margin: 0 0 20px 0;
}

#site-nav
{
	display: block;
	position: relative;
	margin: 0;
	padding: 5px 0 0 10px;
}

#site-nav li
{
	list-style-type: none;
	list-style-position: inside;
	display: inline;
	margin: 0 10px 0 10px;
	padding: 0;
}

#site-nav a
{
	font-family: sans-serif;
	font-size: 12px;
	text-decoration: none;
	margin: 0;
	padding: 5px;
	display: inline;
}

#site-nav a:link { color: silver; }
#site-nav a:visited { color: gray; }
#site-nav a:hover { color: white; }
#site-nav a:active { color: white; }

.home-section #home-link,
.citations #citation-link,
.calendar #calendar-link,
.weblog #weblog-link,
.donate-section #donate-link
{
	color: yellow !important;
	cursor: default !important;
}

#right-side
{
	width: 725px;
	margin-left: -730px;
	margin-top: 0;
	position: relative;
}

#left-side
{
	width: 212px;
	margin-left: -100%;
	margin-top: 0;
	padding: 0;
}

#footer
{
	width: 954px;
	padding: 0;
}

.scripted #footer
{
	width: 960px;
	padding: 0;
}

/* @import url(ieuc-metamorph-frame-appearance.css); */
.scripted .top-left-corner
{
	width: 50%;
	margin-left: -100%;
	position: relative;
	float: left;
	left: 100%;
	overflow: hidden;
	display: block;
}

.scripted .top-left-corner .tile
{
	top: 0;
	left: 0;
}

.scripted .top-right-corner
{
	width: 50%;
	margin-left: -50%;
	position: relative;
	float: left;
	left: 100%;
	overflow: hidden;
	display: block;
}

.scripted .top-right-corner .tile
{
	top: 0;
	right: 0;
}

.scripted .left-side
{
	width: 50%;
	margin-left: -100%;
	height: auto;
	position: relative;
	float: left;
	left: 100%;
	overflow: hidden;
	display: block;
	z-index: 10;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}

.scripted .left-side .tile
{
	left: 0;
	top: -20px;
}

.scripted .tile
{
	display: block;
	position: absolute;
}

.scripted .framed-content
{
	position: relative;
	overflow: hidden;
	width: 100%;
	float: left;
	margin-left: -100%;
	left: 100%;
	display: block;
	z-index: 30;
}

.scripted .right-side
{
	width: 50%;
	margin-left: -50%;
	height: auto;
	position: relative;
	float: left;
	left: 100%;
	overflow: hidden;
	display: block;
	z-index: 10;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}

.scripted .right-side .tile
{
	right: 0;
	top: -20px;
}

.scripted .bottom-left-corner
{
	width: 50%;
	margin-left: -100%;
	position: relative;
	float: left;
	left: 100%;
	overflow: hidden;
	display: block;
}

.scripted .bottom-left-corner .tile
{
	bottom: 0;
	left: 0;
}

.scripted .bottom-right-corner
{
	width: 50%;
	margin-left: -50%;
	position: relative;
	float: left;
	left: 100%;
	overflow: hidden;
	display: block;
}

.scripted .bottom-right-corner .tile
{
	bottom: 0;
	right: 0;
}

.scripted .tile
{
	width: 2000px;
	height: 8000px;
}

.scripted .top-left-corner,
.scripted .top-right-corner,
.scripted .bottom-left-corner,
.scripted .bottom-right-corner { height: 12px; }
.scripted .ebony .tile { background-image: url(../graphics/frames/ebony-tile-trans.png); }
.scripted .aqua .tile { background-image: url(../graphics/frames/aqua-tile-trans.png); }

/* @import url(ieuc-relaunch-header-appearance.css); */
.scripted #ie7-badge
{
	right: 30px;
	position: absolute;
	padding: 0;
	margin: 0;
}

.scripted #ie7-badge img
{
	position: relative;
	top: 5px;
}

/* @import url(ieuc-relaunch-accordion-appearance.css); */
.scripted .accordion { overflow: auto; }

.scripted .accordion .tile, .stack .tile
{
	width: 2000px;
	height: 8000px;
}

.scripted .accordion .top-left-corner,
.scripted .accordion .top-right-corner,
.scripted .accordion .bottom-left-corner,
.scripted .accordion .bottom-right-corner { height: 11px; }
.scripted .accordion .active .meta-morph-item-name .bottom-left-corner,
.scripted .accordion .active .meta-morph-item-name .bottom-right-corner,
.scripted .accordion .last .meta-morph-item-content .bottom-left-corner,
.scripted .accordion .last .meta-morph-item-content .bottom-right-corner { height: 0; }
.scripted .accordion .active .meta-morph-item-content .bottom-left-corner,
.scripted .accordion .active .meta-morph-item-content .bottom-right-corner { height: 11px; }
.scripted .accordion .top-left-corner .tile,
.scripted .stack .accordion .top-left-corner .tile { background-image: url(../graphics/frames/solid-tile-trans.png); }
.scripted .accordion .top-right-corner .tile,
.scripted .stack .accordion .top-right-corner .tile { background-image: url(../graphics/frames/solid-tile-trans.png); }
.scripted .accordion .meta-morph-item-name .tile,
.scripted .stack .accordion .meta-morph-item-name .tile { background-image: url(../graphics/frames/solid-tile-trans.png); }
.scripted .accordion .active .top-left-corner .tile,
.scripted .stack .accordion .active  .top-left-corner .tile { background-image: url(../graphics/frames/header-tile-trans.png); }
.scripted .accordion .active .top-right-corner .tile,
.scripted .stack .accordion .active .top-right-corner .tile { background-image: url(../graphics/frames/header-tile-trans.png); }
.scripted .accordion .active .meta-morph-item-name .tile,
.scripted .stack .accordion .active .meta-morph-item-name .tile { background-image: url(../graphics/frames/header-tile-trans.png); }
.scripted .accordion .meta-morph-item-content .tile,
.scripted .stack .accordion .meta-morph-item-content .tile { background-image: url(../graphics/frames/open-panel-tile-trans.png); }

.scripted .accordion .inner-frame ul, .unscripted .accordion ul
{
	list-style-type: none;
	list-style-position: outside;
	margin-left: -5px;
}

.scripted .accordion .inner-frame li, .unscripted .accordion li
{
	display: block;
	width: 100%;
	padding: 5px 0 5px 0;
	margin: 0;
}

.scripted .accordion .meta-morph-item-name .frammed-content { margin-top: -20px !important; }

.scripted .accordion .meta-morph-item-name.first .inner-frame
{
	padding: 0;
	margin: 0;
}

.scripted .accordion .meta-morph-item-name .inner-frame a, .unscripted .accordion .meta-morph-item-name a
{
	padding: 0px 0px 0px 30px;
	margin: -5px 1px -5px 4px !important;
	text-indent: -20px;
	line-height: 1.5em;
}

.scripted .scripting-availability-check-pending #left-sidebar
{
	background-color: white;
	display: block;
	width: 100%;
	height: auto;
}

.scripted .stack .animating { color: teal !important; }

/* @import url(ieuc-relaunch-stack-appearance.css); */
.scripted .stack .tile
{
	background-image: url(../graphics/frames/solid-tile-trans.png);
	width: 2000px;
	height: 8000px;
}

.scripted .stack .meta-morph-prelude { padding: 0; }
.scripted .stack .meta-morph-prelude .tile { background-image: none; }

.scripted .stack .meta-morph-prelude .shuttle
{
	position: absolute;
	padding: 10px;
	margin-top: -13px;
	margin-left: -10px;
}

.scripted .stack .meta-morph-prelude .shuttle .inner-frame
{
	display: block;
	padding: 5px;
}

.scripted .stack .meta-morph-prelude .shuttle .tile
{
	background-image: url(../graphics/frames/bubble.png);
	width: 300px;
	height: 300px;
}

.scripted .stack .shuttle .top-left-corner,
.scripted .stack .shuttle .left-side,
.scripted .stack .shuttle .bottom-left-corner { width: 55%; }
.scripted .stack .meta-morph-prelude .top-left-corner,
.scripted .stack .meta-morph-prelude .top-right-corner,
.scripted .stack .meta-morph-prelude .bottom-left-corner,
.scripted .stack .meta-morph-prelude .bottom-right-corner { height: 14px; }

.scripted .stack .meta-morph-items
{
	width: 688px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	padding-bottom: 20px;
}

.scripted .stack .frammed-content { padding-bottom: 20px; }
.scripted .stack .meta-morph-items .tile { background-image: url(../graphics/frames/open-panel-tile-trans.png); }
.scripted .stack .meta-morph-item .accordion .meta-morph-items { width: 660px; }
.scripted .stack  .meta-morph-item-name { text-indent: 20px; }
.animated .stack  .meta-morph-item-name { display: none; }

.stack .meta-morph-item-content > *
{
	display: block;
	width: 620px;
	margin-left: 40px;
	margin-right: auto;
}

.stack .meta-morph-item-content > img
{
	width: auto;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: 0;
}

.stack .meta-morph-item-content p { text-align: justify; }
.scripted .stack .accordion .meta-morph-item-name { text-indent: 0; }
.scripted .stack .meta-morph-item { /*	margin-bottom: 10px;
	min-height: 20px; */ }

.scripted .stack .meta-morph-prelude ul
{
	overflow: auto;
	display: block;
	padding-left: 11px;
	margin-top: -10px;
	text-align: center;
}

.scripted .stack .meta-morph-prelude li
{
	width: auto;
	float: left;
	margin-right: 5px;
	list-style-type: none;
	list-style-position: outside;
}

.scripted .stack .meta-morph-prelude li a
{
	text-decoration: none;
	color: navy;
	padding: 10px 10px 10px 12px;
}

.scripted .stack  >ine > .framed-content > .inner-frame > .meta-morph-items > .line > .framed-content
{
	float: left;
	width: 100%;
	min-height: 300px;
	display: block;
	position: relative;
}

.scripted .stack  > .line > .framed-content > .inner-frame > .meta-morph-items > .line > .framed-content > .inner-frame > .meta-morph-item
{
	position: relative;
	float: left;
	left: 100%;
	margin-left: -100%;
}

/* @import url(ieuc-footer-appearance.css); */
#footer { margin: 30px 0 30px 0; }

#footer .inner-frame
{
	width: 920px;
	color: navy;
	font-size: 9px;
	overflow: hidden;
	margin: 10px auto 10px auto;
}

#footer .inner-frame a
{
	text-decoration: none;
	color: navy;
	text-transform: capitalize;
	font-weight: bold;
}

#footer .inner-frame p,
#footer .inner-frame h2,
 #footer .inner-frame h4
{
	text-align: justify;
	display: block;
	padding: 0 1em 0 1em;
	margin: 0 0 4px 0;
}

.scripted #footer .inner-frame h2 { font-size: 11px; }
.scripted #footer .inner-frame h3 { font-size: 10px; }
.scripted #footer .inner-frame h4 { font-size: 10px; }

.scripted #footer .inner-frame hr
{
	width: 80%;
	margin-top: 10px;
	margin-bottom: 10px;
}

#footer .left
{
	width: 460px;
	margin-left: -920px;
	left: 100%;
	float: left;
}

#footer .right
{
	width: 460px;
	margin-left: -460px;
	left: 100%;
	float: left;
}

/* Main */
.scripted #left-side .meta-morph-prelude
{
	margin: 0;
	padding: 0;
}

.scripted #left-side ul
{
	margin-left: 00px;
	padding: 0;
}

.scripted #left-side ul li
{
	margin: 0;
	padding: 0;
}

.scripted #left-side ul li a
{
	text-indent: -20px;
	margin: 0 2px 0 4px;
	padding: 5px 30px 5px 30px;
	line-height: 1.5em;
}

.scripted #right-side .stack
{
	width: 728px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.scripted .accordion a
{
	z-index: 50;
	position: relative;
	display: block;
	color: navy;
	text-decoration: none;
	width: auto;
	margin: 0;
}

.implicit
{
	height: 10px;
	padding: 0;
	margin: 0 0 -4px 0;
	overflow: hidden;
	text-indent: -5000px;
}

.scripted #main-page-elements { min-height: 700px; }

.scripting-availability-check-pending #site-nav
{
	display: block;
	background-color: black;
	padding: 5px;
}

.scripting-availability-check-pending #left-side
{
	display: block;
	background-color: #F3F2D5;
}

.scripting-availability-check-pending #right-side
{
	display: block;
	background-color: #F3F2D5;
}

.scripting-availability-check-pending .left, .scripting-availability-check-pending .right
{
	display: block;
	margin: 1em;
}

.scripting-availability-check-pending #footer
{
	background-color: #f4f0f0;
	border: medium gray groove;
}

.scripting-availability-check-pending #footer .left
{
	margin-left: -950px;
	text-align: justify;
}

.scripting-availability-check-pending #footer .right
{
	margin-left: -470px;
	text-align: justify;
}

.scripting-availability-check-pending .meta-morph-item-name
{
	background-color: #a9dcb4;
	padding: 5px;
}

.unscripted #site-nav
{
	background-color: black;
	border: medium gray ridge;
	padding-bottom: 5px;
}

.unscripted .meta-morph-item
{
	display: block;
	margin-bottom: 2em;
}

.unscripted .meta-morph-item-name
{
	display: block;
	padding: 1em;
	background-color: #c7c7e2;
	border-top: medium #837f5c groove;
	border-right: medium #837f5c groove;
	border-left: medium #837f5c groove;
	border-bottom: 0 #837f5c none;
	margin-bottom: 0;
}

.unscripted .meta-morph-item-content
{
	display: block;
	padding: 1em;
	background-color: #f5f4dd;
	border-right: medium #837f5c groove;
	border-bottom: medium #837f5c groove;
	border-left: medium #837f5c groove;
		border-top: 0 #837f5c none;
}

.unscripted #footer
{
	background-color: #f4f0f0;
	border: medium gray groove;
	float: left;
	margin-bottom: 20px;
}

.stationary .meta-morph-item-name .bottom-left-corner { display: none; }

.stationary .meta-morph-item-name .bottom-right-corner
{
	display: none;
	margin-bottom: 30px !important;
}

.stationary .meta-morph-item-content .top-left-corner { display: none; }
.stationary .meta-morph-item-content .top-right-corner { display: none; }

.stationary .meta-morph .meta-morph-items .meta-morph-item
{
	display: block;
	margin-bottom: 2em;
}

.stationary .meta-morph-item-name .left-side .tile,
.stationary .meta-morph-item-name .right-side .tile,
.stationary .meta-morph-item-name .top-left-corner .tile,
.stationary .meta-morph-item-name .top-right-corner .tile { background-image: url(../graphics/frames/header-tile-trans.png); }
.stationary .meta-morph-item-content .left-side .tile,
.stationary .meta-morph-item-content .right-side .tile,
.stationary .meta-morph-item-content .bottom-left-corner .tile,
.stationary .meta-morph-item-content .bottom-right-corner .tile { background-image: url(../graphics/frames/open-panel-tile.png); }

/*
*
{
	position: relative;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	border: 0 none;
	outline: 0;
	font-weight: inherit;
	font-family: inherit;
	font-style: normal;
	font-size: 100%;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: inherit;
	background-color: transparent;
	list-style-type: none;
	list-style-position: inside;
}

.centered
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.implicit
{
	height: 0px;
	overflow: hidden;
	text-indent: -5000px;
}

.line
{
	float: left;
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden;
}

.item
{
	position: relative;
	float: left;
	left: 100%;
}

.ieuc-meta-morph-frame
{
	display: block;
	float: left;
	overflow: hidden;
}

body
{
	font-size: 62.5%;
	background-color: #ffffcc;
	background-image: url(../graphics/textures/cellular-paper.jpg);
	font-family: Calibri, Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
}

#page
{
	width: 960px;
	float: left;
	margin-left: -480px;
	left: 50%;
}

#masthead
{
	display: block;
	width: 960px;
	height: 154px;
	background-image: url(../graphics/banners/ieuc-relaunch-masthead-trans.png);
	text-indent: -5000px;
}

#canvas
{
	width: 960px;
	padding: 0;
	margin: 10px 0 20px 0;
}


#site-nav
{
	display: block;
	padding: 5px;
}

#site-nav li
{
	display: inline;
}

#site-nav a
{
	font-size: 14px;
	padding: 10px;
}

#site-nav a:link { color: silver; }
#site-nav a:visited { color: gray; }
#site-nav a:hover { color: white; }
#site-nav a:active { color: white; }

.the-ieuc-homepage #home-link,
.citations #citation-link,
.calendar #calendar-link,
.weblog #weblog-link,
.donate #donate-link
{
	color: yellow !important;
	cursor: default !important;
}

#right-side
{
	width: 742px;
	margin-left: -742px;
}

#left-side
{
	width: 200px;
	margin-left: -100%;
}
#footer 
{ 
width: 954px;
text-align:justify;
}

#footer .left
{
	width: 460px;
	left: 100%;
	float: left;
	margin: 5px 5px 5px -945px;
}

 #footer .right
 {
 	width: 460px;
 	left: 100%;
 	float: left;
 	margin: 5px 5px 5px -470px;
 }

#footer h2, #footer h3, #footer h4
{font-weight: bold;margin-bottom: 1em;}

#footer p {margin-bottom: 1em;text-indent: 1em;}

.scripted .tile
{
	display:block;
	width: 2000px;
	height: 8000px;
}

.scripted .framed-content
{
	position: relative;
	overflow: hidden;
	width: 100%;
	float: left;
	margin-left: -100%;
	left: 100%;
	display: block;
	z-index: 30;
}

.scripted .top-left-corner
{
	width: 50%;
	margin-left: -100%;
	position: relative;
	float: left;
	left: 100%;
	overflow: hidden;
	display: block;
}

.scripted .top-left-corner .tile
{
	top: 0;
	left: 0;
}

.scripted .top-right-corner
{
	width: 50%;
	margin-left: -50%;
	position: relative;
	float: left;
	left: 100%;
	overflow: hidden;
	display: block;
}

.scripted .top-right-corner .tile
{
	top: 0;
	right: 0;
}

.scripted .left-side
{
	width: 50%;
	margin-left: -100%;
	height: auto;
	position: relative;
	float: left;
	left: 100%;
	overflow: hidden;
	display: block;
	z-index: 10;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}

.scripted .left-side .tile
{
	left: 0;
	top: -20px;
}

.scripted .right-side
{
	width: 50%;
	margin-left: -50%;
	height: auto;
	position: relative;
	float: left;
	left: 100%;
	overflow: hidden;
	display: block;
	z-index: 10;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}

.scripted .right-side .tile
{
	right: 0;
	top: -20px;
}

.scripted .bottom-left-corner
{
	width: 50%;
	margin-left: -100%;
	position: relative;
	float: left;
	left: 100%;
	overflow: hidden;
	display: block;
}

.scripted .bottom-left-corner .tile
{
	bottom: 0;
	left: 0;
}

.scripted .bottom-right-corner
{
	width: 50%;
	margin-left: -50%;
	position: relative;
	float: left;
	left: 100%;
	overflow: hidden;
	display: block;
}

.scripted .bottom-right-corner .tile
{
	bottom: 0;
	right: 0;
}


.scripted .top-left-corner,
.scripted .top-right-corner,
.scripted .bottom-left-corner,
.scripted .bottom-right-corner { height: 12px; }

.scripted .ebony .tile { background-image: url(../graphics/frames/ebony-tile-trans.png); }

.scripted .aqua .tile { background-image: url(../graphics/frames/aqua-tile-trans.png); }

*/

.scripted #website-navigation
{
	position: relative;
	top: -6px;
}

.unscripted #volunteer-match-badge
{
	display: block;
	position: relative;
	margin-left: -13px;
}

a img { border: 0; }

#website-navigation a.current, .homepage a#homepage-link
{
	font-weight: bold !important;
	color: #060084 !important;
	background-image: url(../graphics/markers/location.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 60px !important;
	padding-right: 30px !important;
	text-indent: -20px !important;
}

.menu-rule
{
	height: 2px;
	border-bottom: medium #D3DDDC solid;
	width: auto !important;
	margin: 0 2px 5px 4px !important;
	color: aqua;
}

.scripted .accordion .first .meta-morph-item-name .inner-frame a { margin-top: -10px !important;margin-bottom: -5px; }

/*
#website-navigation a.current:before {content: "> ";}
#website-navigation a.current:after {content: " <";}

*/

.donate-now-page blockquote
{
	font-size: 14pt;
	font-weight: bold;
	text-align: justify;
}
.portal {margin-bottom: 1em;clear: both;}
.portal a {text-decoration: none;}
.portal .portal {margin-left: 40px; margin-right: 40px;}
.portal + .portal {margin-top: 2em;padding-top:0; border-top: medium teal groove;}

.portal + .portal .portal, .meta-morph-item .portal:first-child .portal
{
border-top: thin teal none;
border-left: medium teal groove;padding-left: 10px;
}

.reference-authors {font-style: italic;}
.reference-image
{
	display: block;
	float: left;
	margin-right: 20px !important;
	margin-top: 10px;
	margin-bottom: 10px;
}

.reference-title
{
	display: block;
	margin-top: 2em;
	font-size: 14pt;
	font-weight: bold;
}

.unscripted .accordion ul
{
	margin: 0;
	padding: 0;
}

.unscripted .accordion ul li
{padding-left: 0;margin-left:-10px;}

.unscripted .accordion ul li a {text-decoration: none;text-indent: -20px;padding-left: 30px;display:block;}

.unscripted .menu-rule {
margin-left: -10px !important;margin-right:-10px !important;
margin-bottom: 5px !important;
width: auto !important;
}

#homepage-headline
{
	font-size: 17pt;
	line-height: 1.5em;
}

#homepage-tagline
{
	font-size: 12pt;
	font-style: italic;
	display: block;
	text-align: right;
}


.inform7 {font-family: 'Calibri' !important; font-size: 11pt;}
.inform7 .kw1 {color: green; font-weight: bold;font-style: italic; font-size: 11pt;margin-right: 3px;margin-left: 3px;}
.inform7 .kw2 {color:  navy; font-style: italic; font-weight: bold; font-size: 11pt;margin-right: 3px;margin-left: 3px;}
.inform7 .kw3 {color: #ff0000; font-weight: bold; font-size: 11pt;margin-right: 3px;margin-left: 3px;}
.inform7 .kw4 {color: purple; font-weight: bold; font-size: 11pt;margin-right: 3px;margin-left: 3px;}
.inform7 .st0 {color: #0000ff; font-size: 11pt;margin-right: 3px;margin-left: 3px;}
.inform7 .kw3 + .sy0 {margin-right:6px;}
.inform7 .st0 {color: #0000ff; font-size: 11pt;margin-right: 3px;margin-left: 3px}
.php {font-family: 'Consolas' !important; font-size: 9pt;}