body {background: #FFF; color: #555; margin: 0px; padding: 0px; font-family: 'trebuchet MS', Syntax, verdana, san-serif; font-size: .85em;  }
a {color: #697328;}
a:hover {color: #C60; text-decoration: underline;}
#container { background: url(graphics/page_bg.jpg) repeat-y; background: transparent none; border: 1px solid #666; box-shadow: 0px 0px 6px #555;}
.container {width: 1000px; margin: 0px auto; }
#content {margin: 0px 0px; background: url(graphics/content_bg.jpg) left bottom repeat-x;}
#header {background: #FFF url(graphics/title_bg.jpg) left top repeat-x; display: block; border-bottom: 1px solid #999; padding-bottom: 0px; }
#nav {text-align: right; display: block; border: 0px solid; margin-top: 0px;}


/* Header */

#title_inner { position: relative; bottom: -1px; margin: 0 auto; float: right;}

/* Logo */
#logo { /*position: absolute; bottom: 0em;*/border: 0px solid red; }
#logo img {border: 0px; padding: 0px; margin-top: 0px; }

/* Menu */
#menu { border: 0px solid orange; }

#menu ul { list-style: none; margin: 0; padding: 0; }
#menu li { float: left; }
#menu li a { margin-right: 0.2em; display: block; padding: .3em 1em 0.4em 1em; background: #E3E1CF url(graphics/tab_bg.gif) left bottom repeat-x;
	border: solid 1px #999;
	border-bottom: 0px;
	color: #333;
	font-weight: bold;
	font-size: 1.0em;
	text-decoration: none;
}
#menu li a:hover {background: #F7F2DE url(graphics/tab_bg_over.gif) left bottom repeat-x; color: #C60;}

#menu li a.active {
	background: #fff;
	background-image: none;
	/*background: #FF790B url('graphics/n3.gif') repeat-x;*/
	color: #000;
	border: solid 1px #fff;
}
#menu li a.selected {
color: #333;
background: #FFF; 
}

#navitems { display: block; border: 0px solid red; padding: 5px 0px;}
#navitems a { background: #E3E1CF url(graphics/tab_bg.gif) left bottom repeat-x; 
			margin: 5px 0px; 
			/* display: inline-block; */ 
			border: 0px solid; 
			padding: 5px 10px; 
			text-decoration: none; 
			color: #333; 
			font-weight: bold; 
			border-left: 1px solid #999; 
			border-top: 1px solid #999; 
			}
#navitems a:hover {background: #F7F2DE url(graphics/tab_bg_over.gif) left bottom repeat-x; color: #C60;}
#navitems a.selected {background: #FFF; border-bottom: 1px solid #FFF; }





#mainbody {margin: 0px 50px; margin-top: 35px; border: 0px solid orange;}
#bodycontent {
    display: block; 
    background: url(graphics/body_content_bg.jpg) repeat-x; 
    min-height: 600px; 
    padding-top: 40px;
    overflow: auto;
}

#right {float: right; width: 350px; }
#right p {color: #999; font-size: .9em; margin-left: 10px;}
#right a.doclink {color: #333; background: #F7F2DE; border: 1px solid #666; margin-left: 10px; display: block; padding: 5px 10px;}
#right a.doclink:hover {color: #C60; text-decoration: underline; background: #E3E1CF;}
#right a img {border: 1px solid #333;}
#right a img:hover {border: 1px solid #963;}
#right h2 { font-style: italic; font-size: 120%; margin: 10px 0px 10px 0px; display: block; border: 0px solid #999; margin-left: 0px;}



#shortcut {background: url(graphics/divclass_bg.jpg); padding: 4px; border:1px solid #999; border-top: 0px; margin: 0px 5px; } 
#shortcut p {margin: 1px 5px 5px 50px; padding: 0px;}

#left {margin-right: 375px;}
#left p {margin: 15px 25px 0px 25px; color: #666;}
#left h2 { font-style: italic; font-size: 145%; margin: 0px 0px 0px 0px; display: block; border: 0px solid #999; margin-left: 10px;}
#left h3 {font-style: normal; font-size: 100%; margin: 0px 0px 0px 0px; display: block; border: 0px solid #999; margin-left: 10px; font-weight: normal;} 
#left h3.underline { font-style: italic; font-size: 125%; margin-top: 25px; border-bottom: 1px solid #999;}
#footer { clear: both; border-top: 0px solid #CCC; width: 933px; margin: 0px auto; background: transparent; padding-top: 1px; min-height: 57px;}
#footer p {color: #999; font-size: .9em; margin-left: 25px; margin-right: 95px;}
#footer a {color: #C59B6D; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

.divclass {background: url(graphics/divclass_bg.jpg); padding: 10px; border:1px solid #999; margin-top: 15px; margin-left: 25px;}
.divclass:hover {background: url(graphics/divclass_hover.jpg);}
.divclass a {font-size: 110%; margin: 0px; text-decoration: none; font-weight: bold;}
.divclass a:hover {text-decoration: underline;}

.listbox {border: 1px solid #CCC; padding: 4px; width : 100%; height : 500px; overflow: auto; margin: 25px;background: #FCFCFC;}
.listboxitem_a {padding : 3px; background: #FCFCFC; margin: 0px 35px;}
.listboxitem_b {padding : 3px; background: #EEE; margin: 0px 35px;}
.listboxitem_a:hover {background: #F7F2DE;}
.listboxitem_b:hover {background: #F7F2DE;}
.popupcontainer {display:inline;}
.popupdiv{
        position: absolute;
        width: 200px;
        padding: 5px;
        background: #ffc;
        border: 1px solid #ccc;
        font: normal 12px Arial, Helvetica, sans-serif;
        color: #000;
      }

/* Matt Gallegos December 2017 */
.photo-credit { font-size: 7pt; font-weight: bold; color: #666; }