body {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 80%;
background-color: white;
margin: 0em;
color: #000; /* black text color */ 
}

/* content boxes */

@media (min-width: 640px) {
.outerbox { /* used to define content window */
width:725px; /* size of graphic used for background */
margin:0px auto; /* center the box */
}
}

@media (max-width: 640px) {
.outerbox { /* used to define content window */
width:100%; /* size of graphic used for background */
margin:0px auto; /* center the box */
}
}

.container { /* used as an innerbox to define general content placement */
width: 98%;
margin: 0px auto; /* center container */
padding-top: 0em;
padding-left: 0em;
padding-right: 0em;
line-height: 130%;
border-top: 1px gray solid; /* draw solid gray line at top and bottom of container */
border-bottom: 1px gray solid;
}

.container a {
text-decoration: none; /* do not underline links */
 }

.container a:hover { /* do when cursor hovers over link */
color: #fff; /* text color white */
background-color: #0000ff; /* background color blue */
border-bottom: 2px black solid; /* draw black line on bottom and right of link */
border-right: 2px black solid;
}


/* text manipulation */



.center { /* center text */
text-align: center; 
}

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

.smalltxt { /* use for normal type */
font-size: 1em; 
}

.xsmalltxt { /* use for small type */
font-size: .8em; 
line-height: 120%;
}

.italic { /* make type italic */
font-style: italic; 
}

.bold { /* make type bold */
font-weight: bold; 
}

.seriftext {
font-family: "Times New Roman", Times, serif;
font-size: 1.2em;
line-height: 125%;
}

.monotext {
font-family: Courier, "New Courier";
font-size: 1.2em;
}


.reducemargin {
padding-left: 3em;
padding-right: 3em;
}

.eightpt {
font-size: 8pt; }


.right { /* align type to right of current window */
text-align: right; }

/* Use this to center an image within a DIV */

.centeredImage {
text-align:center;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}


.fullbox {
margin: .5em 1em ;
}

h1 {
font-size: 1.5em;
font-weight: bold;
text-align: center;
margin-top: 0em;
padding-top: 0em; 
line-height: 130%; }

h2 {
font-size: 1.1em;
font-weight: bold;
margin-top: 0em;
padding-top: 0em; }

p {
line-height: 140%;
}

.redtext {
color: #cc0000; }

.greentext {
color: #008000; }

.reduceleftmargin1 {
padding-left: 1em;
}

.reduceleftmargin2 {
padding-left: 2em;
}

.reduceleftmargin3 {
padding-left: 3em;
}

.reduceleftmargin4 {
padding-left: 4em;
}

.reduceleftmargin5 {
padding-left: 5em;
}

.reduceleftmargin6 {
padding-left: 6em;
}