/* general */

html { margin: 0; padding: 0; }
body
{
	margin: 0; padding: 10px;
	min-width: 800px;
	color: #000; background: #ccc;
	font: 11px/1.5em "Lucida Grande", Arial, Helvetica, sans-serif;
	text-align: center;
}

a:link {  color: #000; text-decoration: underline;}
a:visited { color: #990000; }
a:hover { color: #990000; }


/* formatting */

#motto 
{  font: 11px/1.5em "Lucida Grande", Arial, Helvetica, sans-serif; font-style: italic; color: #999; text-align: right; padding: 8px;}
#logo 
{  color: #ccc; text-align: left; padding: 6px 6 6 33;}
#contents 
{  text-align: left; padding: 8px 15 15 35;}
.box
{  font-size: 10px;}
.box a {  color: #000; text-decoration: none;}
.box a:visited { color: #000000; }
.box a:hover { color: #FF0000; }

td {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height : 18px;
}

ul { list-style-image: url(images/nav/square-bulit.gif) }
ul li { margin: 4px 0 0 0;}

.titlenav { font-family: "Lucia Grande", Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF;  }
.titlenav a:link { color: #FFFFFF; text-decoration: none; }
.titlenav a:visited { color: #FFFFFF; text-decoration: none;}
.titlenav a:hover { background-color: #FFCC00; }

.footer {  font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 11px; color: #000; padding: 8px 15 8 15; }
.title, h1 {  font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #DD2113; font-weight: bold}
.subtitle { font-family: Garamond, "Times New Roman", serif; font-size: 16px; color: #333399; font-weight: bold }
.emphasis { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333399; line-height : 18px; ; font-weight: bold}