* {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

html {
background-color: white;
}

body {
width: 60em;
margin: 0 auto;
margin-top: 0.5em;
font-size: small;
}

/* mini menu stuff */

div#minimenu {
border-bottom: 2px rgb(0,66,116) solid;
width: 100%;
clear: both;
display: block;
height: 1.3em;
}

div#minimenu ul li a {
text-decoration: none;
color:  rgb(0,66,116);
padding: 0 0.5em 0 0.5em;
}

div#minimenu ul li a:hover {
color: white;
background-color: rgb(0,66,116);
}

div#minimenu ul li:hover, div#minimenu ul li.over:hover {
background-color: rgb(0,66,116);
}

div#minimenu ul {
padding-bottom: 0.3em;
display: block;
float: right;
}

div#minimenu ul li {
display: block;
list-style: none;
float: left;
border-left: thin solid rgb(0,66,116);
font-size: 90%;
}

div#minimenu ul li.first {
border-left: none;
}

/* main menu stuff */

div#mainmenu {
float: left;
width: 200px;
height: 480px; 
background: url(images/smpslogo200pxblue.gif) no-repeat top;
background-color: rgb(0,66,116);
position: relative;
}

div#mainmenu div#hotspot {
position: absolute;
top: 0px;
left: 0px;
width: 200px;
height: 139px;
}

div#hotspot a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}

ul#nav {
margin-top: 149px;
margin-left: 0px;
border-top: 1px solid white;
padding: 0px;
}

ul#nav li {
list-style: none;
width: 100%;
}

ul#nav li a {
border-bottom: 1px solid white;
text-decoration: none;
color: white;
display: block;
padding: 0.5em 0.5em 1.3em 0;
background-color: rgb(0,66,116);
font-size: 110%;
text-align: right;
list-style: none;
}

ul#nav li a:hover, ul#nav li:hover ul li a:hover, ul#nav li.over ul li a:hover {
background-color: rgb(162,196,219);
color: rgb(0,66,116);
}

ul#nav li ul, ul#nav li:hover ul ul, ul#nav li.over ul ul {
display: none;
position: absolute;
margin-top: -4em;
}


ul#nav li:hover ul, ul#nav li.over ul {
position: absolute;
left: 200px;
display: block;
width: 9.5em;
background-color: rgb(0,66,116);
border-top: 1px solid white;
}

ul#nav li ul li:hover ul, ul#nav li ul li.over ul{
left: 13.5em;
width: 15em;
display: block;
}


ul#nav li:hover ul li, ul#nav li.over ul li {
background: none;
font-size: 70%;
text-align: left;
}

ul#nav li:hover ul li ul li, ul#nav li.over ul li ul li {
font-size: 100%;
}

ul#nav li:hover ul li a, ul#nav li.over ul li a {
background: none;
color: white;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
height: 1.5em;
padding: 0.5em !important;
}

/* main content area and banner */

div#maincontent {
float: left;
clear: right;
margin-left: 1em;
margin-top: 1em;
width: 41em;
}

div#banner {
background: url(images/banner.jpg) left top no-repeat #00FFFF;
height: 117px;
margin-top: 1em;
float: right;
width: 100%;
}

div#banner p {
display: none;
}

/* content area */

div#contentarea {
float: right;
clear: right;
width: 100%;
}

div#contentarea h1 {
text-decoration: overline; 
font-size: 300%;
color: rgb(0,66,116);
margin-top: 0.5em;
margin-bottom: 0.8em;
}

div#contentarea h2 {
font-size: 190%;
color: rgb(0,66,116);
line-height: 1.1em;
margin-bottom: 0.6em;
}

div#contentarea h3 {
font-size: 135%;
font-style: italic;
color: rgb(0,66,116);
margin-bottom: 0.4em;
}

div#contentarea a {
color: rgb(0,66,116);
text-decoration: none;
font-weight: bold;
}

div#contentarea a:hover {
color: white;
background-color: rgb(0,66,116);
}

div#contentarea p, td p {
margin-bottom: 1em;
}

p.sectionlink {
text-align: right;
font-size: 120%;
font-weight: bold;
}

p.date {
font-style: italic !important;
font-size: 65%;
line-height: 1.8em;
padding-bottom: 0.5em;
margin-bottom: 1.3em;
border-bottom: 1px solid rgb(162,196,219);
}

p.nav {
text-align: center;
font-size: 110%;
clear:both;
margin-top: 2em;
}

p.tags {
font-style: italic;
font-size: 80%;
margin-top: 0.2em;
line-height: 1.8em;
margin-left: 2em;
}

p.recordcount {
text-align: right;
font-weight: bold;
font-size: 75%;
}

p.calendar {
font-size: 150%;
color: #999999;
font-weight: bold;
margin-top: 0.5em;
}

p.details {
text-align: right;
font-size: 120%;
margin-bottom: -2em;
}

div#contentarea ul {
margin-left: 2em;
margin-bottom: 1em;
}

div#contentarea ul li {
margin-bottom: 0.3em;
}

img.floatleft {
float: left;
clear: left;
margin-right: 0.8em;
}

img.floatright {
float: right;
clear: right;
margin-left: 0.8em;
}

div.directoryitem {
clear: both;
border-bottom: 1px solid rgb(162,196,219);
padding-bottom: 1em;
margin-bottom: 1em;
}

div.directoryitem p {
margin-bottom: 0.3em !important;
}

div.directoryitem p.tags {
margin-top: -1em !important;
}

div.sidebar {
border-top: 1px solid rgb(162,196,219);
background: rgb(0,66,116) url(images/buttonfade.gif) bottom left repeat-x;
float: right;
color: white;
font-size: 75%;
padding: 1em;
width: 20em;
margin-left: 1em;
}

div.sidebar form select {
font-size: 100%;
width: 19em;
margin: 0.5em;
}

div.sidebar form input {
display: block;
margin: 0px auto;
border: outset 2px solid rgb(0,66,116);
background-color: rgb(162,196,219);
color: black;
font-weight: bold;
}

div#contentarea div.sidebar h2 {
color: rgb(162,196,219);
font-size: 150%;
margin-bottom: 1em;
}

div#contentarea div.sidebar a {
color: rgb(162,196,219);
}

div#contentarea div.sidebar a:hover {
color: rgb(0,66,116);
background-color: white;
}


/* copyright at bottom */

div#copyright {
font-size: 80%;
text-align: center;
width: 100%;
border-top: 2px solid rgb(0,66,116);
margin-top: 10px;
clear: both;
}

div#copyright p {
margin-top: 0.2em;
}

div#copyright * a {
color: red;
text-decoration: none;
}

div#copyright * a:hover {
color: white;
background-color: red;
}

/* bod template */

table.bod {
width: 100%;
}

table.bod tr td {
vertical-align: top;
padding: 0.2em;
}

td.bodpicture {
padding: 0em;
width: 150px;
height: 150px;
overflow: hidden;
}

td.bodname {
font-size: 1.6em;
height: 1.6em;
font-weight: bold;
background: url(images/buttonfade.gif) repeat-x top left;
color: white;
}

td.bodtitle {
font-size: 1.2em;
height: 1.2em;
font-weight: bold;
font-style: italic;
color: rgb(0,66,116);
}

td.bodnar {
font-size: 0.9em;
}

.red {
color: red;
}