/* Generic Selectors */

body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
}
/**************** Pseudo classes ****************/

a:link {

color: #FFFFFF;

text-decoration: none;
}

li :link {

color: #FFFFFF;

text-decoration: none;

}

a:hover {

color: #000066;

text-decoration: none;

font-weight: bold;

}

a:visited {

color: #B20000;

text-decoration: none;

}

li a:visited {

color: #B20000;

text-decoration: none;

}
/*maincontent*/

H2     {font-size: 1.5em}
H3     {font-size: 1.25em}
H4     {font-size: 1em}
H5	   {font-size: 1.5em}
H6	   {font-size: 1.5em}
H7	   {font-size: 1.25em}

a.main:link {color: #708090}     /* unvisited link */
a.main:visited {color: #FF0000}  /* visited link */
a.main:hover {color: #B20000}   /* mouse over link */
a.main:active {color: #000066} 

.iconlist
{
list-style: none;
margin: 0;
padding: 0;
}

li.chalicedrk
{
background-image: url(images/bulletdrk.gif);
background-repeat: no-repeat;
background-position: 0 .4em%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.chalice
{
background-image: url(images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.arch
{
background-image: url(images/bulletarchblue.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

#blank {
position: absolute;
height:  50px;
width: 100%;
top:75px;
border:0px none;
background-repeat: no-repeat;
background-position: top center;
}

#top {
position: absolute;
height:  350px;
width: 100%;
top:75px;
border:0px none;
background-image: url(images/collage4_original.jpg);
background-repeat: no-repeat;
background-position: top center;
}

#topvbs {
position: absolute;
height:  350px;
width: 100%;
top:75px;
border:0px none;
background-image: url(images/vbs07Picture002.jpg);
background-repeat: no-repeat;
background-position: top center;
}

#topdenomination {
position: absolute;
height:  250px;
width: 100%;
top:75px;
border:0px none;
background-image: url(images/chaliceredsm.gif);
background-repeat: no-repeat;
background-position: center center;
}

#topresources {
position: absolute;
height:  350px;
width: 100%;
top:75px;
border:0px none;
background-image: url(images/resourcescollage.gif);
background-repeat: no-repeat;
background-position: top center;
}

#topmusic {
position: absolute;
height:  350px;
width: 100%;
top:75px;
border:0px none;
background-image: url(images/choirsm.jpg);
background-repeat: no-repeat;
background-position: top center;
}

#topsermon {
position: absolute;
height:  350px;
width: 100%;
top:75px;
border:0px none;
background-image: url(images/shane.jpg);
background-repeat: no-repeat;
background-position: top center;
}

#topadventure {
position: absolute;
height:  500px;
width: 100%;
top:75px;
border:0px none;
background-image: url(images/allpeoples2sm.jpg);
background-repeat: no-repeat;
background-position: top center;
}

#maincontent{
position: fixed; 
top: 0;
left: 150px; /*Set left value to WidthOfLeftFrameDiv*/
right: 175px; /*Set right value to WidthOfRightFrameDiv*/
margin:0 15px 0 15px;
bottom: 0;
font-family:"arial";
overflow: auto; 
}

.indented
   {
   padding-left: 50px;
   padding-right: 50px;
   }


.innertube{
margin: 10px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 0 150px 0 175px; /*Set value to (0 WidthOfRightFrameDiv 0 WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

#headertitle {
position: top center; 
top:0px; 
font-family:"lucida calligraphy", "urw chancery l", cursive, sans-serif; 
font-size:x-large; 
font-weight:bold; color:navy;
}

#headersubtitle {
position: ; 
margin-top: 220px; 
font-family:"lucida calligraphy", "urw chancery l", cursive, sans-serif; 
font-size:medium; color:navy;
}

#textlocation {
margin-top: 275px;
}

#textlocation2 {
margin-top: 500px;
}

#textlocation3 {
margin-top: 100px;
}

/*left & right sides*/
p.deflist{
font-family:Arial,Verdana,Sans-serif;
font-size:.75em;
vertical-align:text-bottom;
}

#framecontentLeft, #framecontentRight{
position: absolute; 
top: 0; 
left: 0; 
width: 150px; /*Width of left frame div*/
height: 150%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #708090;
color: white;
}

#framecontentRight{
left: auto;
right: 0; 
width: 175px; /*Width of right frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #708090;
color: white;
}



/*navigation*/
#navbar {
    width: 450px; height: 75px;
    background: url(images/navigation2.png) no-repeat;
    background-color: white;
    margin: 10px 0px 10px 300px; padding: 0;
    position: relative;
	}
	
#navbar span {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 450px;
 height: 75px;
 background: url(images/layer.gif) no-repeat;
}	
	
  #navbar li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #navbar li, #navbar a {
    height: 75px; display: block;}
	
#panel1 {left: 0; width: 76px;}
  #panel2 {left: 75px; width: 75px;}
  #panel3 {left: 150px; width: 74px;}
  #panel4 {left: 225px; width: 75px;}
  #panel5 {left: 300px; width: 74px;}
  #panel6 {left: 375px; width: 75px;}
  
  #panel1 a:hover {
    background: transparent url(images/navigation2.png)
    0 -100px no-repeat;
	image: url(images/layer.gif) no-repeat;}
  #panel2 a:hover {
    background: transparent url(images/navigation2.png)
    -75px -100px no-repeat;
	image: url(images/layer.gif) no-repeat;}
  #panel3 a:hover {
    background: transparent url(images/navigation2.png)
    -150px -100px no-repeat;
	image: url(images/layer.gif) no-repeat;}
  #panel4 a:hover {
    background: transparent url(images/navigation2.png)
    -225px -100px no-repeat;
	image: url(images/layer.gif) no-repeat;}
  #panel5 a:hover {
    background: transparent url(images/navigation2.png)
    -300px -100px no-repeat;
	image: url(images/layer.gif) no-repeat;}
  #panel6 a:hover {
    background: transparent url(images/navigation2.png)
    -375px -100px no-repeat;
	image: url(images/layer.gif) no-repeat;}
	
	
	
  #vertnav {
list-style: none; 
padding: 0;
margin: 0;
width: 75px;
height: 450px;
background: url(images/navigationv.png);
}

#vertnav li {
float: left; 
width: 100%; 
}


#vertnav a {
display: block;
background: transparent url(images/navigationv.png) 0 0 no-repeat;
}

#panelv1 a {
height: 75px;
background-position: 0 0;
}

#panelv2 a {
height: 75px;
background-position: 0 75px;
}

#panelv3 a {
height: 75px;
background-position: 0 150px;
}

#panelv4 a {
height: 75px;
background-position: 0 225px;
}

#panelv5 a {
height: 75px;
background-position: 0 300px;
}

#panelv6 a {
height: 75px;
background-position: 0 375px;
}

#panelv1 a:hover {background-position: -100px 0;}
#panelv2 a:hover {background-position: -100px -75px;}
#panelv3 a:hover {background-position: -100px -150px;}
#panelv4 a:hover {background-position: -100px -225px;}
#panelv5 a:hover {background-position: -100px -300px;}
#panelv6 a:hover {background-position: -100px -375px;}

#action span {
display: none;
}