
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px; }

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {margin-left: 0 !important;}
.omega {	margin-right: 0 !important;}



/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
 
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11,.grid_12{
	display:inline;
	float: left;
	position: relative;
	margin-left: 10.0px;
	margin-right: 10.0px; }


/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1{	width:60px;}
.container_12 .grid_2{	width:140px;}
.container_12 .grid_3{	width:220px;}
.container_12 .grid_4{	width:300px;}
.container_12 .grid_5{	width:380px;}
.container_12 .grid_6{	width:460px;}
.container_12 .grid_7{	width:540px;}
.container_12 .grid_8{	width:620px;}
.container_12 .grid_9{	width:700px;}
.container_12 .grid_10{	width:780px;}
.container_12 .grid_11{	width:860px;}
.container_12 .grid_12{	width:940px;}



/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_12 .prefix_1 {	padding-left:80px;}
    .container_12 .prefix_2 {	padding-left:160px;}
    .container_12 .prefix_3 {	padding-left:240px;}
    .container_12 .prefix_4 {	padding-left:320px;}
    .container_12 .prefix_5 {	padding-left:400px;}
    .container_12 .prefix_6 {	padding-left:480px;}
    .container_12 .prefix_7 {	padding-left:560px;}
    .container_12 .prefix_8 {	padding-left:640px;}
    .container_12 .prefix_9 {	padding-left:720px;}
    .container_12 .prefix_10 {	padding-left:800px;}
    .container_12 .prefix_11 {	padding-left:880px;}



/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_12 .suffix_1 {	padding-right:80px;}
    .container_12 .suffix_2 {	padding-right:160px;}
    .container_12 .suffix_3 {	padding-right:240px;}
    .container_12 .suffix_4 {	padding-right:320px;}
    .container_12 .suffix_5 {  	padding-right:400px;}
    .container_12 .suffix_6 {	padding-right:480px;}
    .container_12 .suffix_7 {	padding-right:560px;}
    .container_12 .suffix_8 {	padding-right:640px;}
    .container_12 .suffix_9 {	padding-right:720px;}
    .container_12 .suffix_10 {	padding-right:800px;}
    .container_12 .suffix_11 {	padding-right:880px;}



/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_12 .push_1 {	left:80px; }
    .container_12 .push_2 {	left:160px; }
    .container_12 .push_3 {	left:240px; }
    .container_12 .push_4 {	left:320px; }
    .container_12 .push_5 {	left:400px; }
    .container_12 .push_6 {	left:480px; }
    .container_12 .push_7 {	left:560px; }
    .container_12 .push_8 {	left:640px; }
    .container_12 .push_9 {	left:720px; }
    .container_12 .push_10 {	left:800px; }
    .container_12 .push_11 {	left:880px; }


/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_12 .pull_1 {	right:80px; }
    .container_12 .pull_2 {	right:160px; }
    .container_12 .pull_3 {	right:240px; }
    .container_12 .pull_4 {	right:320px; }
    .container_12 .pull_5 {	right:400px; }
    .container_12 .pull_6 {	right:480px; }
    .container_12 .pull_7 {	right:560px; }
    .container_12 .pull_8 {	right:640px; }
    .container_12 .pull_9 {	right:720px; }
    .container_12 .pull_10 {	right:800px; }
    .container_12 .pull_11 {	right:880px; }




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/


.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0; 
}


.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0; 
}

.clearfix {
	display: inline-block; 
}

* html .clearfix {
	height: 1%; 
}

.clearfix {
	display: block; 
}



div#arLogoLockup{
	margin-bottom: 20px;
}
div#arLogoLockup h1{
	font-size: 36px;
	/*font-weight: normal;*/
	width: 340px;
	float: left;
	border-bottom: 0;
}
div#arLogoLockup div.piece{
	margin-left: 25px;
	padding-left: 25px;
	margin-top: 5px;
	width: 170px;
	float: left;
	font-weight: bold;
	text-transform: uppercase;
	border-left: 1px solid #666; 	
}
div#arLogoLockup div.piece.long{
	width: 320px;
}


/* =============================== dashboard ================================ */

div.dashboardGroup{
	padding: 5px;
	margin: 0 0 20px;
	border: 1px solid #dcdcdc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 1px rgba(0,0,0,0.3);
	-o-box-shadow: 0px 2px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 1px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 1px rgba(0,0,0,0.3);
}
div.dashboardGroup h3{
	font-size: 18px;
	color: #333;
	text-transform: none;
}
div.dashboardGroup ul li {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	letter-spacing: -0.5px;
	margin: 15px 0;
	cursor: pointer;
}
div.dashboardGroup ul li h4{
	font-size: 55px;
	color: #e44747;
	letter-spacing: -2px;
	display: inline;
	float: left;
	margin-top: -9px;
	padding-right: 7px;
	margin-bottom: 0;
	border: 0;
	padding-top: 0;
}
div.dashboardGroup ul li a{
	font-weight: normal;
	color: #666;
	display: block;
	margin-top: 5px;
	text-decoration: none;
}
div.dashboardGroup ul li:hover { }
div.dashboardGroup ul li:hover h4 { }
div.dashboardGroup ul li:hover a, div.dashboardGroup ul li a:hover{
	color: #333;
	text-decoration: underline;
}

div.container_12 div.grid_12 h1{
	font-size: 30px;
	font-weight: bold;
	color: #333;
	border-bottom: 1px solid #333;
}
h2.about{
	font-size: 18px;
	color: #333;
	border-bottom: 1px solid #333;
}

div#yearInReview{
	width: 620px;
	height: 337px;
	background: #fff url('year_in_review2.jpg') no-repeat;
	margin: 0 0 20px 0;
	border: 1px solid #333;
}
div#yearInReview a{
	display: block;
	height: 337px;
	background: transparent url('playbutton.png') no-repeat center 0px;
	
}
div#yearInReview a:hover{
	text-decoration: none;
	background: transparent url('playbutton.png') no-repeat center -336px;
	
}
div#yearInReview a h1{
	color: #fff;
	font-size: 36px;
	margin: 0;
	padding: 20px ;
	background-color: rgba(0,0,0,0.5);
}
div#yearInReview a h3{
	color: #fff;
	font-size: 18px;
	margin: 20px;
	text-transform: none;
	background-color: rgba(0,0,0,0.5);
	padding: 10px;
	width: 180px;
}
div#yearInReview a h3 img{
	border: 3px solid #333;
	float: left;
	margin-right: 10px;
}
p{
	font-family: Georgia, Times, serif;
}




/* donor listing formatting */

dl dt, h4{
	font-weight: bold;
	font-size: 14px;
	clear: both;
	padding-top: 10px;
	text-transform: capitalize;
	border-bottom: 1px solid #ccc;
	margin-bottom: 3px;
	
}
h5{	font-weight: bold;}

div.donorList h2{
	font-size: 18px;
	padding-top: 10px;
}
div.donorList ul{
	line-height: 120%;
}
div.donorList ul li{
	margin-bottom: 8px;
}
div.donorList div.itemWrap{
	margin-bottom: 5px;
}
div.grid_10.alpha.omega.itemWrap{
	width: 790px;
}
div.donorList div.itemWrap ul li{
	width: 140px;
	float: left;
	margin: 0 8px 16px 10px;
}
div.donorList div.itemWrap ul li.divider, div.donorList h6 {
	padding: 10px 0 10px 0;
	background-color: #fff;
	width: 790px;
	margin-bottom: 0;
}
div.donorList div.itemWrap ul li.divider span, div.donorList h6 span{
	border-bottom: 1px solid #666;
	font-weight: bold;
	color: #666;
	background-color: #fff;
	width: 790px;
	display: block;
}
div.column{
	margin: 0 10px;
	width: 140px !important;
}
div.column.first{
	margin-left: 0;
}
div.column.last{
	margin-right: 0;
}
.container_12 .prefix_2_no {	padding-left:150px;}

.grid_12.donorList .grid_10.alpha.omega{
	margin-bottom: 30px;
	/*background: transparent url('donorListColumns.gif') repeat-y;*/
}

div.column{
	border-left: 1px dotted #CCCCCC;
}
div.column.first{
	border: 0;
}

div.tabs{
	margin-top: 10px;
	border-bottom: 1px solid #02627C;
	padding-bottom: 5px;
}
div.tabs h2{
	width: auto;
	float: left;	
	padding-right: 5px;
	font-size: 13px;
}
div.tabs h2 a{
	background-color: #C9E9F1;
	padding: 5px;
}
div.tabs h2.last{
	padding-right: 0px;
}
div.tabs h2 a.current{
	color: #fff;
	background-color: #02627C;
}


/* kling box */
div#klingBox{
	border: 1px solid #64b3cd;
	background: #cde8f0 url('klingBoxBg.png') repeat-x;
	padding: 10px;
}
div#klingBox h1{
	color: #fff;
	font-size: 36px;
}
img#klingHead{
	float: right;
	border: 3px solid #6b8891;
}
div#klingBox h3{
	color: #fff;
	margin: 4px 0;
}
div.publicradio_embedded_player{ margin: 0; padding: 0; margin-bottom: 2px;}

.contentbody p{
    font-size: 15px;
    line-height: 140%;
    margin-bottom: 1em;
    margin-top: 3px;
}
p.caption{
	font-size: 12px;
}