#wrapper {
  /* is this still doing anything? */
  /*width: 800px;/* take out when done */
  /*border: 3px solid teal; */
}

* {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

body {
  margin: 0;
  padding: 10px;
  /*border: 1px solid red;*/
  /*background-color:  #ccccff; */
}

form {
}

ul {
  list-style-type: none;
}

table {
  border-collapse: collapse;
}

a {
  text-decoration: none;
}

a:hover {
  /*color: purple;*/
  text-decoration: underline;
  background-color: transparent;
}

.center {
  text-align: center;
}

#header {
   position: relative;
   height: 130px;
   padding: 4px;
   /*border: 3px solid yellow;*/
   /*background-color:  #ccccff;*/

}

#logo {
  width: 400px;
  height: 74px;
  /*border: 3px solid red;*/
}

#logo img {
   border: 0;
}

/*#sitemap {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: x-small;
}*/

#topnav {
  position: absolute;
  top: 100px;
  left: 0;
  width: 800px;
  /*border: 3px solid cyan;*/
}

#topnav ul {
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 6px;
  padding-bottom: 5px;
  border-bottom: 1px #000;
}

#topnav li {
  display: inline;
  font-size: small;
}

#topnav .here {
    background-color: #ccccff; 
    font-weight: bold;
}

#topnav a {
    border: 1px #000;
    border-bottom: none;
    padding: 5px 15px 5px 15px;
    margin-right: 5px;
    background-color: #EAEAEA;
    color: #333;
    /*border: 3px solid red;*/
}

/* left sidebar */
.sidebar {
  text-align: center;
  border-bottom: solid #ccccff 1px;
  /*border: solid red 3px;*/
}

.contact {
  padding: 4px;
  /*border: solid green 2px;*/
}

.name {
  background-color: #EAEAEA;
  font-size: small;
  padding: 0;
  margin: 0;
  border-top: solid #ccccff 1px;
}

.title {
  font-size: small;
  padding: 0;
  margin: 0;
}

.mimiraggs {
  width: 160px;
  height: 100px;
}

/* Thanks to http://matthewjamestaylor.com/blog*/

/* column container */
.colmask {
	clear:both;
	float:left;
	width:100%;
	overflow:hidden;
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:.5em 0 1em 0;
	overflow:hidden;
	font-size: small;
}
.col1 h1,
.col2 h1,
.col3 h1 {
	font-size: large;
}
.col1 h2,
.col2 h2,
.col3 h2 {
	font-size: medium;
}
.col1 h3,
.col2 h3,
.col3 h3 {
	font-size: small;
}.col1 img,
.col2 img,
.col3 img {

}
.col1 .sidebar img,
.col2 .sidebar img,
.col3 .sidebar img {
	float: right;
}

/* 2 Column (left menu) settings */
.leftmenu {
	background:#fff;		/* right column background colour */
}
.leftmenu .colleft {
	right:75%;				/* right column width */
	/*background:#f4f4f4;		/* left column background colour */
}
.leftmenu .col1 {
	width:71%;				/* right column content width */
	left:102%;				/* 100% plus left column left padding */
}
.leftmenu .col2 {
	width:21%;				/* left column content width (column width minus left and right padding) */
	left:6%;				/* (right column left and right padding) plus (left column left padding) */
}
/* 2 Column (double page) settings */
.doublepage {
	/*background:#f4f4f4;		/* right column background colour */
}
.doublepage .colleft {
	right:50%;				/* right column width */
	background:#fff;		/* left column background colour */
}
.doublepage .col1 {
	width:46%;				/* left column content width (column width minus left and right padding) */
	left:52%;				/* right column width plus left column left padding */
}
.doublepage .col2 {
	width:46%;				/* right column content width (column width minus left and right padding) */
	left:56%;				/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}
/* Full page settings */
.fullpage {
	background:#fff;		/* page background colour */
}
.fullpage .col1 {
	width:96%;				/* page width minus left and right padding */
	left:2%;				/* page left padding */
}
/* 3 Column settings */
.threecol {
	/*background:#f4f4f4;		/* right column background colour */
}
.threecol .colmid {
	right:25%;				/* width of the right column */
	/*background:#fff;		/* center column background colour */
}
.threecol .colleft {
	right:50%;				/* width of the middle column */
	/*background:#f4f4f4;		/* left column background colour */
}
.threecol .col1 {
	width:46%;				/* width of center column content (column width minus padding on either side) */
	left:102%;				/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:21%;				/* Width of left column content (column width minus padding on either side) */
	left:31%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:21%;				/* Width of right column content (column width minus padding on either side) */
	left:85%;				/* Please make note of the brackets here:
							(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

#worship {
  /*border: 2px solid blue;*/
}

#worship td {
  /*border: 1px solid blue;*/
  padding: 5px 5px 5px 5px;
}

caption {
   font-size: larger;
   font-weight: bold;
}

.tablehead {
  font-size: larger;
  font-weight: bold;
  background-color: #ccccff;
}

.contact_table td {
  padding: 1px 5px 1px 5px;
}

.contact_table {
  margin: 10px 0px 10px 0px;
}

.color {
  background-color: #EAEAEA;
}

.italic {
  font-style: italic;
}

.bold {
  font-weight: bold;
}

.floatrt {
 float: right;
}

.border {
  border: 1px solid #ccccff;
}

.Section1 {
  /* from Word document */
  border-top: 1px solid #ccccff;
  /*border-bottom: 1px solid #ccccff;*/
}

#footer {
  margin: 0;
  padding: 0.5em;
  text-align: center;
  clear: both;
  color: #333333;
  font-size: small;
  padding-top: 3px;
}

#disclaimer {
  margin: 0;
  padding: 0.5em;
  text-align: center;
  clear: both;
  color: #333333;
  font-size: x-small;
  font-weight: lighter;
}

.photo img {
    border: 1px solid #666;
    background-color: #FFF;
    padding: 4px;
}

.figure p {
    font: 1.1em/normal Arial, Helvetica, sans-serif;
    text-align: center;
    margin: 10px 0 0 0;
    height: 5em;
}

.figure {
    float: left;
    width: 310px;
    height: 270px;
    margin: 0 10px 10px 10px;
}

.figure_tall {
    float: left;
    width: 310px;
    height: 450px;
    margin: 0 10px 10px 10px;
}