/* below 640px*/

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

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

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

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

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

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

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

.rightfront1 { /* uses window space left available to right of left column */
width: 100%;
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; 
}

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

}

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

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

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

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

}

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

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

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

.fullh1 { /* Code for h1 headers. */
font-size: 1.1em;
font-weight: bold;
text-align: center;
margin-top: 0em;
padding-top: 0em; 
line-height: 120%; }

.reduce {
font-size: 0.8em;
}

pre {
font-size: 100%;
}

.bigger {
font-size: 100%;
}

.bigtext { /* use for larger type */
line-height: 105%;
font-size: 1.1em;
}

.bigtext2 { /* use for larger type */
line-height: 105%;
font-size: 1.1em;
}


.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: 0.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; 
}

.leftcontent3 {
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: 0.5em; 
}

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

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

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

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

.leftfront5 {
float:left; /* float the content to the left of available window */
width: 100%; /* 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; 
}