/* between 640px and 1019px */

.titlebar { /* Used with div to center header graphic. */
width: 80%;
margin: 5px auto; /* Center image horizontally and leave 5 pixels above and below. */
text-align: center; /* Added to force centering for some browsers. */
}

.outerbox { /* Used to define content window. */
width:100%; /* Define width of allowable window box. Majority of screens accept this width without horizontal scrolling. */
margin:0px auto; /* Center the box horizontally; use all available vertical space. */
}

.leftfront1 {
float:left; /* float the content to the left of available window */
width: 50%; /* set available display to 300 pixels */
margin-left: .5em;
margin-right: 2em;
padding-bottom:30px;
font-size: 1.05em;
padding-right: 1em; 
border-right: 1px solid gray; 
}

.leftfront1 p {
margin-top: 0em;
padding-top: 0em; 
}

.leftfront1a {
float:left; /* float the content to the left of available window */
width: 50%; /* set available display to 300 pixels */
margin-left: .5em;
margin-right: 2em;
padding-bottom:30px;
font-size: 1.05em;
padding-right: 1em; 
}

.leftfront1a p {
margin-top: 0em;
padding-top: 0em; 
}

.rightfront1 { /* uses window space left available to right of left column */
margin-right: 1em;
font-size: 1.05em;
}

.rightfront1 p {
margin-top: 0em;
padding-top: 0em; 
}

.leftfront2 {
width: 100%;
margin-left: .5em;
margin-right: 2em;
padding-bottom:10px;
font-size: 1.05em;
padding-right: 1em; 
border-right: 1px solid gray; 
}

.leftfront2 p {
margin-top: 0em;
padding-top: 0em; 
}

.rightfront2 { /* uses window space left available to right of left column */
width: 100%;
margin-right: 1em;
font-size: 1.05em;
}

.rightfront2 p {
margin-top: 0em;
padding-top: 0em; 
}

.reduce {
font-size: 0.9em;
}

.leftcontent2 {
float:left; /* float the content to the left of available window */
width:100%; /* set available display space */
margin-left: 0em;
margin-right: 1em;
padding-bottom:10px;
font-size: 1.05em;
padding-right: .5em; 
}

.leftcontent2 p {
margin-top: 0em;
padding-top: 0em; 
}

.leftcontent2 ul {
font-size: 1em; /* Make lists print slightly smaller. */
}

.rightcontent2 { /* Uses window space left available to right of left column. */
margin-right: 0em;
font-size: 1.05em;
}

.rightcontent2 p {
margin-top: 0em;
padding-top: 0em; 
}

.leftfront5 {
float:left; /* float the content to the left of available window */
width: 25%; /* set available display */
margin-left: .5em;
margin-right: 2em;
padding-bottom:10px;
font-size: 1.05em;
padding-right: 1em; 

}

.leftfront5 p {
margin-top: 0em;
padding-top: 0em; 
}

.rightfront5 { /* uses window space left available to right of left column */
margin-right: 1em;
font-size: 1.05em;
}

.rightfront5 p {
margin-top: 0em;
padding-top: 0em; 
}