/*******************/
/*  LAYOUT.CSS - Contains layout-related formatting (position, margins/padding, heights, widths, etc). */
/*******************/


/* Global styles */

*{
   padding:0; 
   margin:0;
}
img { border: 0; }
img.nofloat {
   float: none; 
   display: block;
   margin-left: auto;
   margin-right: auto;
}
body {
   text-align: center; 
} 
li {
   list-style-position: outside;
}
h1 a, h2 a {
	text-decoration: none;
}
h1 a:hover, h2 a:hover {
	text-decoration: none;
}
a.external {
    padding-right: 13px;
}
.page-container {
   width: 960px; 
   margin: 0px auto; 
   margin-top: 5px; 
   margin-bottom: 0px; 
   text-align: left; 
}


/* General formatting classes */

.alignbottom {
   position:absolute; 
   bottom:0px;
}
.right-text {
	text-align: right;
}
.center-text {
	text-align: center;
}
.left-text {
	text-align: left;
}
.clear { 
	clear: both; 
}
.centered { 
	margin: 0 auto;
}
.video-container  { 
	display: block;
	width: 396px;
} 
.form-header {
   text-align: center;
}


/* Quick links and search */

.toplinks {
	float:right;
	left:545px;
	margin-top:-24px;
	position:absolute;
	text-align:right;
	width:400px;
	z-index:10;
}
#quicklinks {
	float:left;
	height:20px;
	margin-left:70px;
	width:155px;
}
#quicklinks option {
	padding-left: 15px;
}
.quickheader {
	margin-left: -15px;
}
.searchform {
	padding-bottom: 5px;
	float: right;
}
.searchform form fieldset {
   border: none;
}
.searchform input.field {
   padding: 0.1em; 
   vertical-align: top;
   width: 125px;
   height: 15px;
}
.searchform input.button {
   text-align: center; 
   cursor: pointer; 
   padding: 1px 4px 1px 4px;
   height: 20px;
}


/* Header */

.header {
   width: 960px;
}
.header-nav {
   height: 35px;
   margin-top: -2px;
}
.header-nav ul {
	text-align: center;
}
.header-nav ul li {
	display: inline;
}
.header-middle {
   position: relative;
   width: 960px;
}
.header-bottom {
   width: 960px; 
}
.header-message {
	width: 700px;
	margin-left: 30px;
	margin-top: 15px;
	float: left;
}
* html .header-message {
	margin-left: 15px;
}
.header-message span {
	margin-top: 25px;
}
.header-donate {
	text-align: center;
	width: 150px;
	margin-left: 773px;
	padding-top: 15px;
	padding-bottom: 5px;
}
.header-donate img {
	padding-bottom: 5px;
	width: 126px;
	height: 32px;
}
.header-breadcrumbs {
   padding-left: 25px;
}
.inner-banner {
	display: block;	
}


/* Main Area */

.main {
   width: 960px; 
   margin-bottom: 20px;
   margin-top: 20px;
}
.main-header { 
   margin-bottom: 10px;
   float: left;
}
* html .main-header {
   margin: 0px 0px 5px 10px; 
}
.main-content-box {
   float: left; 
   margin: 0px; 
   display: inline; /*IE6*/;
   margin-bottom: 15px;
}
.main-header, .news-header, .main-content-box {
	margin-left: 20px;
	width: 700px;
}
.main-content-box li {
   margin: 0px 10px 0px 10px; 
}
.main-content-item {
   padding: 5px 0px 5px 0px; 
   line-height: 16px;
}
.main-content-item h1 {
   padding-bottom: 5px; 
   padding-top: 3px;
}
.main-content-item h3 {
   padding-bottom: 10px; 
}
.main-content-item p {
   padding-bottom: 10px; 
}
.main-content-item ul, ol {
   padding-bottom: 10px; 
   position:relative;
   left: 20px;
   margin-left: 20px;
}
* html .main-content-item li {
	margin-bottom: 5px;
	padding: 0;
}
.main-content-item img {
   margin-right: 10px; 
   margin-top: 3px;
}
.right-align {
	text-align: right;
}
.content-item-list {
	margin-bottom: 10px;
	margin-top: 10px;
}
.content-item-list ul {
   padding-bottom: 10px; 
   margin-left: 20px;
}
.content-item-list h3 {
	margin-bottom: 5px;
}
.content-item-list li {
	margin-left: 10px;
	line-height: 16px;
}

/* Service location box */
.service-location {
	float: right;
	width: 520px;
	padding-top: 5px;
}
.service-location .main-content-item {
	padding: 0px; 
}
.service-location .service-location-list {
	padding: 10px; 
}


/* News Items */

#news-table table {
	float: left;
	margin-bottom: 20px;
}
#news-table table tr {
	text-align: center;
}
#news-table table .main-content-box {
	margin-bottom: 0px;
}
.inthenews img {
   border-style: none;
}
.main-news-item UL {
  list-style-type: none;
}
.main-news-item LI {
   padding: 0px 0px 10px 0px; 
   list-style-type: none;
   margin-left: 0px;
}
.main-news-item a:hover, .right-news-item a:hover {
    z-index:25; 
	cursor: pointer;
}
.main-news-item h2 {
   margin: 0px 0px 0px 0px; 
   margin-bottom: 5px;
}
.location-inthenews li {
	margin-left: 20px;
}
.news-quote-left, .news-quote-right {
	width: 250px;
}
.news-quote-left, .news-quote-right, .news-quote-middle  {
	padding: 10px;
}
.news-quote-middle {
	text-align: center;
}
.news-quote-left { text-align: right; float: left; margin-right: 10px; }
.news-quote-right { text-align: left; float: right; margin-left: 10px; }
.news-quote-left br, .news-quote-right br { margin-bottom: 10px; }
.news-image {
	text-align: center;
}
.news-image img {
	float: left; 
	margin-right: 10px;
}
.inner-left h2, .main-content-item h2, .main-news-item h2 {
	padding-top: 10px;
	padding-bottom: 5px;
}
.main-news-item a span, .right-news-item a span {
    display: none;
}
.main-news-item a:hover span {
	text-align: left;
}
.main-news-item a:hover span, .right-news-item a:hover span{ /*the span will display just on :hover state*/
    display:block;
    position: absolute;
    top:1.2em; 
    left:3.5em; 
    width:30em;
    border:1px solid #665e72;
    padding: 4px;
    z-index:25; 
}
.news-listing {
	margin-bottom: 10px;
	display: block;
	overflow: hidden;
	text-align: left;
}
.news-listing h1 {
	margin: 0px;
	padding: 0px;
	margin-bottom: 2px;
}
.news-listing p {
	margin-bottom: 0px;
}
.news-listing img {
	margin-bottom: 10px;
	float: left;
}
.news-listing div {
	float: left;
	width: 100%;
}
.news-listing  div.has-image {
	width: 590px;
}
.news-nav {
	text-align: right;
}
.news-header {
	margin-bottom: 10px;
}
.news-date {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.news-date b { color: #505050; }
.news-back span, .news-forward span {
	cursor: pointer;
	padding:1px 2px;
	text-align: center;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
span.button-inactive {
	cursor: arrow;
}
.news-back {
	margin-left: 10px;
	float: left;
}
.news-forward {
	margin-right: 10px;
	float: right;
}


/* Right Nav News Box */

.right-news-item a, .main-news-item a {
    position:relative; /*this is the key*/
    z-index: 24;
}
.right-news-item a:hover span{
	left: 2em;
	width: 15em;
}
.right-news-item h4 {
	padding-bottom:5px;
	text-align: center;
}
.right-news-item li {
	padding: 5px;
	text-align: left;
}
.right-news-item li p {
	padding: 2px;
	//zoom: 1;
}


/* Associated content and services */

.associatedContent {
   margin-top: 1em;
   margin-bottom: 1em;
   overflow: hidden;
}
.associatedContent ul {
   margin: 0;
   padding: 0;
   text-align: center;
}
.associatedContent li {
   display: inline;
   float: left;
   margin: 5px;
}
.associatedservices {
    padding-bottom:0px;
    padding-top:0px;
    overflow: auto;
}
.associatedservices H3 {
    padding-bottom:10px;
    padding-top:0px;
}
.associatedservices li {
    margin-right: 0px;
}
.associatedservices span {
    margin-left: 0px;
}
.associatedservices img {
   float:none;
   margin-left:0px;
   margin-right:0px;
   margin-top:0px;
}
.associatedservices td {
   vertical-align: top;
   padding-left: 5px;
}
div.associatedContent {
   width: 95%;
}


/* Giving Catalog */

.givingcataloglist td {
   padding-left: 5px;
   padding-right: 5px;
}
.givingcataloglist img {
   margin: 0px;
}


/* Inner pages - Left panel */

.inner-left p {
	margin-bottom: 5px;
}
.inner-left img {
	margin-bottom: 10px;
}
.inner-left {
	clear: left;
 	display: inline;
	float:left;
 	margin-right: 15px;
	width: 160px;
}
.inner-left-links {
	width: 100%;
	text-align: center;
}
.inner-left-links h3 {
	padding-bottom: 3px;
}
.inner-left-links ul.section-list {
	margin-top: 5px;
	padding-bottom: 5px;
	position: relative;
	z-index: 1;
	text-align: left;
}
.inner-left-links ul.section-list li {
	margin-bottom: 5px;
	padding-left:10px;
	text-indent:-10px;
}
.list-content {
	margin-left: 175px;
}


/* Inner pages - Right panel */

.sm-buttons {
	border: 0;
	text-align: right;
}
.sm-buttons img {
	margin-right: 2px;
}
.home-sm-buttons {
	margin-left: 40px;
	margin-top: 10px;
}
.main-right {
   float: right; 
   width: 200px; 
   margin: 0;
   margin-left: 10px; 
   margin-right: 20px; 
   padding: 0px;
   display: inline;
   text-align: right;
}
.right-highlight {
   margin: 14px 14px 20px 14px; 
}
.right-highlight img {
   margin-bottom: 5px;
}
.right-highlight h2 {
	margin-bottom: 10px;
}
.DELETE-main-right p {
   margin: 0px 14px 0px 14px; 
}
.main-right h4 {
   margin: 0px 0px 0px 0px; 
}
.right-nav-box > div {
	text-align: center;
}
.right-nav-box-bottom {
	padding-top: 5px;
}
.right-nav-box .event, .right-nav-box li {
	padding: 5px;
}
.right-nav-box { text-align: center; }
.right-nav-box .title {
   border: none;
   padding-bottom: 5px;
}
.right-nav-box .newsdate { 
	text-align: right;
}


/* Calendar */

.rsHeader H2 {
   padding: 0px;
}
.RadScheduler P {
   padding-bottom:0px;
}
.RadScheduler .rsHeader ul {
   left:0px;
}
#UpcomingEventsDiv div.event li {
   padding: 0px 0px 10px 0px; 
   margin-left: 0px;
}
#UpcomingEventsDiv div.event a {
    position:relative; /*this is the key*/
    z-index: 24;
}
#UpcomingEventsDiv div.event a:hover {
    z-index:25; 
}
#UpcomingEventsDiv div.event h2 {
   margin: 0px 0px 0px 0px; 
   padding-bottom: 10px;
}
#UpcomingEventsDiv div.event h2 {
	padding-top: 10px;
	padding-bottom: 5px;
}
#UpcomingEventsDiv div.event a span {
    display: none;
}
#UpcomingEventsDiv div.event {
	text-align: right;
	padding-left: 10px;
	padding-right: 10px;
}


/* General Form Classes */

legend {
	padding: 5px;
}
fieldset p {
	margin: 10px;
}
input.submit {
	margin: 5px;
}
input.radio {
	margin-right: 5px;
}


/* Contact Form */

fieldset.contact-field {
	float: left;
	width: 480px;
	margin-right: 20px;
}
fieldset.contact-field div.design_content .design_textfield {
	width: 235px;
}
fieldset.contact-field input.text, input.design_textfield, ol.contact input.text {
	height: 20px;
	width: 235px;
}
fieldset.contact-field textarea.text, textarea.design_textfield {
	width: 235px;
}
ol.contact li {
	margin-bottom: 8px;
	margin-left: 10px;
}
ol.contact li label {
	width: 180px;
	display: block;
	float: left;
	padding-right: 10px;
}
ol.contact li label.wide {
	width: 95%;
	float: none;
}
ol.contact input.radio { 
	margin-bottom: 7px; 
	margin-top: 8px;
}


/* Footer */

.footer {
   width: 960px;
   padding: 15px 0 15px 0;
}
.footer p {
   text-align: center; 
} 
.footer a:hover {
} 
ul.footer-links {
        padding-top: 10px;
        margin: 0;
        text-align: center;
}
ul.footer-links li {
        margin-right: 20px;
        display: inline;
        text-align: center;
}
img#coalogo {
    position: relative;
    float:right;
    margin-right: 14px;
    vertical-align: bottom;
}


/* Misc */
.controls {
	margin: 0 auto;
	margin-top: 8px;
	width: 100%;
	text-align: center;
}
.controls img {
   margin: 0px;
   text-align: center;
   float: none;
}               
.main-content table.controls {
	width: 80%;
}
.eventdetail img {
   float: none; 
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.QuickLinksMenu {
   display: inline;
}

/******************/
/*  CLEAR FLOATS  */
/******************/

.header-donate:after { content: "."; display:block; visibility: hidden; height: 0; clear: both; }

/* Derek's note: I commented these selectors out, as they were causing problems with the new layout. Feel free to un-comment specific selectors that you need. */

/*.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after, .main-content div:after, .main-subcontent:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border:after, .subcontent-unit-noborder:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border-blue:after, .subcontent-unit-border-green:after, .subcontent-unit-border-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-noborder-blue:after, .subcontent-unit-noborder-green:after, .subcontent-unit-noborder-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:440px; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}
*/

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/

@media print {.header-top {width:900px; height:80px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.header-breadcrumbs {width:900px; background:transparent;}}
@media print {.nav2 {float:left; width:900px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.main {clear:both; width:900px; padding-bottom:30px; background:transparent;}}
@media print {.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:199px; border-right:solid 1px rgb(200,200,200); border-bottom:solid 1px rgb(200,200,200); background-color:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}}
@media print {.footer {clear:both; width:900px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.page-container {width: 900px; }}


/********************************/
/*  Ektron 'silver bubbles'     */
/********************************/

html a.EktronEditorsMenuMarker
{display:none !important}