/* CSS Document */

h1, li, body, html, p, ul {
margin: 0;
padding: 0;
}

html {
font-size: 100%; /* IE hack */
}

body {
text-align: center;
font-size: 0.9em;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

a {
text-decoration: none;
color: #83975c;
}

a:hover {
text-decoration: underline;
}

a img {
border: 0;
}

#header {
height: 43px;
font-size: 70%;
}

#header ul {
float: right;
margin-top: 28px;
}

#header li {
float: left;
list-style-type: none;
/*padding-right: 10px;
padding-left: 10px;*/
border-left: solid 1px #976920;
}

#header li a {
color: #976920;
display: block;
padding: 0 10px;
}

#header li a:hover {
background: #DAE0CE;
text-decoration: none;
}

#menus {
position: relative;
}

#subheader {
position: relative;
height: 114px;
background: url(images/voices-header.gif) no-repeat top left;
}

#subheader p, 
#subheader h1 {
display: none;
}

#subheader #issue {
display: block;
color: white;
position: absolute;
top: 66px;
font-size: 80%;
right: 25px;
font-style: normal;
}

#subheader #siteid {
float: left;
margin: 0;
}

#subheader #mohslogo {
float: right;
margin-right: 10px;
margin-top: 8px;
}

/* This menu needs to be centered! */
#featuremenu {
position: absolute;
width: 100%;
left: 0;
margin-bottom: 5px;
background: #e6eade;
font-size: 70%;
top: -2.9em;
}

#featuremenu li {
float: left;
list-style-type: none;
padding: 4px 0;
}

#featuremenu li a {
color: #83975C;
display: block;
padding: 0 10px;
border-right: solid 1px #83975C;
}

#featuremenu li a:hover {
background: #FAFFEF;
color: #976920;
text-decoration: none;
}

#featuremenu li a.active {
color: #976920;
}

#featuremenu li a.active:hover {
text-decoration: none;
}

#deptmenu {
background: #e6eade;
position: absolute;
width: 100%;
left: 0;
margin-bottom: 5px;
font-size: 70%;
top: -0.6em;
}

#deptmenu li {
float: left;
list-style-type: none;
padding: 4px 0;
}

#deptmenu li a {
color: #83975C;
display: block;
padding: 0 10px;
border-right: solid 1px #83975C;
}

#deptmenu li a:hover {
background: #FAFFEF;
color: #976920;
text-decoration: none;
}

#deptmenu li a.active {
color: #976920;
}

#deptmenu li a.active:hover {
text-decoration: none;
}

#page {
width: 800px;
margin: auto;
text-align:left;
padding-top: 25px;
margin-bottom: 20px;
}

#content {
border: solid 1px #976920;
min-height: 545px;
margin-top: 4px;
position: relative;
padding: 15px;
}

#slideshow #content {
padding-bottom: 0;
}

#page p {
font-style: italic;
color: #686F5A;
font-size: 80%;
}

#sidebar {
width: 272px;
float: right;
text-align: left;
background: #E6E9F0 url(images/slideshow-logo.gif) bottom no-repeat;
font-size: 75%;
height: 515px;
margin-left: 15px;
padding: 15px;
padding-right: 0;
position: relative;
color: #506D97;
}

#sidebar p {
color: #506D95;
font-size: 1em;
font-style: normal;
margin-bottom: 1.5em;
}

#startslideshow {
display: block;
color: #4E6D99;
position: absolute;
left: 15px;
bottom: 15px;
}

#sidebar a {
color: #4E6B95;
}

#sidebar div.quote {
margin-bottom: 3em;
}

#sidebar div.quote p.quote {
font-size: 150%;
font-style: italic;
}

#scroller {
height: 380px;
overflow: auto;
overflow-x: hidden;
overflow-y: scroll;
padding-right: 10px;
margin-top: 10px;
}

.title {
display: block;
font-family: "Times New Roman", Times, serif;
color: #4E6D99;
font-size: 230%;
}

.subtitle {
color: #4E6D99;
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 110%;
}

#description {
margin-top: 10px;
}

.nextbutton {
float: right;
color: #4E6D99;
font-size: 90%;
margin-left: 100px;
margin-right: 10px;
}

.prevbutton {
float: left;
color: #4E6D99;
font-size: 90%;
margin-right: 100px;
margin-left: 10px;
}

#thumbnails {
position: absolute;
bottom: 10px;
width: 470px;
}

#thumbnails img {
float: left;
margin-right: 5px;
margin-bottom: 5px;
}

.emptypic {
margin-right: 5px;
height: 50px;
width: 50px;
background: #E6E9F0;
float: left;
margin-bottom: 5px;
}

#slides {
padding: 15px;
padding-top: 5px;
text-align: center;
background: #000;
min-height: 500px;
}

#slides img {
margin-top: 30px;
margin-bottom: 30px;
}

.clear {
clear: both;
}

#leftpane {
margin-left: 15px;
margin-top: 15px;
}

#buttons {
background: #dee4ec;
height: 15px;
margin-bottom: 5px;
padding: 3px;
text-align: center;
}

#buttons a {
color: #4E6D99;
font-size: 90%;
}

#slideshow-home {
float: left;
}

#slideshow-home {
float: left;
}


#slideshow #content {
padding: 0;
}

#slideshow #slideshow-home {
display: none;
}

#slideshow #header {
height: 1.45em;
}

#slideshow #header ul {
margin-top: 0;
}