body
{
    	font-family: 'Lucida Casual', sans-serif;
	font-size: 100%;
    	margin: 10px;
        padding: 0px;        
	background-color: #fff;
	width: 100%;
	min-width:600px;
	text-align:center;

}

#content
{
	text-align: left;
	width: 864px;
	margin: 0 auto;
	height: auto;
        background-color: #fff;

}

	/* Header styles */
#header {
        clear:both;
        float:left;
        width:100%;
	margin: 0px;
	border:1px solid #996633;
	background-color: #00CED1;
	height: 200px;
    }


h1{ 
     font-family:'Lucida Casual', sans-serif;
     font-size: 1.2em;
     font-weight: bolder; 
     margin-left: 23px;
     margin-top:15px;
     margin-bottom:10px;
     padding:3px;
     color:#00CED1;
}

h2 { 
     font-family:'Lucida Casual',sans-serif;
     font-weight: bolder; 
     font-size: 0.9em;
     margin-left: 27px;
     margin-top:10px;
     margin-bottom:0px;
     color:#00CED1;
}

table.toptable
   {
   height:200px;
   width:866px;
   background-color: #00CED1; 
   border: 1px solid #996633; 
}

img.logo
{
   margin: 10px 5px 0px 10px;
}

img.church
{
border: 2px solid #996633;
}

/* column container */
	.colmask {
	    position:relative;		/* This fixes the IE7 overflow hidden bug */
	    clear:both;
	    float:left;
        width:864px;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
        border-left: 1px solid #996633;
        border-right: 1px solid #996633;
        border-bottom: 1px solid #996633;
	}

/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:864px;				/* width of page */
		position:relative;
		}

	
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
							only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}

	/* 3 Column settings */
	.threecol {
		background:#00CED1;		/* right column background colour */


		
	}
	.threecol .colmid {
		right:0px;				/* width of the right column */
		background:#fff;		/* center column background colour */

	}
	.threecol .colleft {
		right:680px;				/* width of the middle column */
		background:#00CED1;		/* left column background colour */
	

	}
	.threecol .col1 {
		width:635px;				/* width of center column content (column width minus padding on either side) */
		left:870px;				/* 100% plus left padding of center column */
	
	
	}
	.threecol .col2 {
		width:175px;				/* Width of left column content (column width minus padding on either side) */
		left:50px;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:0px;				/* Width of right column content (column width minus padding on either side) */
		left:710px;				/* Please make note of the brackets here:
		padding: 5px;					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}


/* Left side styles */


p
   {   
   font-family: arial, helvetica, sans-serif;
   font-size: 90%;
   text-align:justify;
   padding:1px;
   margin-left:27px;
   margin-right:20px;
}

p.address
   {   
   font-size: 90%;
   padding:3px;
}

hr
   {
   width:90%;
   height:3px;
   text-align:center;
   color:#00CED1;
   margin-bottom: 12px;
}


a.mainlinks  {
	font-family: 'Lucida Casual', sans-serif;
	font-size: 0.9em;
	color: #FFFFFF;
        background-color: #000000;
	text-decoration: none;
	font-weight: bold;
	display: list-item;
	list-style: none;
	line-height: 1.8em;
	margin: 10px;
	padding: 5px;
        border: 4px solid #996633; 
}


img.photo
   {
   border: 1px solid #996633;
}

img.home
{
   margin-left:155px;
   border: 1px solid #996633;
}

img.photoinsert
   {
   border: 1px solid #996633; 
   margin-left:30px;
   margin-top:2px;
}

td.fees
   { 
   font-family: arial, helvetica, sans-serif;
   font-size:0.8em;
   height:10px;
   width:80pt;
   font-weight: bolder; 
   }

td.fees1
   { 
   font-family: arial, helvetica, sans-serif;
   font-size:0.8em;
   height:10px;
   width:50pt;
   font-weight: bolder; 
   }

td.daily
   {
      left-margin: 15px;
   }

.daily
   { 
   color:#00CED1;  
   font-weight: 900; 
   font-family: arial, helvetica, sans-serif;
   font-size:0.8em;
   height:7px;
padding-left: 3em;
   }

a:link.page
   {
   font-family: arial, helvetica, sans-serif;
   font-size: 1.0em;
   color: purple;
   text-decoration: underline;
   margin-left: 480px;
   }

a:visited.page
   {
   font-family: arial, helvetica, sans-serif;
   font-size: 1.0em;
   color: purple;
   text-decoration: underline;
   margin-left: 480px;
   }

a:link.links
  {
   color: purple;
   text-decoration: underline;
   font-family: arial, helvetica, sans-serif;
   font-size: 1.0em;
   }

a:visited.links
  {
   color: purple;
   text-decoration: underline;
   font-family: arial, helvetica, sans-serif;
   font-size: 1.0em;
   }

A:link    { text-decoration: none; color: white;}   /* unvisited links */
A:visited { text-decoration: none; color: white;}   /* visited links   */
A:hover   { text-decoration: none; color: red; }    /* user hovers     */


/* Footer styles */

#footer {
    font-size: 70%;
    color:#000;
    padding: 5px;
    text-align: center;
    }	

#bottom {
    font-size: 90%;
    color:#000;
    padding: 5px;
    text-align: center;
    margin-top: 5px;
    background-color:#00CED1;
    }	


    #bottom a {
    font-size: 70%;
    color:#000;

    }