html {
	font-size:20px;
	line-height:1.4em;
}

h1,h2,h3,h4,h5 {
	line-height:1.2em;
}

body {
	background-color: #999900;
	color: #330000;
	font-size: 12pt;
	margin: 1em;
	padding: 0;
}

p {
	font-size: 12pt;
	font-family: 'Times New Roman',Times,serif;
	text-align: justify;
}

hr {
	color: #330000;
}

img {
	border: 0;
}

abbr,acronym {
	cursor: help;
	border-bottom: 1px dashed #330000;
	font-style: inherit;
}

small {
	font-size:.8em;
}

.table {
	display:table;
	width:95%;
	border:0;
	padding:0;
	background-color: #FFCC99;
	background-image:url(wood)
}

.tr {
	display:table-row;
	border:0;
	padding:0;
	margin:0;
}

.td {
	display:table-cell;
	padding:1em 1.5em;
	width:50%;
	vertical-align:top;
	text-align:left;
}

.td h1,.td h2,.td h3 {
	text-align:center;
}

.td p {
	text-align:justify;
}

.tinytable {
	display:table;
	border:0;
	padding:0;
}

.tinytable .td {
	border:0;
	padding:0;
	text-align:left;
}

.tinytable form {
	text-align:center;
	border:.25em 0;
}

.header {
	vertical-align:middle;
	line-height:1.2em;
}

.footer {
	line-height:1em;
}

.ancientBrowser {
	display:none;
}

.SaugusNetFont {
	font-family: 'Lucida Sans DI','Lucida Sans I',LucidaSans,Lucida-Sans,'Lucida Sans',Lucida,sans-serif;
}

:link {
	text-decoration: underlined;
	color: #006600;
}

:visited {
	text-decoration: underlined;
	color: #333300;
}

:link:active,:visited:active {
	color: #00CC00;
	text-decoration: underlined;
}

:link:hover,:visited:hover {
	text-decoration: underlined;
	color: #009900;
}

@media (max-width: 980px) {
    html {
        font-size: 16px;
    }

    .table {
	width:96%;
    }

    .td {
	padding:.5em 1em;
    }
}

@media (max-width: 640px) {
    html {
        font-size: 14px;
    }

    .searchbox {
	max-width:8em;
    }

    .table {
	width:98%;
	display:block;
    }

    .tr {
	display:block;
    }

    .td {
	display:block;
	padding:.5em;
	width:95%;
    }
}

@media handheld {
    html {
        font-size: 14px;
    }

    .table {
	width:98%;
	display:block;
    }

    .tinytable {
	display:block;
    }

    .tr {
	display:block;
    }

    .td {
	display:block;
	padding:.5em;
	width:95%;
    }

    .tinytable .td {
	border:0;
	padding:0;
	text-align:left;
     }

     .tinytable form {
	text-align:center;
	border:.25em 0;
	max-width:95%;
     }
}

@media projection {
    html {
        font-size: 3em;
    }

    .header {
        page-break-after:always;
        break-after:always;
        margin:5em;
    }

    .header img {
        width:20%;
        height:auto;
    }

    .header h1 {
        font-size:8em;
    }

    .main h2 {
        font-size:7em;
    }

    .main h3, .main dt {
        font-size:5em;
    }

    .main p, .main dd, .footer {
        font-size:3em;
    }

    .table {
	width:92%;
	display:block;
    }

    .tr {
	display:block;
    }

    .td {
	display:block;
	padding:.5em;
	width:95%;
    }

    .td form {
        display:none;
    }

    dt, h3 {
        page-break-after:avoid;
        break-after:avoid;
    }

    dd, p {
        page-break-inside:avoid;
        break-inside:avoid;
    }
}