/* 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;
}

h3 {
font-size: 120%;
font-weight: normal;
}

#article a {
color: #976920;
text-decoration: underline;
}

#article a:hover {
color: #888;
}

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

#header {
height: 1.5em;
font-size: 90%;
}

#header ul {
float: right;
}

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

#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;
}

#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;
}

#mainmenu {
font-size: 80%;
}

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

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

#content {
position: relative;
border: solid 1px #976920;
}

#content {
height: 586px;
}

#front #content {
height: 515px;
}

#content .title {
color: #83975C;
margin-bottom: 0.5em;
}

#content ul#menu {
float: left;
width: 195px;
text-align: right;
font-size: 80%;
line-height: 1.3em;
/*border: solid 1px lime;*/
}

#content #menu a {
/*border: solid 1px red;*/
width: 97%;
display: block;
color: #83975C;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 5px;
}

#content #menu a:hover {
background: #DAE0CE;
color: #976920;
text-decoration: none;
}

#content ul#menu li {
list-style-type: none;
border-bottom: solid 1px #C1A579;
}

#imagemenu {
font-size: 80%;
position: absolute;
top: 0;
right: 0;
background: url(images/imagegrid.jpg) no-repeat top right;
width: 368px;
height: 330px;
z-index: 100; /* this should cause the image menu to overlap the voices footer */
margin-top: 20px;
margin-right: 20px;
}

#imagemenu li {
list-style-type: none;
}

#imagemenu a {
display: block;
color: white;
width: 97px;
height: 101px;
/*padding: 5px;*/
}

#link1 {
position: absolute;
/*border: solid 1px black;*/
left: 37px;
height: 228px;
width: 106px;
}

#link1 img {
position: absolute;
top: 112px;
left: 1px;
}

#link1 .imcaption {
display: block;
/*border: solid 1px blue;*/
padding: 5px;
}

#link1 a {
border: solid 1px white;
height: 217px;
width: 106px;
}

#imagemenu #link1 a:hover {
/*color: #7BB280;*/
/*background: white;*/
text-decoration: none;
border: solid 1px #976920;
}

#link2 {
position: absolute;
left: 260px;
top: -1px;
width: 106px;
height: 217px;
/*display: block;
z-index: 200; 
border: solid 1px lime;*/
}

#link2 img {
position: relative;
top: 0;
left: 0;
}

#link2 a {
height: 217px;
/*border: solid 1px red;*/
width: 106px;
padding: 0;
border: solid 1px white;
}

#imagemenu #link2 a:hover {
/*color: #DFAC64;*/
/*background: white;*/
text-decoration: none;
border: solid 1px #976920;
cursor: pointer;
}

#link2 .imcaption {
display: block;
padding: 5px;
padding-top: 8px;
/*border: solid 1px red;*/
height: 100px;
cursor: pointer;
}

#link3 {
position: absolute;
left: 37px;
top: 223px;
width: 217px;
height: 106px;
/* border: solid 1px pink; */
}

#link3 img {
position: relative;
left: 112px;
top: -110px;
}

#link3 a {
border: solid 1px white;
width: 218px;
height: 106px;
}

#imagemenu #link3 a:hover {
/*color: #79AEB8;*/
/*background: white;*/
text-decoration: none;
border: solid 1px #976920;
}

#link3 .imcaption {
display: block;
padding: 5px;
/*border: solid 1px red;*/
height: 100px;
cursor: pointer;
width: 100px;
}

#voices {
position: absolute;
z-index: 10;
height: 242px;
width: 100%;
bottom: 0;
left: 0;
background: url(images/main-bkg.gif) no-repeat bottom left
}

#voices h1, 
#voices p#tagline {
display: none;
}

#voices #issue {
position: absolute;
bottom: 12px;
color: white;
right: 30px;
font-size: 80%;
}

#voices img {
position: absolute;
bottom: 40px;
right: 20px;
}

#footer {
text-align: center;
color: #976920;
font-size: 80%;
padding-top: 50px;
}

#wrapper1 {
/*background: lime;
z-index: 1;
clear: both;*/
/*background: #CDD5BE url(images/2column.gif);*/
}

#scroller { /* This allows the window to scroll and sets the background image for the left column */
height: 455px;
overflow: auto;
overflow-y: scroll;
background: url(images/2column.gif);
}

.articlefirst #scroller {
background: url(images/articlefirst.gif);
}

#sidebar1 {
width: 186px;
background: #CDD5BE;
color: #976920;
float: left;
z-index: 100;
margin-right: 5px;
}

.articlefirst #sidebar1 {
color: #0F5F89;
}

.articlefirst #sidebar1 h1 {
background: #0F5F89;
color: white;
font-weight: normal;
padding-top: 2.5em;
border-bottom: solid 5px white;
padding-left: 10px;
padding-bottom: 10px;
margin-bottom: 10px;
}

.articlefirst img {
margin-top: 15px;
}

#lightbox img {
margin-top: 0;
}

#sidebar1 img {
}

#sidebar1 #featureimage {
border-bottom: solid 5px white;
}

#sidebar1 p {
line-height: 1.5em;
margin-left: 15px;
margin-bottom: 1em;
font-weight: bold;
font-size: 80%;
padding-right: 10px;
}

#sidebar1 .scx p {
font-style: italic;
font-weight: normal;
}

#sidebar1 .scx {
margin-bottom: 10em;
}

.articlefirst #sidebar1 {
background: #CFDFE7;
}

#article {
width: 545px;
float: left;
background: #EDF0E7;
padding-top: 35px;
padding-left: 24px;
text-align: left;
}

.articlefirst #article {
background: transparent;
padding-right: 24px;
width: 534px; /* needs to be tweaked with conditional comments */
}

.articlefirst #article .title {
color: #0F5F89;
}

#article p {
font-family: "Times New Roman", Times, serif;
line-height: 1.5em;
margin-bottom: 1em;
}

#article .title p {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#article #description {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
margin-bottom: 30px;
color: #83975C;
}

#article h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 120%;
font-weight: bold;
color: #83975C;
margin-bottom: 0.25em;
margin-top: 2em;
}

.intro {
font-style: italic;
/*font-weight: bold;*/
}

p.quote {
font-weight: bold;
}

#imageleft, 
#imageright {
float: left;
color: #976920;
margin-right: 16px;
font-size: 90%;
margin-bottom: 10px;
}

#imageright {
float: right;
margin-right: 0;
margin-left: 16px;
}

.articlefirst #imageleft {
color: #0F5F89;
}

.Normal #scroller {
background: url(images/articlefirst.gif);
}

.Normal #sidebar1 {
color: #0F5F89;
}

.Normal #sidebar1 h1 {
background: #0F5F89;
color: white;
font-weight: normal;
padding-top: 2.5em;
border-bottom: solid 5px white;
padding-left: 10px;
padding-bottom: 10px;
margin-bottom: 10px;
}

.Normal img {
margin-top: 15px;
}

.Normal #sidebar1 {
background: #CFDFE7;
}

.Normal #article {
background: transparent;
padding-right: 24px;
width: 534px; /* needs to be tweaked with conditional comments */
}

.Normal #article .title {
color: #0F5F89;
}

.Normal #imageleft {
color: #0F5F89;
}

#imageleft p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
}

.clear {
clear: both;
background: transparent;
}

#cleararticle1 {
height: 1px;
overflow: hidden;
}

#container {
background: #CDD5BE url(images/2column.gif);
}

.superscript {
/*line-height: 0;*/
font-size: smaller;
/*position: relative;
bottom: 0.4em;*/
}

/******** Feature 2 colors **********/

#feature2 #sidebar1 {
background: #f5e6d1;
}

#feature2 #scroller {
background: #fbf5e9 url(images/2column-orange.gif) left repeat-y;
}

#feature2 #article {
background: #fbf5e9;
}

#feature2 #article h2, 
#feature2 #article h1, 
#feature2 #article .title, 
#feature2 #article #description {
color: #976920;
}

/******** Feature 3 colors **********/

#feature3 #sidebar1 {
background: #d7e6eb;
}

#feature3 #scroller {
background: #f1f6f9 url(images/2column-blue.gif);
}

#feature3 #article {
background: #f1f6f9;
}

#feature3 #article h2, 
#feature3 #article h1, 
#feature3 #article .title, 
#feature3 #article #description {
color: #7babb7;
}

.nobox {
margin-top: 3.5em; /* 8.5 to align with text */
}

.Title {

}

body #page .SubTitle {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#feature3 #page .SubTitle {
color: #7babb7;
margin: 0;
}

#page .ByLine {
font-family: Verdana, Arial, Helvetica, sans-serif;

}

.Caption {

}

#content .Caption {
font-size: 110%;
font-style: italic;
font-family: "Times New Roman", Times, serif;
}

.SidebarText {

}