/* page formatting */

html {
padding: 0;
background-color: #ffffff;
} 


body {
background-color: #ffffff;
text-align: center; 
clear: both;
}

#pagewidth { 
text-align: center;  
margin-left: auto;
margin-right: auto;
width: 500px;
padding: 0;
} 

#header {
padding: 0px;
text-align: center;
height: 180px;
margin-bottom: 0;
clear: both;
} 

#maincontent {
background-color: #FFFFFF;  
display: inline; 
position: relative; 
}

#footer {
padding: 1px;
text-align: center;
clear: both;
} 


/* horizontal menu */

.horizontalmenu {
font: bold 12px arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
padding: 5px 0.5em;
margin: 0;
width: 99%;
background-color: #ffffff;
text-align: center;
border-bottom: 1px solid #cccccc;
}

.horizontalmenu li {
list-style: none;
display: inline;
}

.horizontalmenu li a {
padding: 5px 0.5em;
text-decoration: none;
color: black;
background-color: transparent;
border: 0;
}

.horizontalmenu li a:hover {
padding: 5px 0.5em;
color: maroon;
text-decoration: underline;
}

.horizontalmenu li.divider {
font-weight: normal;
color: #cccccc;
}

/* end horizontal menu */


/* floating elements */
.float-right-125 {
float: right;
text-align: left;
width: 125px;
margin: 0 0 10px 15px;
padding-bottom: 6px;
border-bottom: 1px solid #cccccc;
}


.spacer {
height: 11px;
}


.rule {
padding: 2px;
text-align: center;
border-top: 1px solid #cccccc;
}

.rule2 {
padding: 2px;
text-align: left;
border-top: 1px solid #cccccc;
}



/* revamped formatting */

p {
color: black;
font-size: 13px;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: normal;
line-height: 16px;
text-align: left;  
}

ul {
color: black;
font-size: 13px;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: normal;
line-height: 16px;
text-align: left;  
}

ol {
color: black;
font-size: 13px;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: normal;
line-height: 16px;
text-align: left;  
}

.modified {
color: black;
font-size: 10px;
font-family: arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-style: normal;
font-weight: normal;
line-height: 15px;
text-align: left;
border-top: 1px solid #cccccc;
}

div#search {
padding: 4px;
font: 12px arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
text-align: left;
line-height: 18px;
margin-top: 5px;
margin-bottom: 5px;
border-top: 1px solid #cccccc;
padding: 2px;
}

input.searchbox {
font-size: 11px;
font-family: arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
background-color: #ededed;
border: 1px solid;
border-top-color: #808080;
border-left-color: #808080;
border-right-color: #c0c0c0;
border-bottom-color: #c0c0c0;
margin-top: 5px;
margin-bottom: 5px;
}


h1 {
font-size: 24px;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: normal;
line-height: 27px;
text-align: center;
}

h2 {
font-size: 18px;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: normal;
line-height: 20px;
text-align: center;
}

h4 {
color: black;
font-size: 15px;
font-family: arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-style: normal;
font-weight: bold;
line-height: 17px !important;
text-align: center;
margin-top: 12px;
}



/* legacy formatting */

dt {
font-size: 12px;
font-family: arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-style: normal;
font-weight: bold;
line-height: 16px;
text-align: left;
margin-top: 12px;
}

dt.files {
font-size: 12px;
font-family: arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-style: normal;
font-weight: normal;
line-height: 16px;
text-align: left;
margin-top: 12px;
}

dd {
color: black;
font-size: 13px;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: normal;
line-height: 16px;
text-align: left;
margin-left: 5%;
}

dd.files {
color: black;
font-size: 13px;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: normal;
line-height: 16px;
text-align: left;
margin-left: 5%;
}

a:link {
color: maroon;
text-decoration: none;
}

a:visited {
color: navy;
text-decoration: none;
}

a:hover {
color: maroon;
text-decoration: underline;
}

a:active {
color: red;
}

.sans {
color: black;
font-size: 12px;
font-family: arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-style: normal;
font-weight: normal;
line-height: 16px;
text-align: left;
}

.sans-forfiles {
color: black;
font-size: 12px;
font-family: arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-style: normal;
font-weight: normal;
line-height: 16px;
text-align: left;
}

.sans-bold {
color: black;
font-size: 12px;
font-family: arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-style: normal;
font-weight: bold;
line-height: 16px;
text-align: left;
}

.sans-bold-link {
font-size: 12px;
font-family: arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-style: normal;
font-weight: bold;
line-height: 16px;
text-align: left;
}

.agate {
color: black;
font-size: 10px;
font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
font-style: normal;
font-weight: normal;
line-height: 12px;
text-align: left;
}

.agate-bold {
color: black;
font-size: 10px;
font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
font-style: normal;
font-weight: bold;
line-height: 12px;
text-align: left;
}

.cutline {
color: black;
font-size: 11px;
font-family: arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-style: normal;
font-weight: bold;
line-height: 15px;
text-align: left;
}

.head24 {
font-size: 24px;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: normal;
line-height: 27px;
text-align: center;
}

.head18 {
font-size: 18px;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: normal;
line-height: 20px;
text-align: center;
}

.subhed {
color: black;
font-size: 15px;
font-family: arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-style: normal;
font-weight: bold;
line-height: 17px !important;
text-align: center;
margin-top: 12px;
}

.subhed-left {
color: black;
font-size: 15px;
font-family: arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-style: normal;
font-weight: bold;
line-height: 17px !important;
text-align: left;
margin-top: 12px;
}

.subhed-caps {
color: black;
font-size: 14px;
font-family: arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-style: normal;
font-weight: normal;
line-height: 17px !important;
text-align: left;
margin-top: 12px;
}

.dropcap {
font-size: 16px;
font-weight: bold;
}

.qanda {
font-size: 20px;
font-family: arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-weight: bold;
}

.author {
font-weight: bold;
}

.title {
font-style: italic;
}

.comment {
font-style: normal;
font-weight: normal;
}

.comment-emphasis {
font-style: italic;
font-weight: normal;
}

.copyright {
color: gray;
font-size: 10px;
font-family: arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-style: normal;
font-weight: normal;
line-height: 12px;
text-align: center;
}

.tpc-menu {
color: black;
font-size: 10px;
font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
font-style: normal;
font-weight: normal;
line-height: 10px;
text-align: left;
}

.tpc-events {
color: black;
font-size: 12px;
font-family: arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-style: normal;
font-weight: normal;
line-height: 16px;
text-align: center;
}

.tpc-subhed {
color: black;
font-size: 18px;
font-family: arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-style: normal;
font-weight: bold;
line-height: 20px !important;
text-align: left;
margin-top: 12px;
}

.tpc-credit {
color: black;
font-size: 10px;
font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
font-style: normal;
font-weight: bold;
line-height: 10px;
text-align: right;
}

.tpc-link {
font-size: 10px;
font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
font-style: normal;
font-weight: bold;
line-height: 12px;
text-align: left;
}

table {
font-size: 13px;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: normal;
line-height: 16px;
text-align: left;  
}

table.ruled {
border: 1px solid silver;
}

td {
	text-align: left;
	vertical-align: top;
	}

td.label {
	background-color: #f5f5f5;
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	font-weight: bold;
	}

td.highlight {
	padding: 2px;
	background-color: #f5f5f5;
	}

td.rule {
	padding: 0;
	height: hairline;
	background-color: #c0c0c0;
	}

input.btn {
color: #000000;
font-family: arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-size: 84%;
font-weight: bold;
background-color: #f5f5f5;
border: 1px solid;
border-top-color: #c0c0c0;
border-left-color: #c0c0c0;
border-right-color: #808080;
border-bottom-color: #808080;
}

input.btnhov {
background-color: #c0c0c0;
border-top-color: #808080;
border-left-color: #808080;
border-right-color: #000000;
border-bottom-color: #000000;
}

input.box {
font-size: 11px;
font-family: arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
background-color: #ededed;
border: 1px solid;
border-top-color: #808080;
border-left-color: #808080;
border-right-color: #c0c0c0;
border-bottom-color: #c0c0c0;
}

textarea.box {
font-size: 11px;
font-family: arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
background-color: #ededed;
border: 1px solid;
border-top-color: #808080;
border-left-color: #808080;
border-right-color: #c0c0c0;
border-bottom-color: #c0c0c0;
}

textarea {
font-size: 11px;
font-family: arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
background-color: #ededed;
border: 1px solid;
border-top-color: #808080;
border-left-color: #808080;
border-right-color: #c0c0c0;
border-bottom-color: #c0c0c0;
}

select.box {
font-size: 11px;
font-family: arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
background-color: #ededed;
border: 1px solid;
border-top-color: #808080;
border-left-color: #808080;
border-right-color: #c0c0c0;
border-bottom-color: #c0c0c0;
}

select {
font-size: 11px;
font-family: arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
background-color: #ededed;
border: 1px solid;
border-top-color: #808080;
border-left-color: #808080;
border-right-color: #c0c0c0;
border-bottom-color: #c0c0c0;
}

/************* #siteInfo styles ***************/

.siteInfo {
clear: both;
text-align: center;
font-size: 10px;
font-family: arial, helvetica, sans-serif;
border-top: 1px solid #cccccc;
color: #888888;
padding: 5px 0 0 0;
margin-top: 0px;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
the bottom border of the navBar in cases where they "touch" */


/* to actually be fixed, this element's stacking
context must be relative to the root element. */
.fixed {
text-align: right;
position: fixed;
right: 20px;
bottom: 10px;
color: black;
font-size: 10px;
font-family: Verdana, sans-serif;
font-weight: bold;
}

.fixed a {
color: gray;}