﻿body, html
{
	margin:0px;
	padding:0px;
	border:0px;
}
body 
{
	background-color:#ffffff;
	margin:0px auto;
	padding:0;	
	width:782px;
	text-align:center;
	font-size: 9pt;	
	font-family:Arial,Helvetica,sans-serif;
	font-weight:normal;
	color:#000;
	line-height:120%;
}

p
{
	margin:0px 0px 20px 0px;
	line-height:120%;
}

#container
{		
	margin-top:10px;
	width:782px;		
}
#logo
{
	margin-left:8px;
	background:url("/images/AtonementLogo.gif") top left no-repeat;
	height:50px;	
	
}

#pHeader
{	
	margin:0px;
	padding:0px;
	border:0px;
	width:782px;
	background:url("/images/bodybg.gif") repeat-y;
	height:200px;
}
#pBody
{	
	margin:0px;
	padding:0px 10px 5px 10px;
	border:0px;	
	background:url("/images/bodybg.gif") repeat-y;
	text-align:left;	
	height:100%;
}


#pageMedia
{
	float:left;
	text-align:left;
	margin:0px 0px 0px 14px;	
	width:586px;
	height:200px;
	display:inline;	
}
#pageQuickLinks
{
	float:left;
	margin:0px 10px 0px 0px;
	text-align:center;
	width:172px;
	height:200px;
	display:inline;		
}
#pageContent
{
	border-right: dotted 1px #7391CE;
	padding:0px 5px 0px 0px;
	float:left;
	text-align:left;
	margin:5px 0px 0px 0px;	
	width:579px;
	height:100%;
	overflow:visible;
	display:inline;
}
#pageRelatedContent
{
	
	float:right;
	margin:0px 5px 0px 0px;
	padding:15px 0px 0px 5px;
	text-align:center;
	width:165px;
	height:100%;
	overflow:visible;
	display:inline;		
}
#pageRelatedContent h3 
{
	font-size:130%;
	overflow:hidden;	
	background: url("/images/navbg.gif") repeat-x top left;
	
}

#pageRelatedContent div ul 
{
	margin:0px 0px 0px 0px;
	padding-left:20px;
	text-align:left;
	
}
#pageRelatedContent div ul li 
{
	margin:0px 0px 0px 0px;
	padding:0px;
	text-align:left;
	
}
#pageFooter
{
	margin:0px;
	padding:0px;
	padding-top:10px;
	border:0px;
	color:#000000;
	font-size:9pt;
	font-weight:bold;
	text-align:center;	
	background:url("/images/bodybg.gif") bottom left;
}


#FLASHSECTION
{
	padding:0px;
	margin:0px 0px 0px 0px;
}


#mainContent
{
	background:#ffffff;
	position:relative;
	text-align:center;	
	float:right;
	height: 1%;
	width:600px;
}
.foot 
{
	line-height:5px;
	height:9px;
	background-image:url("/images/footerbg.gif");
	background-position:top;	
}


a
{
	text-decoration:none;	
}
a:hover
{
	text-decoration:underline;	
}
h1, h2, h3, h4, h5
{
	margin: 0px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#7391CE;
	color:#5371ae;
	
	line-height:120%;
}
h1
{
	font-size:180%;
}
h2
{
	font-size:150%;
}
h2
{	
	margin:0px;
	padding: 0px 0px 0px 2px;
		
}
h3
{
	font-size:120%;
	margin:0;
	clear:none;
}
.center
{
	width:100%;
	margin:0px auto;
	text-align:center;
}	
.strong
{
    font-weight:bold;
}

.ContentBoxMain
{
	background-color:#666; 
	border: solid 2px #a39e66; 
	margin: 3px; 
	text-align:left; 
	padding: 0px;
}

.ContentBoxHeader
{
	margin: 0px;
	padding: 0px; 
	color:#010028; 
	font-weight:bold;	 
	text-align:center; 
	background: #ccc url(../images/navbar_bg4.gif) top left repeat-x;
}
.ContentBoxBackground
{
	vertical-align:middle; 
	padding-top: 0px; 
	color:#fff; 
	font-weight:bold; 
	background-color:#f2f2f2;
}
span.footerHeading 
{
	color:#7391CE;
	font-weight:bold;
	font-size:11pt;
}

.italics
{
	font-style:italic;
}
.smallText
{
	font-size:.8em;
}
img
{
	border:solid 1px #aaaaaa;
}
img.noBorder
{
    border:none;
}
right, img.IMGR, div.IMGR
{
	float:right;
	margin-left:10px;
}
left, img.IMGL, div.IMGL
{
	float:left;
	margin-right:10px;
}
div.IMGL, div.IMGR
{
    width:200px;
}
td a img
{
	border:none;
}
.clear-floats
{
	clear:both;
	height:1px;
}


#pageQuickLinks a
{
	text-decoration:none;
	font-size:112%;
	font-weight:200;
	display:block;
	text-align:left;
	padding:6px 5px;
	border-top:dotted 1px #7391CE;
	color:#7391CE;
}
#pageQuickLinks a:hover
{
	
	text-decoration:underline;
	background-color:#C9DDF3;	
}
#pageQuickLinks h3
{
	color:#7391CE;
	padding:5px 5px;
	background:transparent;
}

/* Component Styles */



/* List */
.list
{
	width:90%;
	height:1%;
	margin:0px;
	border:0px;
	padding:0px;	
}
.listLeft
{
	margin:0px;
	border:0px;
	padding:0px;
	position:relative;
	width:49%;
	float:left;
	height:1%;
}
.listRight
{
	margin:0px;
	border:0px;
	padding:0px;
	position:relative;
	width:49%;
	float:right;
	height:1%;
}

/*  Table */

table.noBordersCenter
{
	margin: 0px auto;
	border: 0px;
	padding: 15px 0px;	
	background-color:#e6f4e5;	
}
table.noBordersCenter td
{
	text-align:left;
	padding: 5px 10px;
	vertical-align:top;

}
table.noBordersLeft
{
	margin: 0px auto;
	border: 0px;
	padding: 15px 0px;	
	background-color:#e6f4e5;	
}
table.noBordersLeft td
{
	text-align:center;
	padding: 5px 10px;
	vertical-align:top;

}
table.tbBorders td
{
	border:solid 2px #999;
	padding:3px;
	width:48%;	
}

/*  Calendar  */
.calEvent
{
	line-height:95%;
	padding-bottom:2px;	
}
.calText 
{
	margin-left:10px;
}
.calText a
{	
	color:#5371AE;	
}
.calText a:hover
{
	color:Navy;
}

.calTime
{
	font-size:90%;
	color:Navy;	
}

.calStyle
{
	 border:solid 1px #000fff;
	 vertical-align:top;
}

.calDStyle
{
  border:solid 1px #CADDF3;
  text-align:left;
  height:50px;
  width:14%;
  font-size:95%;
  
}

/*  Features  */

.features, .sitepages, .personlist 
{
	font-size:165%;
	margin-top:15px;
	background: url("/images/navbg.gif") repeat-x top left;	
	
}
.featured-item, .sitepage-item
{
	margin:10px 0px;
	border-bottom:1px dotted #7391CE;
	overflow:visible;
	height:100%;
}
.sitepage-item-top-border
{
	border-top:1px dotted #7391CE;
}
.featured-item img
{
	border:1px solid #d2d2d2;
	float:left;
	margin: 0px 15px 5px 0px;
	width: 105px;
	height:85px;		
}
.featured-content, .sitepage-content
{
	float:left;
	overflow:visible;
	height:100%;		
}

.featured-content
{
	width:400px;	
}

.featured-content h3 a, .sitepage-content h3 a
{	
	color:#5371AE;
	text-decoration:none;	
}
.featured-content h3 a:hover, .sitepage-content h3 a:hover, .audiolist a:hover
{
	color:#33518E;
	text-decoration:underline;	
}
.featured-item h3, .sitepage-content h3
{
	color:#5371AE;
}
.eventHeader
{
	margin-left:15px;
	padding:3px 10px;
	font-weight:bold;
	font-size:110%;
	color:#5371AE;
}
.eventHeader:hover
{
	background-color:#A3C1fE;
}
.eventInfo
{
	margin-left:15px;
	padding-left:35px;	
}
.eHeader
{
	
}
.person
{	
	padding:10px 0px;
	border-bottom:1px dotted #7391CE;
	height:100%;	
	overflow:auto;
}
.person span.name
{
	font-size:120%;
	font-weight:bold;
	color:#5371AE;
}
.person span.title
{
	font-size:110%;
	font-weight:bold;
}
.section
{
	margin:0px;
	padding:0px 5px;
	border:none;
	height:1%;
	overflow:visible;
}

.section h1
{
	padding:0px;
	margin:0px;
}
.section h1.secTitle, h1.secTitle
{
	padding:10px 0px 4px 0px;
	text-align:center;
}
.section h3
{
	
	padding:4px 0px 2px 0px;
}
.section p
{
	margin-bottom:5px;
	padding:0px 5px 0px 0px;
}

.right130
{
	margin-left:130px;
}
table.tclass tr td
{
	vertical-align:top;
}
.pageTitle
{
	background-color:Transparent;
	padding:2px;
	text-align:center;
	font-family:Arial;
}
.col-right-pad
{
	margin:0px;
	padding:0px 5px 5px 5px;
	border-bottom:1px dotted #000000;
}
.events
{
	text-align:left;
}

.events span.date
{
	font-size:90%;
	font-weight:bold;
}
ul.audiolist li 
{
	list-style-image:url(/images/icons/audioicon.png);
	line-height:20px;
	padding:0px 0px 2px 10px;
	height:100%;
	overflow:visible;
	
}
table.audiolist
{
    margin:15px auto;
    width:98%;
}
.tdtopborder
{
    border-top:dotted 1px #7391CE;
    padding-top:5px;  
}
table.audiolist td
{
    vertical-align:top;
    border-bottom:dotted 1px #7391CE;
}
table.audiolist td.image
{
    text-align:center;
    width:75px;
    font-size:90%;
}
table.audiolist td.date
{
    text-align:right;
    width:75px;
    font-size:90%;
}

table.scheduler
{
    width:100%;
}

table.scheduler td
{
    vertical-align:top;
    border-bottom:1px dotted #7391CE;
}
.caption
{
    font-size:75%;
    color: #000000;
}
fieldset.lesson
{
    border: solid 2px #7391CE;
    padding: 10px;
}
div.lesson
{
    padding: 10px;   
}

fieldset.lesson legend
{
    color:#5371AE;
    font-weight:bold;
    font-size:120%;
}
    
fieldset.lesson h3, div.lesson h3
{
    color:#5371AE;
    font-size: 140%;
}
    
fieldset.lesson .lessonHeader, div.lesson .lessonHeader
{
    color:#5371AE;
    font-weight:bold;
    font-size:110%;
}

fieldset.lesson .lessonInfo, div.lesson .lessonInfo
{
    padding-left: 25px;
}
div.lessonItem
{
    vertical-align:top;
    border-bottom:1px dotted #7391CE;
    padding:5px 10px;
}
div.lessonItem div
{
    text-align:right;
    width:80px;
    float:right;
}
div.FiveWs
{
    margin:0px 0px 5px 5px;
    padding:4px;
    float:right;
    Background-Color:Gray;
    color:White;
    width:170px;
    border:solid 1px #666666;

}
div.FiveWs h3
{
    text-align:center;
    Background-color:White;
    Color:Gray;
    margin-bottom:5px;
    }
div.FiveWs span.Topic
{
    float:left;
    display:block;
    width:40px;
    text-align:right;
    font-weight:bold;
    }
div.FiveWs p.Text
{
    margin-left:46px;
    }
    .relatedContent
{
    text-align:left;
}
.relatedContent img
{
    margin:5px;
    border: solid 0px #ffffff;
}
.relatedContent div.promoAdItem
{
    margin-bottom:5px;
    padding: 0px;
}
.relatedContent div.promoAdItem img
{
    float:left;
    padding:5px 5px 2px 0px;
    border: solid 0px #ffffff;
}
.relatedContent div.promoAdItem p
{
    margin:0px;
    padding-top:5px;
}

.relatedContent a, #promoAdContainer a:hover
{
    text-decoration:none;
}
#promoAdContainer a:hover
{
    cursor:pointer;
}
.relatedContent a:hover 
{
    text-decoration:underline;
}
div.BoxRight, div.BoxLeft
{
    border: solid 1px #5371ae;
    background-color:#f9bc94;
    color:#333333;
    width:200px;
    padding:5px;
}

div.BoxRight
{
    margin: 0px 0px 5px 5px;
    float:right;
}
div.BoxLeft
{
    margin: 0px 5px 5px 0px;
    float:left;
}
div.BoxRight span.quoter, div.BoxLeft span.quoter
{
  float:right;
  font-weight:bold;  
  }
  
  .relatedContent table tr td.datetime
{
    padding: 0px 0px 0px 3px;
    font-size:90%;   
    width:25%;
    vertical-align:top;
    text-align:left;    
}

.relatedContent table tr td.program
{    
    width:100%;
    text-align:left;    
}
.affiliations
{
    margin-bottom:10px;
}
.affiliations a
{
    border: solid 0px #cccccc;
}
.affiliations img
{
    margin:0px 10px;
}

