/* Cascading Style Sheet for LOWA */

 body {
color: white; background-color: #000000; link: #000ff; vlink: #ff0000; alink: #ff0000;
   font-size: 15px;
    line-height: 20px ; width: 101%;
}

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

  
/* Containers */

.container {width:
1050px;  
/* 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; background-color: #000000; color: white;
}

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

.container3 {
width: 95%; background-color: #000000; color: white; align: center;
}

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

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

.divfont {
 color: white; 
}

.divfontsize {
 font-size: 25px; line-height: 30px
}





.divimaga1 {background-image: url(imagebig.jpg); background-repeat: no-repeat; } 


.divcenter { align: center; }


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

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

.space3 {padding-top: 100px; background-color: #7F7F7F 
;  }

.space4 {padding-top: 100px; background-color: #003399
;  }

.space5 {padding-top: 100px; background-color: #666666
;  }

.space6 {padding-top: 100px; background-color: #003399
;  }

.space7 {padding-top: 100px; background-color: #ffffff
;  }
.space8 {padding-top: 100px; background-color: #0000ff
;  }

.space9 {padding-top: 100px; background-color: #00ccff
;  }

.space10 {padding-top: 100px; background-color: #0000ff
;  }

.space11 {padding-top: 100px; background-color: #ffffff
;  }

.space12 {padding-top: 100px; background-color: #9999FF
;  }

.space13 {padding-top: 100px; background-color: #7F7F7F
;  }

.space14 {padding-top: 100px; background-color: #003399
;  }

.space15 {padding-top: 100px; background-color: #666666
;  }




#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;
}

.hwhite { color: white; }


h1 { FONT-FAMILY: TIMES, SERIF; FONT-SIZE: 3 em; line-height: 3.1em; FONT-WEIGHT: bold; 
color: white; background-color: #000000; } 
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: 3em; 
FONT-WEIGHT: bold; color: #9999ff; 
}

.hbig { color: #9999ff; FONT-FAMILY: VERDANA, ARIAL, SANS-SERIF; FONT-SIZE: 2em; line-height: ;
FONT-WEIGHT: bold;
}


.hwhite { color: white; background-color: #003399; }

/* 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;
}

.pwhite {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: blue;}
 
A:link {text-decoration: none; color: yellow;}
A:visited {text-decoration: none; color: yellow;}
A:active {text-decoration: none; color: yellow; }
A:hover {text-decoration: underline overline; color: yellow; }



a.skip-link {color: #FFFFFF; background-color: #FFFFFF;}
a.skip-link:active {color: #003399; background-color: #FFFFFF;}
a.skip-link:hover {color: #003399; background-color: #FFFFFF;}
a.skip-link:focus {color: #003399; background-color: #FFFFFF;}




.skip-link a,.skip-link span {position: absolute; overflow: hidden; width: 0; height: 0;
top: -4em; left: -3em;
}

.skip-link a:active, .skip-link a:focus {position: absolute; overflow: visible; width: auto;
height: auto;background-color: #ffff00;
color: #ff0000;
top: 7em;
left: 1em;
padding: 5px;
border: 2px solid red;
font-weight: bold;
 }


a img { border: none; padding: 0;}

a.expand:link { color: blue;  font-size: 1em;}
a.expand:visited { color: purple; }
a.expand:hover { color: green; font-size: 1em;}
a.green:active {cl.lr: red; font-size: 1em;}

a.scroll:link { color: crimson;  font-size: 1em;}
a.scroll:visited { color: crimson; font-size: 1em;}
a.scroll:hover { color: crimson; font-size: 1.2em;}
a.scroll:active {cl.lr: crimson; font-size: 1em}

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

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

} 


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

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

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

/* Left, right, middles */

.left {
float: left;
  margin-left: 0px;
margin-right: 20px;
  padding: 0px 0px 0px 0px;
width: 275px;
  
}

.middle {margin-left: auto;
  top: 0px;
padding: 10px 0px 0px 0px;

}


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

}

/* 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;
}


.rightlil {
float: right;
  margin-right: auto;
  padding: 0px 0px 0px 0px;
  width: 350px;
)

.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: blue;
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;
  margin-left: 0px;
  padding: 0px 0px 0px 0px;
  line-height: 0px;
margin: 0px;
padding: 0ps;


}

.middlet {width: 50%;
left: 50%
margin-left: -50%;

  top: 0px;
margin-left: auto; margin-right: auto;
 
}


.rightt {
float: right;
  margin-right: 0;
margin-right: 10px;
  padding: 0px 0px 0px 0px;
  width: 21.25% ;
}

.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: 12px;
    line-height: 14px;
   
}
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: blue;
    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: 12px;
    line-height: 15px;
   
}
div#buttonA2 li {
    list-style-type: none;
    height: 25px;
    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: #003399;
}
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: #003399;
    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: blue;
    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: #003399;
    border-style: outset;
}
div#buttonB li a:visited {
    color: yellow;
    font-weight: normal;
    background-color: blue;
    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: blue;
    border-style: inset;
}


 

/* To make the menu horizontal: */


div#buttonC {
   width: 800px ;
  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: 0px;
    border-color: #003399

}
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: white;
    background-color: #003399;
    border-style: outset;
}
div#buttonC li a:active {
    font-weight: bold;
    color: yellow;
    background-color: #003399;
    border-style: inset;
}

<! **make less wide box**** !>
div#buttonAsmall {
    margin-left: 2px;
    
}
div#buttonAsmall ul {
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 20pz;
   
}
div#buttonAsmall li {
    list-style-type: none;
    height: 25px;
    width: 75px;
    margin: 0px;
    text-align:center;
    
}
div#buttonAsmall li a {
    height: 100%;
    width: 100%;
    display: block;
    text-decoration: none;
    border-width: 0px;
    border-color: #003399;
}
div#buttonAsmall li a:link {
    color: yellow;
    font-weight: bold;
    background-color: #003399;
    border-style: outset;
}
div#buttonAsmall li a:visited {
    color: yellow;
    font-weight: normal;
    background-color: #003399;
    border-style: outset;
}
div#buttonAsmall li a:hover {
    font-weight: bold;
    color: yellow;
    background-color: green;
    border-style: outset;
}
div#buttonAsmall li a:active {
    font-weight: bold;
    color: yellow;
    background-color: blue;
    border-style: inset;
}


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

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





