/* Calvary Church VBS 2006 | Cascading Style Sheet */

body {
background:#000 url(../img/bkgd.gif) repeat;
font-family:Verdana, Helvetica, Arial, sans-serif;
font-size:small;
margin:0;
padding:0;
text-align:center;
}

a {
color:#00CCFF;
text-decoration:underline;
}

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

h1,h2,h3,h4,h5,h6 {
color:#fff;
font-family:Verdana, Helvetica, Arial, sans-serif;
font-weight:400;
}

h1 {
color:#fff;
background: transparent url(../img/bullet_h1.gif) no-repeat left top;
border-bottom:1px solid gray;
font-size:145%;
padding:2px 0 3px 24px;
}

h2 {
background:transparent url(../img/bullet_h2.gif) no-repeat left top;
font-size:130%;
font-style:italic;
padding:2px 0 3px 24px;
}

h3 {
background:transparent url(../img/bullet_h3.gif) no-repeat left top;
color:#ccc;
font-size:115%;
padding:2px 0 3px 24px;
}

h4 {
color:#CC0;
border-bottom:1px solid gray;
font-size:145%;
padding:2px 0 3px 24px;
}

h5 {
font-size:130%;
font-style:italic;
padding:2px 0 3px 24px;
}

h6 {
font-size:115%;
padding:2px 0 3px 24px;
}

#wrap {
background:#000;
border:thin #666 solid;
height:100%;
margin:20px auto;
text-align:left;
width:800px;
}

#header {
background:#000000 url(../img/header_bkgd.jpg) no-repeat top left;

clear:both;
color:#fff;
height:38px;
position:relative;
width:800px;
}

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

#logo-header a {
height:36px;
position:absolute;
text-decoration:none;
width:235px;
}

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

#nav-header ul {
left:270px;
list-style-image:none;
margin:0;
padding:0;
position:absolute;
width:530px;
}

#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:url(../img/banner_home.jpg) no-repeat;
border-bottom:thin #666 solid;
height:300px;
width:800px;

}

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

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

#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:100px;
}

#nav a:hover {
color:#fff;
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:800px;
}

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

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

#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:#cc3;
padding:0 0 3px;
}

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

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

#container {
background:#000;
height:100%;
margin:2px 0 0;
padding:0;
position:relative;
width:802px;
}

#content {
background:#333;
border-right:thin #666 solid;
float:left;
height:100%;
min-height:500px;
padding:5px;
position:relative;
width:77%;
}

#content p,#content ol,#content ul {
color:#fff;
font-size:100%;
line-height:1.5em;
padding-left:12px;
}

#sidebar {
background:transparent;
color:#CC0;
float:right;
height:100%;
min-height:500px;
padding:5px;
position:relative;
width:20%;
}

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

#sidebar ul {
list-style:none;
margin:0;
padding:0;
width:100%;
}

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

#nav-section {
font-size:10pt;
min-height:156px;
padding-top:12px;
}

#nav-supp {
font-size:10pt;
min-height:156px;
padding:12px 0;
}

#footer {
background:#000000 url(../img/footer_bkgd.jpg) no-repeat top left;
border-top:thin #666 solid;
clear:both;
color:#000;
height:70px;
position:relative;
width:800px;
}

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

#logo-footer a {
height:36px;
position:absolute;
text-decoration:none;
width:235px;
}

#nav-footer {
color:#000;
font-size:9pt;
height:36px;
}

#nav-footer ul {
left:270px;
list-style-image:none;
margin:0;
padding:0;
position:absolute;
width:530px;
}

#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_nav2.gif) no-repeat 0 65%;
color:#000;
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 {
clear:both;
position:absolute;
text-align:center;
top:44px;
width:800px;
}

#info-site ul {
font-size:9pt;
padding:5px 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:#fff;
border-style:solid;
border-width:1px;
color:#fff;
padding:2px;
}