@charset "utf-8";
/* CSS Document */

body {
background-color:#fff2d6;
background-image:url('/images/site-bg.jpg');
background-repeat:repeat-x;
margin-top:0px;
margin-left:auto;
margin-right:auto;
height:100%;
vertical-align:top;
text-align:-moz-center;
#text-align:center;
}

a, a:visited, a:active {
text-decoration:underline;
color:#976a40;
}

a:hover {
text-decoration:none;
color:#976a40;
}

div#box {
width:880px;
background-color:#FFFFFF;
padding:0 10px 10px 10px;
margin-left:auto;
margin-right:auto;
margin:0 auto;
}

div#top-row {
width:880px;
height:99px;
background-color:#7c3813;
background-image:url('/images/top-logo-bg.jpg');
background-repeat:no-repeat;
text-align:center;
}

div#newsroom {
width:165px;
height:99px;
float:left;
background-image:url('/images/westervelt-newsroom.gif');
background-position:top;
background-repeat:no-repeat;
}

div#logo {
width:535px;
height:99px;
float:left;
}

div#login {
width:165px;
height:99px;
float:right;
background-image:url('/images/westervelt-login-employee.gif');
background-position:top;
background-repeat:no-repeat;
}

div#top-menu {
width:880px;
height:15px;
margin-top:2px;
margin-bottom:2px;
background-color:#f79e2a;
background-image:url('/images/top-menu-bg.jpg');
background-repeat:no-repeat;
background-position:center;
text-align:center;
}

ul#menulist {
margin:0;
padding:0;
text-align:center;
}

ul#menulist li {
display: inline;
list-style-type: none;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
letter-spacing:.05em;
color:#FFFFFF;
text-transform:uppercase;
vertical-align:middle;
}

#menulist a, #menulist a:visited, #menulist a:active {
color:#FFFFFF;
text-decoration:none;
}

#menulist a:hover {
color:#000000;
text-decoration:none;
}

li#regularitem {
padding-left:.75em;
margin-left:.75em;
border-left:1px solid #ffffff;
}

li#firstitem {
}

li#lastitem {
padding-left:.75em;
margin-left:.75em;
border-left:1px solid #ffffff;
}

div#main-image {
width:880px;
height:272px;
background-color:#f79e2a;
background-repeat:no-repeat;
}

div span {
display:none;
}

div#logo-row {
width:880px;
height:60px;
text-align:center;

font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#976a40;
text-transform:uppercase;
margin-top:10px;

}

#logo-row a, #logo-row a:visited, #logo-row a:active {
text-decoration:none;
color:#976a40;
}


<!--- JMM 20180608 12:20pm
      Added the below CSS modifications to "#logo-row" to display the navigation links to the other Westervelt sites.
      Before it was done using logos, now it's done via text links.
      This code is based on the "Navigation Menu" section on https://www.w3schools.com/css/css_float.asp.
      The original code is at https://www.w3schools.com/css/tryit.asp?filename=trycss_float5.
--->
#logo-row a:hover {
text-decoration:none;
color:#000000;
}

#logo-row img {
padding-left:3px;
padding-right:3px;
}

#logo-row ul {
	list-style-type:none;
	margin: 0;
	padding:0px 0px 0px 22px;
	overflow: hidden;
}

#logo-row li {
	float: left;
}

#logo-row li a {
	display:inline-block;
	color:#976a40;
	text-align: center;
	padding: 8px 22px;
	text-decoration: none;
}



div#welcome {
width:880px;
height:155px;
}

div#welcomemessage {
width:480px;
height:155px;
float:left;
background-color:#f3d9b4;
background-image:url('/images/welcome-bg.jpg');
background-repeat:no-repeat;
text-align:left;
vertical-align:top;
padding-left:10px;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#5b4d32;
}

div#presidentsmessage {
width:190px;
height:155px;
float:left;
margin-left:4px;
margin-right:4px;
background-image:url('/images/presidents-message.jpg');
}

div#environmentalpolicy {
width:190px;
height:155px;
float:left;
background-image:url('/images/environmental-policy.jpg');
}

div#copyright {
width:860px;
height:35px;
float:left;
background-color:#FFFFFF;
vertical-align:middle;
padding-left:10px;
padding-right:10px;
}

div#textlinks {
float:left;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#976a40;
text-transform:uppercase;
margin-top:10px;
}

#textlinks a, #textlinks a:visited, #textlinks a:active {
text-decoration:none;
color:#976a40;
}

#textlinks a:hover {
text-decoration:none;
color:#000000;
}

div#textcopyright {
float:right;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#976a40;
text-transform:uppercase;
margin-top:10px;
}

div#main-image-sec {
width:880px;
height:166px;
}

div#content-container-sec {
width:880px;
background-image:url('/images/secondary-bg.jpg');
background-position:center;
text-align:center;
margin-top:10px;
padding-top:5px;
padding-bottom:5px;
}

div#content-menu-sec {
width:175px;
float:left;
text-align:left;
vertical-align:top;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
padding:10px 10px 10px 10px;
}

div#content-sec {
width:650px;
float:right;
text-align:left;
vertical-align:top;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
background-image:url('/images/content-bg.gif');
background-repeat: repeat-y;
padding:10px 10px 10px 15px;
}

table,tr,td {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
}

.header-sec {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:18px;
color:#9d4f1c;
}

h3 {
color:#9d4f1c;
font-weight:bold;
margin:0;
padding:0;
}

.submenu h2 {
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:12px;
font-weight:bold;
color:#f58026;
margin:0;
padding:0 0 5px 0;
}

.submenu ul {
list-style:none;
padding:0;
margin:0;
}

.submenu li {
padding-left:15px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:25px;
text-transform:uppercase;
color:#9d4f1c;
background-image:url('/images/menu-bullet.gif');
background-repeat:no-repeat;
}

.submenu a, .submenu a:active, .submenu a:visited {
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:25px;
text-transform:uppercase;
color:#9d4f1c;
text-decoration:none;
}

.submenu a:hover {
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:25px;
text-transform:uppercase;
color:#000000;
text-decoration:none;
}