/* Cascading Style Sheet for soslowa.org */

  

body color: #ffffff; link: #000ff; vlink: #ff0000; alink: #ff0000;
text: #000000;
   font-size: .875em;
    line-height:1.125em;
}

/* Containers */

.container {
  100%;  
/* 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;
}


/* Headings */

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

h1 { FONT-FAMILY: TIMES, SERIF; FONT-SIZE: 2 em; line-height: 1em; FONT-WEIGHT: bold; 
font-color: black; } 
h2 { FONT-FAMILY: VERDANA, ARIAL, SANS-SERIF; FONT-SIZE: 1.5em; line-height: 1.7em; 
FONT-WEIGHT: bold; font-color: black;  } 
h3 { FONT-FAMILY: VERDANA, ARIAL, SANS-SERIF; FONT-SIZE: 1.25em; line-height: 1em;
FONT-WEIGHT: bold; font-color: black; } 
h4 {FONT-FAMILY: VERDANA, ARIAL, SANS-SERIF; FONT-SIZE: 1.0em; line-height: 1em;
FONT-WEIGHT: bold; font-color: black; }

/* 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: .875em; line-height: 1.2em;
color: black;
}

.indent {text-indent: 0em; text-align: left; margin-left: 5%; margin-right: 15%; }
.indent10 {text=indent: 0em; 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 */


a.skip-link {color: #FFFFFF; background-color: #FFFFFF;}
a.skip-link:active {color: #000000; background-color: #FFFFFF;}
a.skip-link:hover {color: #000000; background-color: #FFFFFF;}
a.skip-link:focus {color: #000000; 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;

} 


.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;
  margin-left: 0px;
margin-right: 0;
  padding: 0px 0px 0px 0px;
  
}

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


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

.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;

}

.middlegen {
  margin-left: auto; margin-right: auto;
 }




.rightgen {
float: right;
  margin-left: 1%;
margin-right: auto;
  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%;}

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

.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: 1.0 em;
    line-height: 1em;
   
}
div#buttonA li {
    list-style-type: none;
    height: 44px;
    width: 125px;
    margin: 0px;
    text-align:center;
    
}
div#buttonA li a {
    height: 100%;
    width: 100%;
    display: block;
    text-decoration: none;
    border-width: 4px;
    border-color: red

}
div#buttonA li a:link {
    color: yellow;
    font-weight: bold;
    background-color: blue;
    border-style: outset;
}
div#buttonA li a:visited {
    color: yellow;
    font-weight: normal;
    background-color: blue;
    border-style: outset;
}
div#buttonA li a:hover {
    font-weight: bold;
    color: green;
    background-color: red;
    border-style: outset;
}
div#buttonA 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: blue;
    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: */
/*to make this work, I had to end the html with right & middle div classes */


div#buttonC {
    margin-left: 0px;
    
}
div#buttonC ul {

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

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

}
div#buttonC li a:link {
    color: yellow;
    font-weight: bold;
    background-color: blue;
    border-style: outset;
}
div#buttonC li a:visited {
    color: yellow;
    font-weight: normal;
    background-color: blue;
    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: blue;
    border-style: inset;
}

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

.middlehb {width: 110;
  top: 0px;
 
}


.righthb {
float: right;
  margin-right: 0;
margin-left: auto;
  padding: 0px 0px 0px 0px;
  width: 110px;
}