
body  {
	margin: 0 auto;
   padding: 0;
	width: 70%;
	width:900px;
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	/*background: #D6DEE5 url("images/orange_gradient.gif") repeat-x;*/
	/*background: #F6D2C6 url("images/orange-gradient.jpg") repeat-x;*/
	background: #EEEEEE;
	text-align: left; 
	color: #4E4E4E;	
	min-width:900px;
}
a {
   text-decoration:none;
   }
a:visited {
      color: #009966;
	  }
.style1 {color: #FF0000;}
/*menubar - this controls the top menu navigation bar*/
#menubar {
	font-family: verdana, "Microsoft Sans Serif", Times, serif;
	font-size: 8pt;
	clear: left;
	float: left;
	/*background-color: #126eb0;*/
	background-color:#7C7E7E;
	margin: 0 202px 0 0;
	padding:2px 0;
	width:100%; 
	/*border-top:2px solid #00002F;*/
	border-top:2px solid #7C7E7E;
	
	/*height:23px;*/
}

/*This controls the display of the top navigation bar */
#menubar ul {
	margin: 0px;
	padding: 5px;
	list-style: none;
	text-align: center;
}

#menubar li {
	display: inline;
}

#menubar a {
background:url(images/arrowwhite.gif) no-repeat left;
	padding: 5px 15px;
	text-decoration: none;
	color:#FFFFFF;
	font-weight:bold;
}

#menubar a:hover {
	background-color: #A9C0EA;
	color:#455A79;
}

#menubar .current {
   /*background-color:#999999;*/
   background:url(images/arrowred.gif) no-repeat left;
   color:#FFFFFF;
   /*border-bottom: 4px solid #FFFF00;*/
   text-decoration:underline;
}
/* end of top navigation style*/

/* Column container */
.colmask {
	position:relative;
	clear: both;
	float:left;
	width: 100%;
	overflow: hidden;
}
/*Common column setting */
.colright, .colmid, .colleft {
	float: left;
	width: 100%;
	position: relative;
}
.col1,.col2,.col3 {
	float: left;
	position: relative;
	padding: 0 0 1em 0;
	overflow: hidden;
}
/* three column settings*/
.threecol {
	/*background: #F7D5D6;*/  /* color of right column*/
	background: #B5C5FF url("images/restorationbgd.jpg");
	background-repeat:repeat-x;
	background-position:top right;
	background-size:100%;
	/*background:#EBCC8D; */
}
.threecol .colmid {
	right: 23%;
	background-color: #ffffff; /* middle color */
}
.threecol .colleft {
	right: 60%; /*width of the middle column*/
	background: #EBCC8D; /*left column background */
	background: #B5C5FF url("images/restorationbgd.jpg");
	background-repeat:repeat-x;
	background-position:top right;
	background-size:100%;
	/*background:#42a7b9;*/
}
/* style for the middle content */
.threecol .col1 {
	width: 56%;
	left: 102%;
	font-family: verdana, "Microsoft Sans Serif", Times, serif;
	font-size: 8pt;
	color: #000000;
  	/*padding: 12px 12px;*/
	text-align: left;
	line-height: 12pt;
}
/* style for the left content */
.threecol .col2 {
	width:13%;
	left: 29%;
	font-family: verdana, "Microsoft Sans Serif", Times, serif;
	font-size: 8pt;
	/*color: #455A79;*/
	color: #000033;
	padding: 2px 12px 2px 1px;
	line-height: 14pt;
}
/* style for the right content */
.threecol .col3 {
	width:19%;
	left: 93%;
	font-family: verdana, "Microsoft Sans Serif", Times, serif;
	font-size: 8pt;
	color: #455A79;
	line-height: 14pt;
	padding: 2px 12px 2px 0;
}
/*style for the top banner */
 #header {
    clear: both; 
	 width: 100%;
    float: left;
	/*background: url(images/squarebg2.jpg);*/
} 
#header h1 {
	margin: 0; 
	padding: 10px 0; 
}
 /* end header-banner style */
/* style for the page headers and sub-headers */
.col1 h2,h3{ 
  	font-family: verdana, "Microsoft Sans Serif", Times, serif;
	border-bottom: 1px solid #EBCC8D;
	background-color:transparent;
	color:#455A79;
	padding-top:2px;
	font-size:12px;
}
.col1 h4 {
	font-family: verdana, "Microsoft Sans Serif", Times, serif;
	font-size: 8pt;
	/*color: #000033;*/
	color:#333333;
	padding: 1px 3px;
	margin-top:15px;
}
.col2 h2 {
	font-family: verdana, "Microsoft Sans Serif", Times, serif;
	font-size: 8pt;
	color: #fff;
	background-color: #7C7E7E;
	
}

.col2 h3 {
	font-family: verdana, "Microsoft Sans Serif", Times, serif;
	font-size: 8pt;
	color: #fff;
	background-color: #7C7E7E;
	padding: 1px 3px;
	margin-top:15px;
}
/* style for the page headers and sub-headers */
.col2 p{
   margin-top:0;
   }

.col2 a {
	text-decoration: none;
	color: #66584B;
}

.col2 a:hover {
	color: #66584B;
	text-decoration: underline;
}
.col2 a:visited {
     color: #000000;
	 }
.col2 ul {
	margin: 0;
	list-style: none;
	padding: 0;
}
.col2 ul a {
   background:url(images/arrowred.gif) no-repeat left;
   display:block;
   margin: 0;
   text-align: left;
   padding-left:10px;				
   list-style:none;
}

.col3 h3,h2 {
	font-family: verdana, "Microsoft Sans Serif", Times, serif;
	font-size: 8pt;
	color: #fff;
	background-color: #7C7E7E;
	padding: 1px 5px 2px 2px;
	margin-top:15px;
}
.col3 h4 {
  font-size:8pt;
}
/* end style for the page headers and sub-headers */
/* right column navigation style */
.col3 ul {
	margin: 0;
	list-style: none;
	padding: 0;
}
.col3 ul a {
  font-family: verdana, "Microsoft Sans Serif", Times, serif;
  background:url(images/arrdown.gif) no-repeat left;
   /*margin: 0;*/
   display:block;
   text-align: left;
   padding-left:14px;				
   list-style:none;
   text-decoration: none;
	/*color: #66584B;*/
	color:#000033;	
	font-size: 8pt;
	font-weight:bold;
}

.col3 a:hover {
	color: #66584B;
	text-decoration: underline;
	
}
.col3 a:visited {
	color: #000000;	
}
/* end right column navigation style */
/* footer style */
#footer { 
	clear:both;
	float: left;
	width: 100%;
	height: 45px;
	background:#7C7E7E;
	border-top: 2px solid #7C7E7E;
} 

#footer p {
	margin: 0; 
	text-align: center; 
	font-family: verdana, "Microsoft Sans Serif", Times, serif;
	font-size: 8pt;
	color: #FFFFFF;
	line-height: 12pt;
	padding: 10px;
}
#footer a {
   color:#FFFFFF;
   }
/*end footer style */
/* style for aligning items on the site either to the right or to the left*/
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}


/*.theme{
	border: 1px solid #0065C6;
	background-color:#FFCC66;
	padding-left:10px;
	font: bold 1.3em/1.5em "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
}*/
blockquote {
	margin: 10px 0;
 	padding: 10px 50px 10px 8px;  
  }

/* Form */
input.txt {
   color: #00008B;
   /*background-color: #E3F2F7;*/
   border: 1px inset #00008B;
   width: 200px;
}

textarea.txt {
    width: 200px;
	/*background-color:#FFFFCC;*/
	border: 1px inset #00008B;
}
input.btn {
  color: #00008B;
  /*background-color:#ADD8E6;*/
  border: 1px outset #00008B;
  
}
form p {
   clear: left;
   margin:0;
   padding: 0;
   padding-top: 5px;
}
form p label {
   float: left;
   width: 30%;
   font: bold 0.9em Arial, Helvetica, sans-serif;
}
fieldset {
  border: 1px dotted #fff;
  margin-top: 16px;
  padding: 10px;
  font-size:12px;
}
legend {
  font: bold 0.9em Arial, Helvetica, sans-serif;
  color: #333333;
  background-color: #FFFFFF;
}
/* style for the collapsible jquery menu and mandate pillars */
ul li .pillar{
     background:url(images/pillar.gif) no-repeat left;
	 padding-left:5px;
	 display:block;
     list-style:none;
	
	}
.accordion {
	width: 510px;
	margin:0;
	padding-right:5px;
	border-bottom: solid 1px #c4c4c4;
}
.accordion h4 {
	background: #B2B2B2 url(images/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
	color:#480024;
}
.accordion h4:hover {
	background-color: #e3e2e2;
}
.accordion h4.active {
	background-position: right 5px;
}
.accordion p {
	background: #f7f7f7;
	margin: 0;
	padding: 10px 15px 20px;
	
}
/*ACCORDION 2 */
.accordion2 {
	width: 510px;
	margin:0;
	padding-right:5px;
	border-bottom: solid 1px #c4c4c4;
}
.accordion2 h2 {
	background: #B2B2B2 url(images/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
	color:#480024;
	/*background-color:#999999;*/
}
.accordion2 h2:hover {
	background-color: #e3e2e2;
}
.accordion2 h2.active {
	background-position: right 5px;
}
.accordion2 p {
	
	margin: 0;
	padding: 10px 15px 20px;
	
}
/* end style for the pages with collapsible jquery menu*/

/* style for inserting a new two columns in the middle section - col1*/  
#bottomContainer   /* container for the new 2 column*/
{
    width:auto;
	padding-left:0;
}
/* First column of the two columns */
.c1
{
	width: 245px;
	/*border: 4px solid #FFFFA4;*/
	line-height: 22px;
    color: #000000;
	float: left;
}

/* Second column of the two columns */
.c2
{
    width: 245px;
    float: right;
	/*border: 4px solid #FFFFA4;*/
	line-height: 22px;
    color: #000000;
}
/* end second column of the two columns */
/* And this gives the column text some breathing space */
.spacy
{
    padding: 5px;
}
/* end style for new 2 columns */
/* style for the messages in sundayMessages,wedMessages and specialMessages */
.messages {
   background: url(images/windowsmedia2.gif) center left no-repeat;
   padding-left:45px;
}
.mp3 {
   background: url(images/mp3Logo.gif) center left no-repeat;
   padding-left:50px;
}
