h4 {
  font-size: 13px;
}



#inner_wrapper {
	MARGIN: 0 auto; WIDTH: 668px;
        height: 320px;
}

* {
  margin: 0;
  padding: 0;
}

html {
  min-width: 950px;
}

body {
  background: url(img/bg2.png) 0 0 repeat;
  font: .75em Verdana, Arial, Sans-Serif;
  text-align: left;
}

a:link, a:visited {
  color: #0000ff;
}

/*=====[ My Essential Flavaz ]=====*/


#headercontainer,
#contentcontainer,
#footercontainer {
  width: 100%;
}

#headercontainer {
  background: url(img/hdbg.png);
  width: 100%;
}

#contentcontainer {
  background: url(img/bg1.png) 50% 100% repeat-y;
  float: left;
}

#footercontainer {
  background: transparent url(img/footer.png);
  float: left;
}

#head,
#content,
#foot {
  width: 950px;
  margin: 0 auto;
  position: relative;
  text-align: left;
}

#head1 {
  height: 190px;
  position: relative;
  margin: 0 auto;
  width: 950px;
  margin-top: 0;
}

#head {
  height: 190px;
  position: relative;
  margin-bottom: 0;
  background: transparent url(img/hdbg1.png);
}

#head a:hover {
  text-decoration: none;
}


/*=====[ Content Details ]=====*/

#content {
  background: transparent url(img/bg1.png);
  margin: 0 auto;
}

/*=====[ Set up three column layout for main, left and right ]=====*/

#left {
  position: relative;
  float: left;
  width: 235px;
  font-size: 12px;
  padding-left: 3px;
  background: transparent url(img/left.gif);
}

#left ul {
  list-style: none;
  padding-left: 20px;
}

#left li {
 margin-left: -4px;
}
#left a:visited, #left a:active {
 color: blue;
 text-decoration: underline;
}

#left img {
  border: 0;
}

#left a:hover {
   color: #991100;
   text-decoration: none;
}

#left #floatframe a:hover {
   color: #991100;
   text-decoration: none;
}
/*======[ form and fieldset status ]=========*/
form {
  margin-top: -3px;
}

fieldset {
  border: 1px dotted #61B5CF;
  padding: 10px;
  width: 200px;
}

legend {
  font: bold 0.9em Arial, Helvetica, sans-serif;
  color: #00008B;
}


input.txt {
  color: #00008B;
  border: 1px inset #00008B;
  width: 150px;
  background-color: #ffffff;
}

input.btn {
  border-top:1px solid #d8d8d8;
  border-right:1px solid #d8d8d8;
  border-bottom:1px solid #d8d8d8;
  border-left:4px solid #cccccc;
  margin:0 0 15px 0;
  padding:7px 7px 7px 11px;
  background:#f4f4f4 url(img/menubg.gif) bottom left repeat-x;
  color:#505050;
  font-weight:bold;
}


/*=====[ This is the Main Series ]=====*/
#main {
  position: relative;
  float: left;
  width: 473px;
  color: #b55719;
  font-weight: 500;
  text-align: left;
  font-size: 12px;
  padding-left: 3px;
}

#mains {
  position: relative;
  float: left;
  width: 653px;
  color: #b55719;
  font-weight: 500;
  text-align: left;
  font-size: 12px;
  padding-left: 3px;
}
/*---- departments ----*/
.depts1 {
  position: relative;
  float: left;
  width: 450px;
  color: #b55719;
  font-weight: 500;
  font-size: 12px;
  padding-left: 3px;
}

#depts2 {
  position: relative;
  float: left;
  width: 230px;
  color: #b55719;
  font-weight: 500;
  font-size: 11px;
  padding-left: 3px;

}

#married {
  position: relative;
  float: left;
  width: 225;
  color: #b55719;
  height: 220px;
}

#mop {
  position: relative;
  float: left;
  width: 225;
  color: #b55719;
  height: 210px;
}

#media {
  position: relative;
  float: left;
  width: 225;
  color: #b55719;
  height: 220px;
}

#music {
  position: relative;
  float: left;
  width: 225;
  color: #b55719;
  height: 220px;
}

#capitalimpact {
  position: relative;
  float: left;
  width: 473px;
  color: #b55719;
  font-weight: 500;
  font-size: 12px;
  padding-left: 3px;
}

#topnotch {
  position: relative;
  float: left;
  width: 471px;
  height: 680px;
  padding-top: 210px;
  background: url(img/topnotch4.png) no-repeat;
  font-weight: 500;
}

#top {
  position: relative;
  float: left;
  width: 433px;
  padding: 0 1px 0 38px;

  font-weight: 500;
}

#stop {
  position: relative;
  float: left;
  width: 433px;
  text-align: left;
  padding: 0 3px 0 20px;
  font-weight: 500;
}


#capitalimpact img {
  border: 0;
}

#capitalimpact A:hover IMG {
	FILTER: alpha(Opacity=99,FinishOpacity=100,style=1,StartX=0,FinishX=2,StartY=0,FinishY=2)
}

#capitalimpact A:active IMG {
FILTER:      alpha(Opacity=99,FinishOpacity=100,style=1,StartX=0,FinishX=2,StartY=0,FinishY=2)
}

#capitalimpact A:visited IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}

#capitalimpact a:link, #capitalimpact a:visited {
  text-decoration: none;
  color: #0000ff;
}

#capitalimpact a:hover, a:active {
  text-decoration: underline;
}


#main img {
  border: 0;
}
#maintest {

  position: relative;
  Background: url(img/bglogo3.gif);
}
#main a:link, #main a:visited {
  text-decoration: none;
  color: #0000ff;
}

#main a:hover, a:active {
  text-decoration: underline;
}

#main ul {
  list-style-image: url(img/bullet.gif);
  padding-left: 29px;
}

#ministries {
  position: relative;
  float: left;
  width: 470px;
}

#thumb1 {
  width: 140px;
  height: 179px;
  position: relative;
  float: left;
  padding-right: 3px;
  text-align: center;
}

#mission {
  width: 474px;
  height: 105px;
  position: relative;
  float: left;
  padding-left: 1px;
  padding-right: 4px;
  text-align: center;
  background: url(img/mission_.png);
}


/*=====[ Gallery Details ]=====*/

#myGallery {
  text-align: left;
  margin: 0 auto;
}

/*=====[ Events and Calender Details ]=====*/
.calendar-icon-01 {
  background: url(events/01.gif);
}

.calendar-icon-02 {
  background: url(events/02.gif);
}

.calendar-icon-03 {
  background: url(events/03.gif);
}

.calendar-icon-04 {
  background: url(events/04.gif);
}

.calendar-icon-05 {
  background: url(events/05.gif);
}

.calendar-icon-06 {
  background: url(events/06.gif);
}

.calendar-icon-07 {
  background: url(events/07.gif);
}

.calendar-icon-08 {
  background: url(events/08.gif);
}

.calendar-icon-09 {
  background: url(events/09.gif);
}

.calendar-icon-10 {
  background: url(events/10.gif);
}

.calendar-icon-11 {
  background: url(events/11.gif);
}

.calendar-icon-12 {
  background: url(events/12.gif);
}

.calendar {
  float: left;
  margin-right: 6px;
  width: 42px;
  height: 42px;
}

.calendar-day {
  font-weight: bold;
  font-size: 1.3em;
  color: #000;
  width: 42px;
  text-align:center;
  padding-top: 14px;
}

.events {
  float: left;
  padding-left: 0;
  margin-left: -6px;
  width: 425px;
}

/*=====[ End ]=====*/

#bottom {
  float: left;
  position: relative;
  float: left;
  width: 465px;
}

#loveit {
  background: url(img/loveit.png);
  position: relative;
  float: left;
  width: 470px;
  padding-left: 0;
}

#map {
  position: relative;
  float: left;
  width: 270px;
}

#ccwc {
  background: url(img/what.png);
  position: relative;
  float: left;
  width: 195px;
  text-align: left;
  padding-left: 0;
}

/*====[End]====*/
#myleft {
  position: relative;
  float: left;
  width:170px;
}

#ministries a:link, #ministries a:visited {
  color: #0000ff;
}

#mid {
  position: relative;
  float: left;
  width:145px;  
}

#myright {
  position: relative;
  float: left;
  width: 145px;
  text-align: left;
}

#myright ul {
  padding-left: 20px;
  list-style: none;
}

#ministries #myright a:li {
  background: transparent url(img/list_a.png);
}

.ministry a:link {
  background: transparent url(img/list_a.png);
  list-style: none;
  width: 145px;
}

.congregation {
  background: transparent url(img/ul_bg.png);
}

.congregation li {
  display: inline;
}

.congregation li {
  margin-left: -2px;
}

#main .congregation a:li {
  color: #fdf8fa;
}

#main .congregation a:hover {
  color: #fdf8fa;
}

#main .congregation a:link, .congregation a:visited {
  color: #fdf8fa;
}

.congregation a:hover {
  color: #fdf8fa;
}

.small {
  font-size: 9px;
}

#main A:hover IMG {
	FILTER: alpha(Opacity=99,FinishOpacity=70,style=1,StartX=0,FinishX=2,StartY=0,FinishY=2)
}

#main A:active IMG {
	FILTER: alpha(Opacity=99,FinishOpacity=70,style=1,StartX=0,FinishX=2,StartY=0,FinishY=2)

}

#main a:link img {
color: #000000;
}
#main A:visited IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px;
  text-decoration: none;
  color: #000000;
}

/*=====[ My Table and General Status ]=====*/
.table {
  text-align: left;
  width: 440px;
}


.table td {
  border: 1px solid #d6d6e6;
  background: transparent url(img/white11.jpg);
  text-center: left;
  font-weight: 500;
  padding-left: 4px;
  width: 220px;
  color: #8a22db; 
} 
 
.table th {
  border: 1px solid #d6dde6;
  background: transparent url(img/lime.jpg);
  font-weight: bold;
  text-align: center;
  color: #8a22db;  
}
.table caption {
  font: bold 0.9em Arial, Helvetica, sans-serif;
  color: #33517A;
}

table {
  text-align: left;
}

.table1 {
  text-align: left;
  width: 260px;
}

.table1 td {
  border: 1px solid #d6d6e6;
  background-color: #bbbaba;
  text-center: left;
  font-weight: 500;
  padding-left: 4px;
  width: 210px;
}  

.table2 {
  text-align: left;
  width: 460px;
}


.table2 td {
  border: 1px solid #d6d6e6;
  background: transparent url(img/yellow.jpg);
  text-center: left;
  font-weight: 500;
  padding-left: 4px;
  width: 200px;
  color: #ff0000; 
} 
 
.table2 th {
  border: 1px solid #d6dde6;
  background: transparent url(img/lime.jpg);
  font-weight: 600;
  text-align: center;
  color: #5b8af3;  
}
.table2 caption {
  font: bold 0.9em Arial, Helvetica, sans-serif;
  color: #33517A;
}

table {
  text-align: left;
}


.quote {
  font-size: 24px;
}

.italics {
  font-size: 11px;
  font-weight: 300;
}

#floatframe1 {
  float: left;
  position: relative;
  width: 460px;
}

A:hover IMG {
	FILTER: alpha(Opacity=99,FinishOpacity=80,style=1,StartX=0,FinishX=2,StartY=0,FinishY=2)
}
A:active IMG {
	FILTER: alpha(Opacity=99,FinishOpacity=80,style=1,StartX=0,FinishX=2,StartY=0,FinishY=2)
}
A:visited IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}

.pagenav {
	WHITE-SPACE: nowrap; TEXT-ALIGN: left
}
#toppagenav {
	FONT-SIZE: 85%; TEXT-ALIGN: left
}
#botpagenav {
	MARGIN-TOP: 1em; MARGIN-BOTTOM: 1em
}
.pagenav .thispage {
	 PADDING-LEFT: 2px;  ZOOM: normal
}
.pagenav A:link {
	PADDING-LEFT: 2px;  ZOOM: normal
}
.pagenav A:visited {
	 PADDING-LEFT: 2px;  ZOOM: normal
}

/*=====[ This is the Right side of Everything ]=====*/

#right {
  position: relative;
  float: left;
  width: 236px;
  font-size: 11px;
  color: #b55719;
  background: transparent url(img/right.png);
}
#event {
  position: relative;
  background: transparent url(img/ev.png);
  margin-top: -3px;
  width: 230px;
}

.blue {
  font-size: 12px;
  color: #b55716;
  font-weight: 600;
}

#right img {
  border: 0;
}

#right ul {
  list-style: none;
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  padding-left: 6px;
}

#right a:visited, #left a:active {
 color: blue;
 text-decoration: underline;
}

#right a:hover {
   color: #991100;
   text-decoration: none;
}

.right_link {
   background-image: url(img/rightlink2.jpg);
   height: 16px;
   width: 206px;
   padding-left: 18px;
   float: left;
}

.right_link a:link {
   text-decoration: none;
}

.right_link a:visited, .right_link a:active {
   text-decoration: none;
}

.right-link a:hover{
   background-image: url(img/rightlink2.jpg);
   width: 206px;
   height: 16px;
   padding-left: 18px;
}

/*=====Footer Stuff====*/
#footercontainer {

}

#foot {
  margin: 0 auto;
  height: 180px;
  background: transparent url(img/2.png);
  color: #e2ee93;
  font-size: 12px;
  width: 950px;
}

#foot-left {
  float: left;
  width: 235px;
  padding-left: 20px;
  color: #b55719; 
}

#foot .space-sep {
  margin-right: 34px;
}

#foot li {
  display: inline;
}

#foot a:link, a:visited {
  color: #fff000;
  text-decoration: none;
}

#foot a:hover, a:active {
  text-decoration: underline;
}

#foot img {
  border: 0;
}

#foot-center {
  float: left;
  width: 473px;
  padding-left: 2px;
  color: #fff000; 
}

#foot-right {
  width: 200px;
  float: left;
  text-align: left;
}

#foot ul li.dash {
  border-bottom: 1px dashed #fff000;
  text-align: left;
  font-size: 11px;
}

#foot ul li.dash a:hover {
  text-decoration: none;
}

.small {
  font-size: 10px;
  color: red;
  margin-bottom: -9px;
}

/* alignment classes */
.float-left  { 
  float: left;
  position: absolute;
  margin-left: 100px; 
  padding-left: 100px;
}

.align-left  {	text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }
.orange {
	color: #F3A251;
}

#sidecalendar {
  width: 208px;
  margin-left: 2px;
}