body {
  background: #cccccc;
  margin:0px;
  padding:0px;
  text-align: center;
}

table.ml {
  vertical-align:top;
  width: 800px;
  height: 100%;
  border-collapse: collapse;
  border: 0px;
  margin-left: auto;
  margin-right: auto;
  background-color: #FFFFFF;
}

td.mltop {
  height: 150px;
  vertical-align: top;
  background-image:url('http://127.0.0.1/growthgroups/images/header-bg.gif');
  background-repeat: repeat-x;
  padding: 0px;
  margin: 0px;
}

td.mltitle {
  padding:5px;
  margin:0px;
  height: 30px;
  padding-left:20px;
  background-color: #CC0000;
  color: #FFFFFF;
  font-size: 16pt;
  font-weight: bold;
  font-family: arial, helvetica, sans;
}


td.mlmenu {
  vertical-align: top;
  padding: 0;
  background-color: #DDD;
  width: 170px;
}


td.mlcontent {
  vertical-align: top;
  padding: 30px;
  background-color: #FFFFFF;
  width: 630px;
}

td.mlbottom {
  height: 40px;
  vertical-align: top;
  background-color: #CC0000;
  padding: 10px;
  padding-right: 30px;
  padding-left: 30px;
  text-align: center;
}

/* main font styles */
body {
  font-size: 12pt;
  /*font-weight: bold;*/
  font-family: arial, helvetica, sans;
}

a {
  color: #CC0000;
}
a:hover {
  color: #FF0000;
}


/* footer styles */

#footer {
  /* font settings */
  color: #FFFFFF;
  font-size: 10pt;
  font-style: italic;
  font-family: arial, helvetica, sans;
}

#footer a {
  color: #FFFFFF;
}

#footer a:hover {
  color: #CCCCCC;
}

/* Menu styles */

.markermenu{
width: 170px; /*width of menu*/
}

.markermenu ul{
list-style-type: none;
/*margin: 5px 0;*/
margin: 0px;
padding: 0;
/*border: 1px solid #9A9A9A;*/
}

.markermenu ul li a{
background: white url(http://127.0.0.1/growthgroups/images/arrow-list.gif) no-repeat 2px;
font: bold 11px arial, helvetica, sans;
color: #00014e;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
/*border-bottom: 1px solid #B5B5B5;*/
}


* html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 150px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #000;
}

.markermenu ul li a:hover{
color: #c00000;
/*background-color: #c00000;*/
background-image:url(http://127.0.0.1/growthgroups/images/arrow-list-red.gif); /*onMouseover image change. Remove if none*/
}

/* Holly Hack for IE \*/
* html .markermenu ul li { height: 1%; }
* html .markermenu ul li a { height: 1%; }
/* End */



/* misc styles */

#biglink {
  text-align: center;
  color: #222222;
  font-size: 18pt;
  font-weight: bold;
  padding: 10px;
}

#listhdr {
  font-size: 14pt;
  font-weight: bold;
}

.sermonlist {
  border: 1pt solid #CC0000;
  margin-top: 20px;
  border-collapse: collapse;
  border-spacing: 0px;
}

.sermonlist td {
  border: 1pt solid #CC0000;
  padding: 5pt;
  text-align: center;
  /*margin-top: 20px;*/
}

.header {
  background-color: #CC0000;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 16px;
}

.icon {
  vertical-align: text-top;
}