@import url("base.css");
@import url("master.css");

/****************************************************/
/* 	global.css */
/* 	http://theatomgroup.com */
/* 	Description: Imports all other style sheets.
	Contains styles for layout and structure.
	Should only include styles for elements targeted via
	a containing CLASS or ID. All elements that are found in
	the MASTER page should be styled in master.css */
/****************************************************/


/* @group GLOBAL MISC */

/*-floats-*/
.right { float: right; }
.left { float: left; }

/*-buttons-*/
a.btn {
	background: url('../images/buttons/btn-bg.png');
	border: 1px solid #FFF;
	display: inline-block;
	color: #FFF;
	line-height: 19px;
	font-size: 11px;
	font-weight: bold;
	padding: 0 11px 0 19px;
}

	.home-callouts .img-promo a.btn,
	.promo-even a.btn {
		background: url('../images/buttons/btn-bg-alt.png');
	}
	
	a.btn:hover {
		background-position: bottom left !important;
	}

/* @group GLOBAL MISC END */

/* @group HOME */

.accordion-banner {
	background: url('../images/temp/Home_Accordion.jpg') no-repeat;
	border: 1px solid #D6D6D6;
	width: 932px;
	height: 305px;
	margin-top: 16px;
}

	.accordion-banner dl.accordion {
		float: right;
		width: 266px;
		margin:0; padding:0;
	}
	
		.accordion-banner dl.accordion dt { 
			background: url('../images/structure/Accordion-Nav.png') repeat-x;
			margin: 0;
			padding: 0 12px;
			line-height: 31px;
			font-size: 14px;
			font-weight: bold;
			color: #FFF;
			cursor: pointer;
			clear: both;
		}
		
			.accordion-banner dl.accordion dt.selected {
				background-image: url('../images/structure/Accordion-Nav-Active.png');	
				cursor: default;
			}
		
				.accordion-banner dl.accordion dt.selected span { 
					background: url('../images/structure/Accordion-Nav-Active-Arrow.gif') no-repeat right center;
					padding-right: 17px;
				}
				
		.accordion-banner dl.accordion dd {
			background: url('../images/structure/Accordion-Nav-Open.png') repeat-y;
			padding: 0 22px;
			margin: 0;
			float: left;
			width: 222px;
			height: 181px;
			display: none;
			color: #000;
			font-size: 11px;
		}

			.accordion-banner dl.accordion dd h2 {
				color: #000;
				font-size: 18px;
				margin: 20px 0 9px 0;
			}
			
			.accordion-banner dl.accordion dd p {
				margin-bottom: 16px;
				line-height: 1.41;
			}
			

.home-col {
	background-color: #E8E8E8;
	border: 1px solid #D6D6D6;
	float: left;
	width: 262px;
	height: 340px;
	margin: 9px 9px 0 0;
	padding: 21px 30px 10px;
	line-height: 1.41;
	color: #000;
}
	
	.home-col h2 {
		font-size: 20px;
		line-height: 1;
		color: #536B0D;
		border-bottom: 1px solid #C9C5B8;
		padding-bottom: 5px;
		margin: 0 0 6px 0;
	}
	
	.home-col h3 {
		font-size: 16px;
		line-height: 1;
		color: #666;
		font-weight: bold;
		margin: 0 0 0 0;
		padding:0;
	}
	
	.home-col p {
		margin-bottom: 20px;
	}
		
		
		/* @commentgroup
		 a bit strange, but if an anchor is outside of a p or a ul, 
		then it gets bolded and larger in the design,
		so im setting all anchors to bold/larger and resetting them
		when they are inside of a p or ul tag. */
		.home-col a {
			font-size: 13px;
			font-weight: bold;
			margin-bottom: 0.5em;
			/*--ie6 hasLayout bug.
				LI's 'arrow' was dissapearing
				in IE6 due to this bug. */			
			/*-ie6-*/
		}
		
		.home-col ul li a,
		.home-col p a {
			font-size: 12px;
			font-weight: normal;
			margin-bottom: 0;
		}
		/* @end */
		
		.home-col ul {
			margin: 7px 0 14px 0;
		}
			
			.home-col ul li {
				margin: 5px 0 5px;	
				padding-right: 0;
				line-height: 1.41;
				zoom: 1;
			}
		
.home-callouts {
	background: #F2F2F2;
	border: 1px solid #D6D6D6;
	width: 266px;
	float: left;
	margin: 9px 0 0 0;
	color: #333;
	line-height: 1.41;
}

	.home-callouts h3 {
		margin: 2px 0 7px 0;	
		color: #4C7100;
		font-size: 15px;
		line-height:1.12;
	}

	.home-callouts .img-promo {
		border-bottom: 1px solid #D6D6D6;
		height: 70px;
		padding: 103px 10px 0px 10px;
		color: #000;
	}
	
	.home-callouts .img-promo h2 {
		color: #000;
		margin: 0 0 6px 0;
		line-height: 1.12;
	}
	
	.home-callouts .promo {
		height: 173px;
		padding: 12px;
	}
	
	.home-callouts .promo p {
		margin: 0 0 15px;
	}


/* @group PROMOS */

	
	.aside .promo {
		padding: 8px 12px 7px;
		background-color: #f2f2f2;
		border: solid 1px #d6d6d6;
		margin-bottom: 10px;
		line-height: 1.41;
		color: #000;
	}


	.aside .promo h3 {
		margin: 0 0 6px;
		color: #4C7100;
		font-size: 18px;
		line-height:1.12;
		border-bottom: solid 1px #d6d6d6;
		padding-bottom: 5px;
	}
	
	#main .aside .promo ul {
		margin-top: 0;
		margin-bottom: 7px;
	}	
	
	#main .aside .promo ul li {
		margin-bottom: 0;
		color: #515151;
		padding-right: 0;
	}	
	
	#main .aside .promo p {
		margin: 0 0 8px 0;
	}	

	.aside .img-promo {
		padding: 8px 12px 7px;
		background-color: #f2f2f2;
		border: solid 1px #d6d6d6;
		margin-bottom: 10px;
		line-height: 1.41;
		color: #515151;
		
	}
	
	.promoImage { max-width: 242px; }
	
	.aside .img-promo h3 {
		border-bottom:1px solid #D6D6D6;
		color: #023e87;
		margin:0;
		padding: 7px 0 5px 0;
		font-size: 18px;
		line-height: 16px;
	}
	
	.aside .img-promo p { margin: 5px 0 8px 0; }
	.aside .promo-odd h3 { color: #4b6f01; }
	.aside .promo-even h3 { color: #023e87; }
	.aside .promo-even { color: #515151; }
	
	/*- for white bg in img-promo-*/
	.img-promo { position: relative; z-index: 1; }
	.img-promo * { z-index: 2; position: relative; }
	.img-promo .text-bg {
		background-color: #FFF;
		position: absolute;
		left: 0;
		bottom: 0;		
		width: 266px;
		opacity: 0.7;
		filter: alpha(opacity=70);
		z-index: 1;
	}

/* @end PROMOS */


/* @group CONTENT-STRUCTURE */

div.copy {
		padding: 0 17px;
	}
	
	div.copy ul {
	}
	
	div.copy ul li {
		margin: 5px 0;
	}

.header-image {
	border: solid 1px #d6d6d6;
}

.focus-area {
	border: solid 1px #d6d6d6;
	padding: 10px 15px;
	background-color: #f5fafe;
	margin-bottom: 10px;
}

	.focus-area ul {
		margin: 16px 0 0;	
	}
	
	.focus-area ul li {
		margin: 9px 0;	
	}

.overview-row {
	padding: 10px 0 6px 115px;
	position: relative;
	border-top: solid 1px #d9d6cd;
	/*-ie6 hasLayout
		for Padding on bottom of row -*/
	_zoom: 1;
}	

	.overview-row h2 {
		margin: 0 0 5px 0;
		line-height: 1em;
	    font-size: 16px;
	    font-weight: bold;
	}
	.overview-row h2 a {
	    background:none;
	    color:#003F87;
	    padding-left:0;
	    margin:0;
	}
	
	.overview-row h2 a:hover { color:#003F87; }

	.overview-row img {
		position: absolute;
		left: 0px;
		top: 11px;
	}
	
	.overview-row p { margin: 0; padding-bottom: 10px; }
	
	.overview-row a {
		background: url('../images/master/bullet.gif') no-repeat left center;
		display: block;
		color: #515151;
		padding-left: 9px;
		margin: 8px 0 0;
	}
	
	.overview-row a:hover {
		text-decoration: underline;	
	}

	.overview-row-first {
		border-top: none;
	}


#main div.copy ul.two-col-lists {
	float: left;
	margin-top: 0;
	/*--please fix this, ie6/7 issue
	needs to be fixed better.
	/*margin-bottom: 9px;*/
	margin-bottom: -2px;
}

#main div.copy ul.two-col-lists li {
	float: left;
	width: 275px;
	margin-top: 0;
}


ul.bullets {
	margin: 0 0 0 5px;
}

ul.bullets li {
	background-image: url('../images/structure/bullet-squares.gif');
	padding-right: 0;
	margin: 10px 0;
}

ul.spread-list li {
	margin: 19px 0;	
}

.asideInfo {
	background-color: #F2F2F2;
	padding: 12px;
	font-size: 11px;
	border: 1px solid #D6D6D6;
	margin-bottom: 10px;
}

.quote {
	background-color: #F4FAFE;
	border: 1px solid #D6D6D6;
	color: #000;
	font-size: 11px;
	padding: 12px;
	text-indent:-5px;
}

	.quote b {
		font-size: 11px;
		line-height: 1.6;
	}
	
	
/*-News Section*/
.block-seperator {
	background-color: #F4FAFE;
	border: 1px solid #D6D6D6;
	padding: 0 16px;
	height: 31px;
	line-height: 31px;
}

.list-header-block {
	border-bottom: 0;
}

	.block-seperator h2 {
		margin: 0;
		float: left;
		line-height: 31px;
	}
	
	.block-seperator a.view-more { 
		background: url('../images/master/bullet.gif') no-repeat left center;
		padding-left: 9px;
		float: right;
		font-weight: bold;
		font-size: 11px;
	}

	a.back-to { 
		float: right;
		font-weight: bold;
		font-size: 11px;
	}

/* article list */
.news-row {
	border-top: 1px solid #D6D6D6;
	padding: 0 0 20px 147px;
	position:relative;
	/*-ie6 hasLayout
		for Padding on bottom of row -*/
	_zoom: 1;
}

	.news-row .news-date {
		position: absolute;
		top: 19px; 
		left: 17px;
		font-weight: bold;
		width: 125px;
	}

	.news-row .news-time {
		font-size: 11px;
		font-weight: normal;
	}
		
	.news-row a {
		font-weight:bold;
		line-height: 1.5;
	}

	.news-row h2 a {
		font-weight: normal;
		line-height: 1.2;
	}
	

/* article */
.article {

	position:relative;
	/*-ie6 hasLayout
		for Padding on bottom of row -*/
	_zoom: 1;
}

	.article .article-date {
		font-size: 15px;
		font-style: italic;
		display: block;
		margin-bottom: 10px;
		color: #6C839E;
		font-family:"Times new roman",georgia,serif;
	}
		
	.article a {
		font-weight:bold;
		line-height: 1.5;
	}		

/* Member Stories Carousel */

.MemberCarousel {
	padding: 0 13px;
	position: relative;
	height: 165px
}

	.MemberCarousel a.next,
	.MemberCarousel a.prev {
		display: block;
		width: 13px;
		position:absolute;
		top: 58px;
		z-index:2;
	}
	
		.MemberCarousel a.next { right: 0px; }
		.MemberCarousel a.prev { left: 0px; }	

	.MemberCarousel .carousel { 
		overflow:hidden;
		position: absolute;
		left: -99999px; 
		height: 145px;
	}
	
	.MemberCarousel ul li {
		margin:0;
		list-style: none;
		background: none;
		position: relative;
		font-size: 12px;
		color: #003F87;
		padding: 0;
	}
	
	.MemberCarousel ul li:hover {
		background: url(../images/structure/carousel-hover.jpg) no-repeat 16px 14px;
		display: block;	
	}
	
	.MemberCarousel ul li.selected a:hover {
		background: none;
	}
	
	.MemberCarousel ul li span {
		background: url(../images/structure/Translucent-White.png);
		position: absolute;
		bottom: 29px; left: 28px;
		display: block;
		line-height: 16px;
		width: 153px;
		text-align:center;
	}
	
	.MemberCarousel ul li img {
		width: 153px;
		height: 94px;
		padding: 26px 28px;
		
	}
	
	.MemberCarousel ul li.selected {
		background: url('../images/structure/carousel-selected.jpg') no-repeat;	
		/* position: relative;
		left: 20px; */
	}
		
		.MemberCarousel ul li.selected span {
			left: 12px;
			bottom: 23px;
			width: 179px;
			line-height: 16px;
			padding: 6px 3px;
			font-size: 15px;
			color: #000;
		}
		
	
		.MemberCarousel ul li.selected img {
			width: 185px;
            height: 115px;
			padding: 11px 12px 22px;
		}

/* @end CONTENT-STRUCTURE */

/* @CONTACT */

.copy .EditingFormTable td {
	border: 0;
	vertical-align: top;
}	

	.copy .EditingFormLabelCell label {
		display: block;
		padding-right: 15px;
		text-align: right;
	}

	.copy .EditingFormValueCell .TextBoxField {
			display: block;
			border: 1px solid #D3D3D3;
			background: #F9F9F9;
			padding: 4px;
			font-size: 12px;
			color: #003e87;
			width: 200px;
	}

	.copy .EditingFormValueCell .TextAreaField {
			display: block;
			border: 1px solid #D3D3D3;
			background: #F9F9F9;
			padding: 4px;
			font-size: 12px;
			color: #003e87;
			width: 300px;
			height: 100px;
	}			

/* @end CONTACT */


/* @ACCORDION */

.accordion {
	margin-top: 8px;
}

	.accordion h3 {
		background: url(../images/accordion/header-bg.gif) repeat-x;
		color: #003F85;
		font-size: 14px;
		line-height: 24px;
		border: 1px solid #C8C8C8;
		border-top: 3px solid #5685b4; 
		padding: 0 0 0 10px;
		margin: 12px 0 0;
		cursor: pointer;
		position: relative;
		
		/*-ie6 hasLayout-*/
		zoom: 1;
	}
	
		.accordion h3 span.arrow {
			background: url(../images/accordion/arrow-down.gif) no-repeat;
			display: block;
			width: 17px;
			height: 24px;
			position: absolute;
			top: 0; right: 0;
		}
		
		.accordion h3.selected span.arrow {
			background-image: url(../images/accordion/arrow-up.gif);
		}
	
	.accordion div.closed-block {
		background: url(../images/accordion/open-bg.gif) repeat;
		border: 1px solid #C8C8C8;
		border-top: 0;
		overflow: hidden;
				width: 652px;
	}
	
		.accordion div.closed-block .accordion-content {
			background-color: #FFF;
			padding: 15px;
			margin: 8px 0 26px;
		}
		
		.accordion div.closed-block .accordion-content ul li {
			background-image: url(../images/accordion/bullet.gif);
			margin: 0 0 10px 0;
			padding: 0 19px;
		}
		
    .memberDescription{
        width: 525px;
        float: right;
    }


/* @end ACCORDION */

/* For CMSEditableImage region */

.SelectButton, .ClearButton{
    color: #185292;
    cursor: pointer;
    font-weight: bold;
    margin-left: 8px;
}