/* Cascading Style Sheet for hsb church */

 body {
color: #ffffff; background-color: #003399; 
   font-size: 15px;
    line-height: 20px; width: 102%;
}

a:link {color: yellow; }
a:visited {color: yellow; }
a:hover {color: #ffffff; }
a:active { color: yellow;} 
  
/* Containers */




.container {width:
1000px;  
/* Centering for IE6+ in strict mode,
Firefox, and other modern browsers */
margin: 0 auto;
/* Don't center every line of text -
we inherited this setting from body */
text-align: left; 
}

.container2 {
width: 102.5%;
left: 50%;
margin-left: -410 px;
text-align: left;background-color: 	#C7CED1;
}

.container3 {
width: 95%; background-color: #003399; color: #ffffff; align: center;
}

.container4 {
width: 102.5%;background-color: black; color: white;
}

.container5 {
width: 102.5%;background-color:white ; color: black;
}


.conindent {  margin-left: 200px;                }
.divfont {
 color: white;
}


.divcenter { align: center; }


.divleft {width: 15%;float: left; padding: 0,1%,1%,1%; }

.space1 {padding-top: 100px; }
.space2 {padding-top: 25px; }

#content {
  width: 500;
  margin-left: auto ;
  margin-right: auto ;
}




/* Headings */

.heading {align: center;
  text-align: center;
font-color: white;
font-size: 1.2em;
    line-height:1.4em;
}

h1 { FONT-FAMILY: TIMES, SERIF; FONT-SIZE: 2 em; line-height: 1em; FONT-WEIGHT: bold; 
color: white; background-color: #003399; } 
h2 { FONT-FAMILY: VERDANA, ARIAL, SANS-SERIF; FONT-SIZE: 1.5em; line-height: 1.7em; 
FONT-WEIGHT: bold; color: white;  } 
h3 { FONT-FAMILY: VERDANA, ARIAL, SANS-SERIF; FONT-SIZE: 1.25em; line-height: 1em;
FONT-WEIGHT: bold; color: white; } 
h4 {FONT-FAMILY: VERDANA, ARIAL, SANS-SERIF; FONT-SIZE: 1.0em; line-height: 1em;
FONT-WEIGHT: bold; color: white; }
h5 {FONT-FAMILY: VERDANA, ARIAL, SANS-SERIF; FONT-SIZE: .9em; line-height: 1em;
FONT-WEIGHT: bold; color: white; }
h6 {FONT-FAMILY: VERDANA, ARIAL, SANS-SERIF; FONT-SIZE: .9em; line-height: 1em;
FONT-WEIGHT: bold; color: white; 
margin-left: 10%; margin-right: 10%;

}



/* Paragraphs , Margins, and Indents */

p { text-indent: 0em; margin-left: 10%; margin-right: 10%;
text-align: "left";
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px; line-height: 20px;
color: white;
}

.pindent { text-indent: 0em; margin-left: 15%; margin-right: 15%;
text-align: "left";
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .875em; line-height: 1.2em;
color: white;
}

.preturn { text-indent: 0em; margin-left: 15%; margin-right: 15%;
text-align: "left";
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.5em; line-height: 1.8em;
color: white;
}



.quote{font-style: italic;margin-left: 12%;margin-right: 
12%;font-size: .9em;line-height: 1.2;}


.p2 { text-indent: 0em; margin-left: 0%; margin-right: 0%;
text-align: "left";
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .5em; line-height: .75em;
color: white;
}

.p3 { text-indent: 0%; margin-left: 5%; margin-right: 5%;
text-align: "left";
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .75em; line-height: 1.2em;
font-weight: italic;
color: white;
}



.indent { text-align: left; margin-left: 15%; margin-right: 15%; }
.indent10 {text=indent: 30em; text-align: left; margin: 10%; }
.indent50 {text-indent: 0em; text-align: left; margin-left: 6.25%; }
.indent0 {text-indent: 0em; text-align: left; margin-left: 0; }

.pmargin {margin-left: 5em; margin-right: 5em; }

.text { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .875em; line-height: 1em; }

.text2 { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .5em; line-height: .65em; }


/* Links and images */





.class2 A:link {text-decoration: underline; color: yellow; font-size: 25px; }
.class2 A:visited {text-decoration: underline; color: yellow; }
.class2 A:active {text-decoration: underline; color: yellow; }
.class2 A:hover {text-decoration: underline; color: #003399;}



.image{ 
padding : 0px; 
margin : 0px; 
align: center;
} 

.img{ 
padding : 0px; 
margin : 0px; 
align: left;
border: 0;
margin-top: 0;
margin-bottom: 0;

} 


.img1 {
	vertical-align: bottom;
hspace; 0;
vspace: 0;
	}

.img2 {
	vertical-align: top;
hspace: 0;
vspace: 0;
	}

.img3 {vertical-align: bottom;
hspace: 0;
vspace: 0;
}

/* Left, right, middles */


.left {
float: left;
width: 25%;
  margin-left: -1%;
margin-right: 0;
  padding: 0px 0px 0px 0px;
  
}

.middle {width: 50.%;
margin-left: auto;
  top: 0px;
margin-right: 25%;
 
}


.right {
float: right;
  margin-right: auto;
  padding: 0px 0px 0px 0px;
  width: 200px;
}

/* Top Banner Tri Column Left, right, middles */


.leftb {
float: left;
width: 100 px;
  margin-left: 5px;
margin-right: auto;
  padding: 0px 0px 0px 0px;
  
}

.middleb {
margin-left: auto;
  top: 0px;
margin-right: 1%;
 
}


.rightb {
float: right;
  margin-right: auto;
  padding: 0px 0px 0px 0px;
  width: 220px;
}


.leftc {
float: left;
width: 100 px;
  margin-left: 5px;
margin-right: auto;
  padding: 0px 0px 0px 0px;
  
}

.middlec {
margin-left: auto;
  top: 0px;
margin-right: 1%;
 
}


.rightc {
float: right;
  margin-right: auto;
  padding: 0px 0px 0px 0px;
  width: 20px;
}



.rightb2 { float: right; margin: auto padding: 0,0,0,2%; width: 2px; }
.leftb2 {
float: left;
width: 12%;
  margin-left: -1%;
margin-right: auto;
  padding: 0px 50px 0px 0px;
  }
 
.left2xcolumn {  width:200px; float: left; margin: 10px,0,10px,5px;  height: 500 em;  }

.left2column {
    width:200px;
  float:left;
  margin:10px 0 10px 5px;
  height:350px; }


.midmarquee {width: 90%;
text-color: red;
margin-left: 10px;
margin-right: auto
padding: 0;
border: none
backgound-color: #003399;
font-size: 2em;
}

.banmargin {
margin-left: auto;
margin-right: 0px;
}

.middlefun {
width: 55.%;
margin-left: auto;
  top: 0px;
margin-right: 10%;

 }

.rightfun {
float: right;
  margin-right: auto;
  padding: 0px 0px 0px 0px;
  width: 50px;

}



.leftgen {
float: left;
  margin-left: 0;
margin-right: 0;
  padding: 0px 0px 0px 0px;
width: 33%;

}

.middlegen {
  margin-left: auto; margin-right: auto;
width: 33%;
 }


.rightgen {
float: right;
  margin-left: auto;
margin-right: auto;
  padding: 0px 0px 0px 0px;
}

.middlegen2 {
  margin-left: auto; margin-right: auto;

 }

.rightgen2 {
float: right;
  margin-left: auto;
margin-right: auto;
  padding: 0px 0px 0px 0px;
}

.leftgen2 {
float: left;
  margin-left: 0;
margin-right: 0;
  padding: 0px 0px 0px 0px;

}


.middlesub {width: 65%;
margin-left: auto;
  top: 0px;
margin-right: 20%;
 
}
.rightsub {
float: right;
  margin-right: auto;
  padding: 0px 0px 0px 0px;
  width: 20%;}


.middleunit {width: 60%;
margin-left: auto;
  top: 0px;
margin-right: 30%;
 
}

.rightunit {
float: right;
  margin-right: auto;
  padding: 0px 0px 0px 0px;
  width: 175px;}


.rightcondo {
float: right;
  margin-right: auto;
  padding: 0px 0px 0px 0px;
width: 80px;
}

.middlecondo{width: 66%;
margin-left: auto;
  top: 0px;
margin-right: 15%;
 
}



.footer {
  padding-top: 20px;
  text-align: center;
  clear: both;
}

/* Special left right middle partitions */

.leftt {
float: left;
 align: left;
  padding: 0px 0px 0px 0px;
  line-height: 0px;
margin-left: -10%;
padding: 0ps;


}

.middlet {width: 70%;
  top: 0px;
margin-left: 10px; margin-right: auto;
 
}

.rightt {
float: right;
  
margin-right: -5%;
  padding: 0px 0px 0px 0px;
  width: 28% ;
}

.leftst {
float: left;
  margin-left: 10px;
}

.rightst {
float: right;
  margin-right: 0;
  padding: 0px 0px 0px 0px;
  width: 37.5$;
}


.leftwide {
width: 40%;
float: left;
  margin-left: 10px;
}

.middlesmall {
width:37.5$;
margin: 0px;
padding: 0px;

}

.rightgen2 {
float: right:
margin-left: 0;
margin-right: 0;
padding: 0px;
}

.middlegen2 {
margin-left: 0px;
   margin-right: 0px;
width: 43.75%;
 }

/* no float left right middle */

.leftfull {
 100%;
margin: 0 auto;
text-align: left;

}
.rightnofloat {
margin-right: 0;
padding: 0px 0px 0px 0px;
}

}
.normal {
margin-left: 10%;
margin-right: 10%;
padding: 0px 0px 0px 0px;
}


.fun {
margin-left: 20%;
margin-right: 10%;
padding: 0px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .875em; line-height: 1.4em;
}





.button {
width: 310 px;
padding: 0;
margin-left: 30%;
margin-right: auto;
}



/* Buttons */
/* Below is copied from original button menu */

div#buttonA {
    margin-left: 2px;
    
}
div#buttonA ul {
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18pz;
   
}
div#buttonA li {
    list-style-type: none;
    height: 20px;
    width: 125px;
    margin: 0px;
    text-align:center;
    
}
div#buttonA li a {
    height: 100%;
    width: 100%;
    display: block;
    text-decoration: none;
    border-width: 0px;
    border-color: #003399;
}
div#buttonA li a:link {
    color: yellow;
    font-weight: bold;
    background-color: #003399;
    border-style: outset;
}
div#buttonA li a:visited {
    color: yellow;
    font-weight: normal;
    background-color: #003399;
    border-style: outset;
}
div#buttonA li a:hover {
    font-weight: bold;
    color: yellow;
    background-color: green;
    border-style: outset;
}
div#buttonA li a:active {
    font-weight: bold;
    color: yellow;
    background-color: #003399;
    border-style: inset;
}

<! *** below is same as above but for a double line *** !>

div#buttonA2 {
    margin-left: 2px;
    
}
div#buttonA2 ul {
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
   
}
div#buttonA2 li {
    list-style-type: none;
    height: 35px;
    width: 125px;
    margin: 0px;
    text-align:center;
    
}
div#buttonA2 li a {
    height: 100%;
    width: 100%;
    display: block;
    text-decoration: none;
    border-width: 0px;
    border-color: black;
}
div#buttonA2 li a:link {
    color: yellow;
    font-weight: bold;
    background-color: #003399;

    border-style: outset;
}
div#buttonA2 li a:visited {
    color: yellow;
    font-weight: normal;
    background-color: black;
    border-style: outset;
}
div#buttonA2 li a:hover {
    font-weight: bold;
    color: yellow;
    background-color: green;
    border-style: outset;
}
div#buttonA2 li a:active {
    font-weight: bold;
    color: yellow;
    background-color: #003399;
    border-style: inset;
}



/* This next section is for button menu based on percent */

div#buttonB {
    margin-left: 0px;
    
}
div#buttonB ul {
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .875em;
    line-height: 1em;
  }

div#buttonB li {
    list-style-type: none;
    height: 35px;
    width: 100px;
    margin: 0px;
    text-align:center;
    
}
div#buttonB li a {
    height: 100%;
    width: 100%;
    display: block;
    text-decoration: none;
    border-width: 4px;
    border-color: red

}
div#buttonB li a:link {
    color: yellow;
    font-weight: bold;
    background-color: black;
    border-style: outset;
}
div#buttonB li a:visited {
    color: yellow;
    font-weight: normal;
    background-color: #003399;
    border-style: outset;
}
div#buttonB li a:hover {
    font-weight: bold;
    color: red;
    background-color: green;
    border-style: outset;
}
div#buttonB li a:active {
    font-weight: bold;
    color: yellow;
    background-color: #003399;
    border-style: inset;
}


 

/* To make the menu horizontal: */


div#buttonC {
   width: 700px ;
  margin-left: auto ;
  margin-right: auto ;
    
}

div#buttonC ul {

    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    line-height: 0.9em;
  }

div#buttonC li {
float: left;
    list-style-type: none;
    height: 50px;
    width: 100px;
    margin: 0px;
    text-align:center;
    
}
div#buttonC li a {
    height: 100%;
    width: 100%;
    display: block;
    text-decoration: none;
    border-width: 2px;
    border-color: red

}
div#buttonC li a:link {
    color: yellow;
    font-weight: bold;
    background-color: #003399;
    border-style: outset;
}
div#buttonC li a:visited {
    color: yellow;
    font-weight: normal;
    background-color: #003399;
    border-style: outset;
}
div#buttonC li a:hover {
    font-weight: bold;
    color: red;
    background-color: green;
    border-style: outset;
}
div#buttonC li a:active {
    font-weight: bold;
    color: yellow;
    background-color: #003399;
    border-style: inset;
}



#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px; 

   font-size: 14px;
    line-height: 18px ;
}