@charset "utf-8";
/* CSS Document */

/*------------MAIN LAYOUT-----------------*/

.headlineMessageBanner{
	font-family:"Trebuchet MS", "Lucida Grande", Arial;
	font-size:14px;
	color:#ffffff;
	text-align: left;
	padding-left: 0px;
}

.bodyMessageBanner{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#c0dd96;
	text-align: left;
	padding-left: 5px;
}

.bodyMessageBanner a{color: #c0dd96;text-decoration: none;}
.bodyMessageBanner a:visited {color: #c0dd96; text-decoration: none;}
.bodyMessageBanner a:active {color: #c0dd96;}
.bodyMessageBanner a:hover {color: #c0dd96;	text-decoration: underline;}



body {
	 margin:0;
	 overflow:scroll;	/*fix for FF to avoid page jumping  */
}

#wrapper {
	position:relative;
	margin:0 auto;
	padding: 0;
	width:866px;
	text-align:left;
	
}
#firstCol {
	margin:0;
	padding:0;
	width:584px;
	height: 568px;
	float:left;
}
#secondCol {
	margin:0;
	padding:0;
	width:276px;
	float: right;
	position: relative;
	
}
.topLeft {
	margin:0;
	padding:20px;
	width:545px;
	height:215px;
	clear: right;
	background-image:url(../images/topLeft_bg.jpg);
	background-repeat: no-repeat;
	padding-bottom: 0px;
}
.topLeft Img {
margin:0px auto;
padding-top:15px;
}
.bottomLeft {
	margin:0;
	width:230px;
	height:360px;
	float: right;
	background-image:url(../images/bottomMiddle_bg0.jpg);
	background-repeat:no-repeat;
	padding: 10px 17px 10px 0px;
	}
.bottomMiddle {
	width:310px;
	height:300px;
	margin: 0;
	padding: 0;
	
}
.topRight {
	padding:20px 21px 0px 20px;
	clear:right;
	width:234px;
	height:195px;
	background-image:url(../images/topRight_bg.jpg);
	position: relative;
	background-repeat: no-repeat;
}
.bottomRight {
	padding:0;
}

.TopLinks {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#72a52e;
	text-decoration:none;
}

.TopLinks a, .TopLinks a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#72a52e;
	text-decoration:none;	
	vertical-align: middle;
}
.TopLinks a:hover {
	text-decoration:underline;
}

/*------------FOOTER -----------------*/
.footer { 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#343536;
}

.footer a, .footer a:visited { 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#343536;
text-decoration:none;
}

.footer a:hover { 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#343536;
text-decoration:underline;
}

/*------------BOTTOM TABLES -----------------*/

.bottomLeft .middleTable{
	width: 230px;
	height: 141px;
	background-image:url(../images/bottomMiddle_bg.jpg);
	background-repeat: no-repeat;
	background-position:top;
	margin: 0;
	padding-bottom: 0px;
}
.bottomMiddle .leftTable{
	float: left;
	width:290px;
	height:290px;
	padding-left: 0px;
	padding-top:10px;	
	margin-left: 20px;
}
.resource-image {
	margin:0;
	width:80px;
	height:100px;
	float:left;
	padding-top: 15px;
	padding-left:20px;
}
.resource-image img{
	max-height:80px;
	max-width:80px;
	padding: 0;
}
.resource-text {
	margin:0;
	width:115px;
	height:80px;
	float: right;
	font-family:Verdana;
	font-size:9px;
	padding:15px 15px 0 0;
	line-height:13px;
}
.resource-title{
	font-weight:bold;
	color:#72a52e;
	bottom: 5px;
}
.resource-title a, .resource-title a:visited{
	color:#72a52e;
	bottom: 5px;
	text-decoration:none;	
	vertical-align: middle;
}

.resource-title a:hover{
	text-decoration:underline;
}


.resource-desc{
	font-weight:normal;
	color:#343536;
}
.resource-link a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#72a52e;
	text-decoration:none;	
	vertical-align: middle;
}
.resource-link a:hover {
	text-decoration:underline;
}

.leftTable .devoTablebg {
	width:290px;
	height:272px;
	background-image:url(../images/dailyDevoBody_home.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0;
	padding: 0;
} 
.leftTable .devoTop{
	float:left;
	margin: 0;
	padding: 0;
	width: 271px;
}
.devoTablebg, .middleTable .imgLeft {
	float:left;
	margin-right:10px;
	margin-left: 10px;
	padding-top: 5px;
}

.imgLeft{
	float:left;
	margin-right:10px;
	margin-left: 10px;
	padding-bottom:5px;

}

.devoTablebg .tableText {
	padding: 20px 10px 10px 10px;
}
.bottomRight{
	width: 234px;
	height: 259px;
	position: relative;
	margin-left: 20px;
	margin-top: 28px;

}
#browseMediaTop{
	margin: 0;
	padding: 0;
	width: 234px;
	height:20px;
	position: relative;
	background-image: url(../images/broseMedia_top.jpg);
}

#browseTitle{
	margin:0;
	padding:0;
	width:161px;
	float:left;
	position: relative;
	
}
#podcast{
	margin:0;
	padding:0;
	width: 73px;
	float: right;
	text-decoration: none;
	position: relative;	
}
	
.DevoBlurbTitle{
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#72a52e;
	padding-right:10px;
	font-weight:bold
}
.DevoBlurbVerse{
	font-family:"Trebuchet MS";
	font-size:11px;
	font-weight:bold;
	font-style:italic;
	color:#343536;
	padding-right:10px;
	line-height:16px;

}
.DevoBlurbText{
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#343536;
	padding-right:10px;
	line-height:16px;
}
.devoRss{
	float: right;
	margin: 0;
	padding: 0;
	width: 19px;
}	
.devoRss a{
	text-decoration:none
}
/*---------------------FROM SANCTUARY------------------*/

.fromSanctuary{
	width: 234px;
	margin: auto;
	padding-top:12px;
 }
 
.headSanctMsg{
	font-family:"Trebuchet MS";
	font-size:25px;
	color:#8e909e;
}
.IntroSanctMsg{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4b4b4b;
		
}

/*---------------------BROWSE RECENT MEDIA CONTENT STYLES (FRANCINE IS A CSS GURU!!!!)------------------*/

#browseTV a {
text-decoration: none;
}

#browseRadio a {
text-decoration: none;
}

.BrowseRecentMediaDate{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#6f6f6f;
}
 
 .BrowseRecentMediaTitle{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#629123;
	font-family: Verdana;
	line-height: 9px;
}
 
 
#browseRadio tr:hover {
padding-left:15px;
	background-color:#e6e7e8;
}
#browseRadioTopPad  {
	padding-top: 10px;
}
#browseTV  tr:hover {
	background-color:#e6e7e8;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}