/* Calvary Church | Calvary75.org | Cascading Style Sheet */

body {
background:url(../img/75bkgd_home.jpg) repeat bottom center fixed;
font-family:Georgia, Times New Roman, Times, serif;
font-size:small;
margin:0;
padding:0;
text-align:center;
}

a {
color:#660033;
text-decoration:underline;
}

a:hover {
color:#993300;
text-decoration:underline;
}

h1,h2,h3 {
color:#000;
font-family:Georgia, Times New Roman, Times, serif;
font-weight:500;
}

h1 {
background:transparent url(../img/bullet_h1.png) no-repeat 0 50%;
border-bottom:1px solid gray;
font-size:135%;
padding:2px 0 3px 34px;
}

h2 {
background:transparent url(../img/bullet_h2.png) no-repeat 0 52%;
font-size:125%;
font-style:italic;
padding:2px 0 3px 34px;
}

h3 {
background:transparent url(../img/bullet_h3.png) no-repeat 0 55%;
font-size:115%;
padding:2px 0 3px 34px;
}

#wrap {
background:url(../img/wrap_bkgd.jpg) repeat-y;
margin:0px auto;
width:830px;
height:100%;
margin-top:0px;
margin-bottom:350px;
_margin-bottom:0px;
}

#header {
background:url(../img/header_bkgd.jpg) no-repeat top center;
border-top:thin #666 solid;
clear:both;
color:#fff;
height:42px;
margin:auto;
position:relative;
width:830px;
}

#header ul {
list-style-image:none;
margin:0;
}

#logo-header a {
height:40px;
left:25px;
position:absolute;
text-decoration:none;
width:240px;
}

#nav-header {
color:#fff;
font-size:9pt;
height:40px;
}

#nav-header ul {
left:300px;
list-style-image:none;
margin-top:2px;
padding:0;
position:absolute;
width:500px;
}

#nav-header ul li {
display:inline;
float:left;
margin-top:9px;
padding:2px;
}

#nav-header ul li a {
background:transparent url(../img/bullet_nav1.gif) no-repeat 0 65%;
color:#fff;
display:block;
padding:0 9px;
text-decoration:none;
}

#nav-header ul li a:hover {
background:#fff url(../img/bullet_nav2.gif) no-repeat 0 65%;
color:#000;
padding:0 9px;
text-decoration:none;
}

#banner {
background:#000;
margin:0 auto;
height:120px;
width:752px;
}

#banner_logo {
background:url(../img/75_logo.jpg) no-repeat top left;
height:120px;
width:170px;
position:relative;
float:left;
}

#banner_animation {
background:#000;
height:120px;
width:582px;
position:relative;
float:right;
}

#menu {
background:#000;
border-bottom:thin #666 solid;
font-size:10pt;
height:48px;
margin:0 auto;
padding:0;
position:relative;
text-align:center;
width:750px;
}

#nav {
background:transparent url(../img/menu_bkgd.jpg) no-repeat top left;
height:24px;
margin:0;
padding:0;
text-align:center;
width:750px;
}

#nav li {
display:block;
float:left;
height:24px;
margin:0;
padding:3px 0 2px 0;
text-align:center;
}

#nav li ul {
color:#fff;
display:none;
height:24px;
margin:0;
padding:2px 0 0 5px;
position:absolute;
}

#nav a {
color:#FFF;
display:block;
font-weight:700;
margin:0;
padding:0;
text-align:center;
text-decoration:none;
width:75px;
}

#nav a:hover {
color:#9CF;
padding:0 0 3px;
text-decoration:none;
}

#nav li.on ul {
background:transparent;
display:none;
}

#nav li.on a {
color:#000;
padding:0 0 3px;
}

#nav li.on {
background:transparent url(../img/menu_bkgd_on.jpg) no-repeat;
}

#nav li.off:hover ul,#nav li.over ul {
display:block;
text-align:center;
z-index:6000;
}

#nav li.off ul a,#nav li.on ul a {
background:transparent;
color:#FFF;
display:block;
font-family:arial, verdana, sans-serif;
font-weight:400;
text-align:center;
width:750px;
}

#nav li.on ul a {
background:transparent;
color:#fff;
}

#nav li.on:hover ul,#nav li.over ul {
background:transparent;
color:#9CF;
}

#nav li.on:hover ul a,#nav li.over ul li a {
background:transparent;
color:#FFF;
}

#nav li.off a:hover,#nav li:hover a,#nav li.over a {
background:transparent;
color:#9CF;
padding:0 0 3px;
}

#nav li.on ul a:hover,#nav li.off ul a:hover {
background:transparent;
color:#9CF;
}

#nav li.off:hover,#nav li.over,#nav li.on:hover,#nav li.over {
background:transparent;
}

#container {
background:transparent;
height:100%;
margin:0px auto;
padding:0;
position:relative;
width:830px;
margin-top:0px;
}

#top {
background:url(../img/top_bkgd.jpg) repeat-y;
height:340px;
width:770px;
margin-top:2px;
padding:30px;
}

#picture {
background:transparent;
float:left;
width:500px;
height:100%;
}

#sidebar {
background:transparent;
float:right;
width:250px;
height:100%;
margin-top:0px;
color:#000;
font-family:Georgia, Times New Roman, Times, serif;
}

#sidebar .title {
margin-top:0px !important;
*margin-top:30px;
_margin-top:0px;
margin-bottom:0px;
font-size:115%;
color:#fff;
font-weight:bold;
line-height:normal;
}

#sidebar li a {
height:100%;
text-decoration:none;
}

#sidebar ul {
list-style:none;
margin:0;
padding:2px;
width:100%;
text-align:left;
}

#sidebar li a:link, #sidebar li a:visited {
background:url(../img/submenu.jpg) no-repeat;
color:#000;
display:block;
line-height:100%;
padding:6px 0 6px 35px;
}
	
#sidebar li a:hover {
background:url(../img/submenu.jpg) no-repeat 0 -40px;
color:#fff;
line-height:100%;
padding:6px 0 6px 35px;
text-decoration:none;
}

#sidebar li.on a {
background:url(../img/submenu.jpg) no-repeat 0 -40px;
color:#fff;
line-height:100%;
padding:6px 0 6px 35px;
text-decoration:none;
}	

#nav-section {
font-size:small;
}

#nav-supp {
font-size:small;
}

#content {
clear:both;
background:url(../img/content_bkgd.jpg) top center no-repeat;
height:100%;
width:750px;
padding:15px 40px 15px 40px;
}

#content p,#content ol,#content ul {
color:#000;
font-size:100%;
line-height:1.5em;
padding:0px 10px 0px 10px;
}

#footer {
background:url(../img/footer_bkgd.jpg) no-repeat top center;
border-top:thin #666 solid;
clear:both;
color:#fff;
height:80px;
margin:auto;
position:relative;
width:830px;
margin-bottom:350px;
}

#footer ul {
list-style-image:none;
margin:0;
}

#logo-footer a {
height:42px;
left:25px;
position:absolute;
text-decoration:none;
width:240px;
}

#nav-footer {
color:#fff;
font-size:9pt;
height:42px;
}

#nav-footer ul {
left:300px;
list-style-image:none;
margin-top:2px;
padding:0;
position:absolute;
width:500px;
}

#nav-footer ul li {
display:inline;
float:left;
margin-top:9px;
padding:2px;
}

#logo-header a i,#logo-footer a i {
visibility:hidden;
}

#nav-footer ul li a {
background:transparent url(../img/bullet_nav1.gif) no-repeat 0 65%;
color:#fff;
display:block;
padding:0 9px;
text-decoration:none;
}

#nav-footer ul li a:hover {
background:#fff url(../img/bullet_nav2.gif) no-repeat 0 65%;
color:#000;
padding:0 9px;
text-decoration:none;
}

#nav li.on ul a:hover,#nav li.off ul a:hover {
background:transparent;
color:#6cf;
}

#nav li.off:hover,#nav li.over,#nav li.on:hover,#nav li.over {
background:transparent url(img/menu_bkgd_over.jpg) no-repeat;
}

/* --- Info Site: Text Below the Footer Bar --------- */

#info-site {
background:url(../img/top_bkgd.jpg) top center repeat-y;
clear:both;
position:relative;
text-align:center;
width:830px;
margin-top:2px;
}

#info-site ul {
font-size:9pt;
padding:15px 10px 15px 10px;
}

#info-site ul li {
color:#fff;
display:inline;
text-align:center;
}

#info-site ul li a {
color:#fff;
padding:3px;
text-decoration:none;
}

#info-site ul li a:hover {
border-color:#000;
border-style:solid;
border-width:1px;
color:#fff;
padding:2px;
}