* { margin: 0; padding: 0 }
html { height:100.1% }
BODY {
	font: 76% Arial Geneva, Helvetica, sans-serif;
	color: #504F4E;
	background: #959175;
	margin: 0 auto;
}
input.btn
{
   /*font-size:12px;*/
   font-family:Arial Black,sans-serif;
   color:#A6A6A6;
   /*border-style:solid;
   border-width:thin;
   border-color:#667B91;*/
}
input.btn:hover
{
   /*font-size:12px;*/
   font-family:Arial Black,sans-serif;
   filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffCC9933',EndColorStr='#ffFFFFFF');
   background-color:#AC7F0E;
   color:#959175;
   /*border-style:solid;
   border-width:thin;
   border-color:#D6D6D6;*/
   cursor:pointer;
   
}

#wrapper { width:700px; height:100%; margin:0 auto }
#header { width:700px; height:89px; clear:both }
#topRight { 
	background:url(../images/navBar/top-right.gif) no-repeat; 
	width:272px; 
	height:74px; 
	padding-top:15px; 
	color:#667B91;
	float:right; 
	position:relative 
}
.left { float:left; position:relative }
.right { float:right; position:relative }
.clear { height:5px !important; margin:0 !important; margin:-10px 0 0 0; clear:both }
#banner { width:700px; height:187px; clear:both }
#navBar { width:700px; height:34px; clear:both }
#mainTable { color: #333; background:#D9D9D9; width:700px; padding:10px 0 20px 0; margin:0 !important; margin:-3px 0 0 0; overflow:hidden; clear:both }
#interiorRight { background:#fff; float:right; position:relative; width:490px; margin:13px 0 0 0; overflow:hidden }
#interiorRightFull { background:#fff; float:right; position:relative; width:680px; margin:13px 0 0 0; overflow:hidden }
#mainInterior { background:#fff; padding:10px 20px 20px 20px; overflow:hidden; width:450px;  }
#mainInteriorFull { background:#fff; padding:10px 20px 20px 20px; overflow:hidden; width:640px;  }
#mainLeft { width:196px; float:left; position:relative }
#mainLeftMini { width:10px; float:left; position:relative }
#nwCorner {	width:10px; 
	float:left; 
	height:10px;
	position:relative; 
	background:#fff;
	background: url(../images/corners/nw.gif) no-repeat top left;
	margin:0;
}
#neCorner {	width:10px; 
	float:right; 
	height:10px;
	position:relative; 
	background:#fff;
	background: url(../images/corners/ne.gif) no-repeat top right;
	margin:0;
}
#swCorner {	width:10px; 
	float:left; 
	height:10px;
	position:relative; 
	background:#fff;
	background: url(../images/corners/sw.gif) no-repeat bottom left;
	margin:0;
}
#seCorner {	width:10px; 
	float:right; 
	height:10px;
	position:relative; 
	background:#fff;
	background: url(../images/corners/se.gif) no-repeat bottom right;
	margin:0;
}
.currentMid { 
	background: url(../images/pods/news-center.gif); 
	font-size: 0.9em; 
	color: #fff; 
	padding: 0 15px 5px 15px 
}
.webcastsMid { 
	background: url(../images/pods/webcasts-center.gif); 
	font-size: 0.9em; 
	color: #fff; 
	padding: 0 15px 5px 15px 
}
.webcastsMid2 { 
	background: url(../images/pods/webcasts-center2.gif); 
	font-size: 0.9em; 
	color: #fff; 
	padding: 0 15px 5px 15px 
}
.currentMid a, .missionsMid a, .beliefsMid a, .webcastsMid a, .webcastsMid2 a { color:#fff }
#mainCenter { width:247px; float:left; position:relative; margin:0 7px }
.missionsMid {
     background: #AC7F0E;
	border-right:3px solid #fff;
	border-left:3px solid #fff;
	width:200px;
	color: #fff;
	padding: 0 20px;	
	height:140px; 
	overflow:auto;
	margin-left:1px
}
#mainRight { float:right; position:relative; width:243px; margin:0; padding:0 }
.beliefsMid {
    background: #465D74;
	border-left:3px solid #fff;
	color: #fff;
	padding:0 20px;
	width:199px;
	height:140px; 
	overflow:auto;
	margin-left:1px
}
#footer {
	background: #fff url(../images/navBar/bottom.gif) top no-repeat;
	height:80px;
	width:700px;
	font-size:0.9em
}
#footer a { color: #504F4E }
#latestNews { float:right; position:relative; clear:both; height:20px; margin:0 20px 10px 0 }
.eventsMonth { background:#FEF0C9; font-weight:bold; font-size:1.2em; clear:both; width:95% }
h2 {
	font-size: 1.2em;
	font-weight: bold;
}
ul {
	margin-left:10px;
	margin-top: 0;
}
.address { 	margin-left:25px; margin-bottom:15px; margin-top:10px; float:left; position:relative }
.schedule {
	padding: 10px 25px;
	float:left; 
	position:relative; 
	clear:both;
	width:400px;
	
}
tr.rowEven {
	color: #333; 
	/*background: #A6A6A6;*/
	margin:0;
}
tr.rowOdd {
	color: #333; 
	background:#D9D9D9; 
	margin:0;
}
td.cellKey {
	padding: 3px 15px;
	text-align:left;
	font-weight:bold;
	vertical-align:text-top;
}
td.cellTimes {
	padding: 3px 15px;
	text-align:right;
	vertical-align:text-top;
}

.popUp {
    background: #AC7F0E;
	/*
	border-right:3px solid #fff;
	border-left:3px solid #fff;
	*/
	width:600px;
	color: #fff;
	padding: 20px;	
}
.popUpCap {
    background: #AC7F0E;
	border:6px solid #fff;
	/*
	border-right:6px solid #fff;
	border-left:6px solid #fff;
	border-top:6px solid #fff;
	border-bottom:3px solid #fff;
	*/
	width:600px;
	color: #fff;
	padding: 10px 20px;
}
.popUpCapText {
	font-size: 1.2em;
	font-weight: bold;
}
.block {
	margin-left:10px;
}
.blockDfn {
	font-size: 0.9em;
	margin-left:20px;
	font-style:italic;
}
#title {	
	margin-right:20px;
	width:90%; 
	float:right; 
	position:relative; 
	font-size: 2.0em;
	font-weight:bold;
	background:#fff;
	color: #D6D6D6;
	text-transform:uppercase;	
	text-align:right;
}
.subtitle {
	margin-top:10px;
	margin-bottom:5px;
	font-size: 1.3em;
	font-weight:bold;
	color: #A6A6A6;
	text-transform:uppercase;	
	text-align:left;
}
.extra {
	margin-left:10px;
	text-indent:10px;
}
.story {
	margin:10px 0;
	text-indent:15px;
	text-align:justify;
}
.daily {
	margin:10px;
}
.li1 {
	margin-left:15px;
	list-style: disc;
}
.li2 {
	margin-left:40px;
	list-style: circle;
}
.li3 {
	margin-left:55px;
	list-style: square;
}
/* Begin ... Used to create the ROUNDED CORNERS  */
/* Use like:  
	<div class='box'>
	 <div class='boxtop'><div></div></div>
	  <div class='boxcontent'>
	   <!-- Content goes here -->
	  </div>
	 <div class='boxbottom'><div></div></div>
	</div>
*/
.box { 
  background: #FFFFFF; 
}
.boxtop { 
  background: url(ne.gif) no-repeat top right; 
}
.boxtop div { 
  font-size: 0;
  height: 10px; 
  background: url(nw.gif) no-repeat top left; 
}
.boxbottom { 
  background: url(se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  font-size: 0;
  height: 10px; 
  background: url(sw.gif) no-repeat bottom left; 
}
.boxcontent {
  padding: 0px 10px 0px 10px;
}
/* End ... Used to create the rounded corners*/
