/* CSS Document for Church of the Chimes */
body {
background-color:#596A6D;
font-family:Arial, Helvetica, sans-serif;
}
table, tr, td {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:11px;
}
img {
border:none;
}
img.floatRight { 
    float: right;
	clear: right;
    margin: 4px; 
}
a {
font-family:Arial, Helvetica, sans-serif;
color:#0E4A5A;
font-size:11px;
font-weight: bold;
text-decoration:none;
}
a:hover {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:11px;
text-decoration:none;
}

.clear {
clear:both;
height:1px;
margin-bottom:-1px;
}

#container {
width:760px;
margin-left:auto;
margin-right:auto;
}

#topcontent {
background-image:url(../images/logo_banner.jpg);
background-repeat:no-repeat;
width:760px;
height:103px;
}

#bannercontent {
background-image:url(../images/banner.jpg);
width:760px;
height:197px;
}

#navcontent {
background-image:url(../images/nav_bk.gif);
background-repeat:no-repeat;
width:760px;
height:32px;
padding:0;
}
/* Begin hover hack */

/* End hover hack */
#menu{
float:left;
width:100%;
margin-top:-8px;
}
#menu ul {
margin:0;
padding:0 0 0 5px;
list-style:none;
}
#menu li {
float:left;
background:url(../images/nav_left_off.gif) no-repeat left bottom;
margin:0;
padding:10px 0 0 13px;
}
#menu a {
float:left;
display:block;
background:url(../images/nav_right_off.gif) no-repeat right bottom;
padding: 10px 15px 5px 2px;
text-decoration:none;
font:12px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#0E4A5A;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#menu a {float:none;}
/* End IE5-Mac hack */

div#menu li:hover {
  background:url("norm_left_hover.gif") no-repeat left bottom;
}
div#menu li:hover a {
  color:#0E4A5A;	
  background:url("norm_right_hover.gif") no-repeat right bottom;
}
/*firefox hack */
html > body div#menu li:hover {
  background:url(../images/norm_left_hover.gif) no-repeat left bottom;
}
html > body div#menu li:hover a {
  color:#0E4A5A;	
  background:url(../images/norm_right_hover.gif) no-repeat right bottom;
}
/*active menu */
#menu #current {
  background-image:url(../images/nav_left_on.gif);
  }
#menu #current a {
  background-image:url(../images/nav_right_on.gif);
  color:#0E4A5A;
 }
 
#bodycontent {
width:760px;
background-image:url(../images/bk_body.gif);
background-repeat:repeat-y;
height:auto;
padding:15px;
}

#bodycontent .leftcol {
width:121px;
float:left;
}
#bodycontent .leftcol img {
padding-bottom:12px;
}
#bodycontent .leftcol img.last {
padding-bottom:0;
}
#bodycontent .centercol {
width:382px;
float:left;
padding:0 10px 0 10px;
}
#bodycontent .centercol h3 {
padding:0;
margin:0;
color:#0E4A5A;
font-size:12px;
}
#bodycontent .centercol p {
color:#000000;
font-size:11px;
padding:15px 0 0 0;
margin:0;
}

#bodycontent .centercol_sub {
width:450px;
float:right;
padding:0 50px 0 10px;
}
#bodycontent .centercol_sub h2 {
padding:0;
margin:0;
color:#0E4A5A;
font-size:11px;
}

#bodycontent .centercol_sub h3 {
padding:0;
margin:0;
color:#0E4A5A;
font-size:12px;
}
#bodycontent .centercol_sub p {
color:#000000;
font-size:11px;
padding:15px 0 0 0;
margin:0;
}
#bodycontent .centercol_sub ul {
list-style:disc;
color:#000000;
font-size:11px;
padding:15px 0 0 0;
margin:0;
}
#bodycontent .centercol_sub .continue_sub a {
color:#0E4A5A;
font-size:11px;
text-decoration:none;
float:right;
font-weight:bold;
}



#bodycontent .centercol .continue a {
color:#0E4A5A;
font-size:11px;
text-decoration:none;
float:right;
font-weight:bold;
}
#bodycontent .rightcol {
width:202px;
float:left;
padding: 10px 0 0 0;
}
#bodycontent .rightcol img {
padding-bottom:12px;
}
#footercontent {
background-image:url(../images/footer.gif);
width:760px;
height:48px;
}
#footercontent .copyright {
float:right;
font-size:10px;
color:#FFFFFF;
position:relative;
top:15px;
right:20px;
}
#footercontent .copyright-left {
float:left;
font-size:10px;
color:#FFFFFF;
position:relative;
top:10px;
left:20px;
}
#footercontent .copyright-left a {
color:#FFFFFF;
}
#footercontent .copyright-left a:hover {
color:#FFFFFF;
text-decoration: underline;
}
#footercontent .copyright-right {
float:right;
font-size:10px;
color:#FFFFFF;
position:relative;
top:10px;
right:20px;
}

#subnav {
width:140px;
padding:0 0 0 0;
}
#subnav .nav {
position:relative;
width:140px;
}
#subnav .nav ul {
margin:0;
padding:0 0 0 0px;
list-style:none;
}
#subnav .nav li {
float:left;
background:url("../images/bg_subnav.gif") no-repeat left top;
margin:0;
padding:0 0 0 0px;
width:160px;
}
#subnav .nav a {
float:left;
display:block;
padding:8px 12px 9px 6px;
text-decoration:none;
font-weight:bold;
color:#0E4A5A;
font-size:10px;
}



#dhtmltooltip{
color:#FFFFFF;
font-size:10px;
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: #596A6D;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}