@import url('nav.css');

html { behavior: url('csshover.htc'); background-image: url(../images/bg.gif); height: 100%; margin: 0; padding: 0; }

body { color: #1a3e6d; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 18px; behavior: url('iepngfix.htc'); background-image: url(../images/bg-top.gif); background-repeat: repeat-x; text-align: justify; height: 100%; margin: 0; padding: 0; }
#all { width: 788px; margin-right: auto; margin-left: auto; }
a { color: #1a3e6d; }
a:hover { color: #ac0000; text-decoration:underline; }
p { margin: 12px 0; padding: 0; }
#logo { behavior: url('iepngfix.htc'); background-image: url(../images/logo.png); background-repeat: no-repeat; width: 306px; height: 91px; margin-left: 30px; display: block; }
#sbmt-link { display: inline; margin-top: 62px; margin-right: 34px; width: 179px; height: 15px; float: right; }
#sbmt-link a { behavior: url('iepngfix.htc'); background-image: url(../images/submit.png); background-repeat: no-repeat; width: 179px; height: 15px; float: right; display: block; }
#banner { color: #fff; font-size: 11px; font-weight: bold; line-height: 14px; background-color: #00204e; height: 339px; margin-bottom: 10px; }
#banner-inside { height: 176px; margin-bottom: 10px; }
#banner-inside .middle-img { margin-right: 4px; margin-left: 4px; }
#homeflash { width: 500px; height: 339px; float: right; }
#banner .column { width: 276px; height: 339px; float: left; margin-left: 12px; display: inline; }
#quick-ref { background-image: url(../images/quick-ref.gif); width: 276px; height: 39px; }
#banner .box { height: 100px; overflow: hidden; }
#banner .pad a { color: #fff; text-decoration: none; float: right; }
#banner .pad a:hover { color: #ddd; }
#banner .box img { float: left; }
#h-upcoming-events { background-image: url(../images/h-upcoming-events.gif); width: 174px; height: 15px; float: right; margin-top: 4px; margin-bottom: 6px; }
#h-blog { background-image: url(../images/h-church-blog.gif); margin-top: 4px; margin-bottom: 6px; width: 174px; height: 15px; float: right; }
#h-info { background-image: url(../images/h-general-info.gif); margin-top: 4px; margin-bottom: 6px; width: 174px; height: 15px; float: right; }
#banner .pad { width: 150px; float: right; padding-right: 11px; }
#footer { color: #fff; font-size: 11px; font-weight: bold; text-align: center; margin-top: 10px; }
#footer a { color: #fff; text-decoration: none; }
.sm { font-size: 10px; font-weight: normal; }
img.right { float: right; margin-bottom: 2px; margin-left: 10px; }
img.left { float: left; margin-right: 10px; margin-bottom: 2px; }
#content-border-top { background-color: #1a3b6a; height: 2px; overflow: hidden; border-top: 2px solid #fff; }
#content-border-bot { color: #00204e; height: 2px; overflow: hidden; border-bottom: 2px solid #fff; }
#content { background-color: #fff; padding: 12px 30px 8px; }
h1 { font-size: 18px; margin: 0 0 12px; padding: 0; }
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */