div.page {
text-align: center;
}
.pagetitle {
background-color: #b0c4de;
}
.nav {
background-color: #ff6633;
}
.sidenav {
background-color: #b0c4de;
}
.small {
font-size: 70%;
font-weight: 500;
}
.output {
background-color: #faf0e6;
}
.result {
font-size: 90%;
}
.page {
font-family: arial, sans-serif;
font-size: 100%;
font-weight: 500;
background-color: #ffffff;
}
.forms {
vertical-align: top;
margin-left: 20px;
}
.warning {
color: #ff0000;
font-size: 80%;
font-weight: 700;
font-style: italic;
}
p.small {
text-align: left;
}
table.page {
width: 100%;
}
table.nav {
width: 100%;
}
table.fulltable {
width: 100%;
}
table.warning {
width: 80%;
}
caption.result {
color: #003399;
font-size: 90%; 
text-align: center;
font-weight: 800;
background-color: #afeeee; 
}
tr.output { 
text-align: center;
font-size: 90%; 
}
td.page {
vertical-align: top;
text-align: center;
}
th.label {
font-size: 80%;
font-weight: 700;
color: #ff4500;
background-color: #ffffff;
text-align: left;
}
td.label {
font-size: 80%;
font-weight: 700;
background-color: #afeeee; 
text-align: left;
}
td.nav {
font-size: 80%;
font-weight: 800;
text-align: center;
}
td.sidenav {
vertical-align: top;
width: 8em;
height: 30em;  	
font-size: 70%;
font-weight: 700;
text-align: left;
padding-left: 1em;
}
td.calendar {
background-color: #faf0b6;
text-align: left;
}
td.pagetitle {
font-size: 100%;
font-weight: 700;
color:#003399;
text-align: center;
vertical-align: top;
}
td.head {
font-size: 90%;
font-weight: 700;
vertical-align: top;
background-color: #afeeee; 
text-align: center;
}
td.subhead {
color: #ff4500;
font-size: 80%; 
font-weight: 700;
font-style: italic;
text-align: left;
padding-left: 2em;
}
th.result {
color: #000000;
font-weight: 700;
text-align: center;
background-color: #afeeee; 
}
td.result {
color: #000000;
font-weight: 500;
text-align: left;
background-color: #faf0b6; 
}
td.list {
font-size: 80%;
font-weight: 400;
vertical-align: top;
text-align: left;
padding-left: 1em;
}
a.nav:link {
color: #ffffff;text-decoration: none
}
a.nav:visited {
color: #ffffff;text-decoration: none
}
a.nav:hover {
color: #000000;text-decoration: underline
}
a.sidenav:link {
color: #ff6347;text-decoration: none
}
a.sidenav:visited {
color: #ff6347;text-decoration: none
}
a.sidenav:hover {
color: #000000;text-decoration: underline
}
a.cal:link {
color: #ff00ff;text-decoration: underline
}
a.cal:visited {
color: #ff00ff;text-decoration: underline
}
a.cal:hover {
color: #000000;text-decoration: underline
}
caption.cal {
color: #003399;
font-size: 90%; 
text-align: center;
font-weight: 800;
background-color: #afeeee; 
}
td.calhead {
color: #000000;
font-weight: 700;
text-align: center;
background-color: #afeeee; 
}
td.calfoot {
color: #000000;
font-weight: 700;
text-align: center;
background-color: #afeeee; 
}
td.cal {
color: #000000;
font-weight: 500;
vertical-align: top;
text-align: left;
background-color: #faf0b6; 
}
td.calhi {
color: #000000;
font-weight: 500;
text-align: left;
background-color: #003399; 
}
h1 {
text-align: center;
color:#003399;
font-size: 140%;
}
h2 {
color: #003399;
font-size: 130%; 
margin-left: 5pt;
margin-right: 5pt;
margin-top: 0.3em;
}
h3 {
color: #003399;
font-size: 120%; 
text-align: left;
}
h4 {
color: #003399;
font-size: 100%; 
text-align: center;
}
h5 {
color: #003399;
font-size: 90%; 
text-align: left;
padding-left: 1em;
}
/* form2 css  */
form.quixote div.title {
	float: left; 
/*	position: relative; */
 /*   font-weight: bold; */
    font-size: small;
    text-align: right;
    width: 15em;
	top: 0;
    padding-right: 1em;
    color: #003399; 
}

form.quixote br.widget,
form.quixote br.submit,
br.quixoteform {
    clear: left;
}

form.quixote div.submit br.widget,
form.quixote br.widget {
    display: none;
}

form.quixote div.widget {
	clear: left;
 /*   padding-left: 2em; */
	position: relative;
    margin-bottom: 0.3em;
}

/* pretty forms (attribute selector hides from broken browsers (e.g. IE) */
form.quixote[action] {
    float: left;
}

form.quixote[action] > div.widget {
    float: none;
}

form.quixote[action] > br.widget {
    display: none;
}

form.quixote div.widget div.widget {
    padding: 0;
    margin-bottom: 0.3em;
}

form.quixote div.submit {
    float: left;
}

form.quixote div.SubmitWidget {
    float: left;
    margin-top: 1em;
    padding-left: 15em;
}

form.quixote div.content {
/*    float: left; */
	position: relative; 
/*	width: 600px; */
	top: 0;
    padding-left: 1em;
	text-align: left; 
}

form.quixote div.content div.content {
    margin-left: 0; /* indent content only for top-level widgets */
}

form.quixote div.error {
    color: #c00;
    font-size: 70%;
    margin-top: .1em;
}

form.quixote div.hint {
    color: #ff6347;
    font-size: 70%;
    font-style: italic;
}

form.quixote div.errornotice {
    color: #c00;
    padding: 0.5em;
    margin: 0.5em;
}

form.quixote div.FormTokenWidget,
form.quixote div.HiddenWidget {
    display: none;
}

form.quixote div.DisplayWidget div.content {
    color: #003399;
 /*   font-style: italic; */
    font-size: 70%;
}