#Container {
width : 810px;
text-align : justify;
margin-top : 20px;
margin-right : auto;
margin-bottom : 0;
margin-left : auto;
position : relative;
padding : 10px;
border : 1px solid #cccccc;
}
#Top {
padding-top : 5px;
padding-right : 5px;
padding-bottom : 10px;
padding-left : 5px;
}
#Top img {
position : absolute;
right : 20px;
top : 12px;
margin-top : 20px;
margin-bottom : 100px;
}
#Left img {
position : absolute;
left : 20px;
top : 25px;
margin-right : 5px;
margin-bottom : 100px;
}
#Top h1 {
font-family : "Trebuchet MS", Arial, Verdana;
font-size : 12px;
font-weight : bold;
color : #fc7316;
font-style : normal;
line-height : normal;
margin-top : 0;
margin-right : 0;
margin-bottom : 50px;
margin-left : 0;
padding-top : 50px;
padding-right : 0;
padding-bottom : 0;
padding-left : 5px;
}
#Top h2 {
position : absolute;
right : 22px;
text-align : right;
top : 20px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #005787;
margin : 0;
font-weight : bold;
width : 235px;
}
#nav {
height : 25px;
background-color : #efefef;
width : 810px;
margin-top : 0;
}
div#nav ul {
height : 25px;
list-style : none;
width : 810px;
display : inline;
margin-left : 0;
padding-left : 0;
}
div#nav ul li {
list-style : none;
display : block;
width : 134px;
float : left;
text-align : center;
line-height : 25px;
font-size : 12px;
font-weight : normal;
border-right : 1px solid #ffffff;
}
div#nav ul li a {
width : 100%;
height : 25px;
display : block;
color : #005787;
text-decoration : none;
font-family : "Trebuchet MS";
font-size : 14px;
border-bottom-width : 3px;
border-bottom-style : solid;
border-bottom-color : #fc7316;
}
div#nav ul li.last {
width : 133px;
}
div#nav ul li a:hover {
color : #ffffff;
background-color : #fc7316;
border-bottom-width : 3px;
border-bottom-style : solid;
border-bottom-color : #ffffff;
}
body#home #home a, body#services #services a, body#facilities #facilities a, body#downloads #downloads a, body#contact #contact a, body#content #about a, body#quality #quality a {
color : #ffffff;
background : #999999;
border-bottom-color : #fc7316;
}
div#TopImage {
text-align : left;
width : 810px;
padding-top : 5px;
}
div#InfoLine {
background-color : #000066;
font-family : Arial, Helvetica, sans-serif;
color : #ffffff;
font-size : 12px;
height : 18px;
line-height : 18px;
font-weight : normal;
padding-right : 10px;
margin : 0;
padding-top : 0;
padding-bottom : 0;
padding-left : 0;
text-align : right;
}
div#MainText {
width : 810px;
clear : both;
float : left;
padding-bottom : 0;
}
div#MainText h1 {
font-family : "Trebuchet MS", Verdana, Arial;
font-size : 16px;
font-weight : bold;
color : #005787;
margin-top : 10px;
}
div#MainText-left {
width : 180px;
}
div#MainText-left ul {
height : 25px;
list-style : none;
width : 180px;
clear : left;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 0;
padding-top : 5px;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
}
div#MainText-left ul li {
list-style : none;
display : block;
width : 180px;
float : left;
text-align : left;
line-height : 25px;
font-size : 12px;
font-weight : normal;
}
div#MainText-left ul li a {
width : 100%;
height : 25px;
display : block;
color : #fc7316;
text-decoration : none;
font-family : "Trebuchet MS";
font-size : 14px;
padding-left : 10px;
background-color : #efefef;
margin : 1px;
border-left-width : 3px;
border-left-style : solid;
border-left-color : #949494;
}
div#MainText-left ul li a:hover {
color : #ffffff;
background-color : #fc7316;
font-weight : bold;
border-left-width : 2px;
border-left-style : solid;
border-left-color : #005787;
}
body#philosophy #philosophy a, body#approach #approach a, body#benefits #benefits a, body#partnership #partnership a, body#safety #safety a, body#design #design a, body#designprov #designprov a, body#manufacture #manufacture a, body#custserve #custserve a, body#rohs #rohs a, body#reach #reach a, body#alc #alc a, body#fsc #fsc a, body#mmi #mmi a, body#tcc #tcc a {
color : #ffffff;
background : #999999;
margin : 1px;
border-left-width : 3px;
border-left-style : solid;
border-left-color : #fc7316;
}
div#MainText-right {
text-indent : 0;
text-align : left;
clear : both;
width : 570px;
float : right;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #666666;
margin-top : 5px;
margin-bottom : 5px;
margin-right : 5px;
margin-left : 5px;
line-height : 18px;
font-weight : bold;
}
#body img {
float : left;
padding-top : 20px;
padding-bottom : 20px;
}
#body2 img {
float : left;
padding-top : inherit;
padding-right : 15px;
}
#body3 img {
float : left;
padding-top : inherit;
padding-right : 5px;
}
#download {
background-color : white;
border-color : #000000;
}
div#Footer {
width : auto;
clear : both;
background-color : #efefef;
}
div#footer img {
padding-top : 20px;
}
div#Footer p {
padding : 5px;
margin : 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #949494;
}
div#Footer a {
color : #fc7316;
text-decoration : none;
}
div#Footer a:hover {
color : #005787;
text-decoration : none;
}
#Container {
font-family : Verdana, Geneva, sans-serif;
font-size : 12px;
}
#sidetext {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
background-color : #efefef;
width : 182px;
position : absolute;
left : 11px;
top : 716px;
height : 75px;
color : #fc7316;
border-width : 2px;
}
#apDiv1 {
position : absolute;
width : 200px;
height : 115px;
z-index : 1;
left : 19px;
top : 582px;
}
#apDiv2 {
position : absolute;
width : 164px;
height : 68px;
left : 21px;
top : 605px;
color : #f00;
}
ul.MenuBarHorizontal {
margin : 0;
padding : 0;
list-style-type : none;
font-size : 100%;
cursor : default;
}
ul.MenuBarActive {
z-index : 1000;
}
ul.MenuBarHorizontal li {
margin : 0;
padding : 0;
list-style-type : none;
font-size : 100%;
position : relative;
text-align : left;
cursor : pointer;
width : 14%;
float : left;
border-bottom-width : 3px;
border-bottom-style : solid;
border-bottom-color : #fc7316;
border-right : 2px solid #ffffff;
}
ul.MenuBarHorizontal ul {
margin : 0;
padding : 0;
list-style-type : none;
font-size : 100%;
z-index : 1020;
cursor : default;
width : 8.2em;
position : absolute;
left : -1000em;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {
left : auto;
}
ul.MenuBarHorizontal ul li {
width : 8.2em;
}
ul.MenuBarHorizontal ul ul {
position : absolute;
margin : -5% 0 0 95%;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {
left : auto;
top : 0;
}
ul.MenuBarHorizontal ul {
border : 1px solid #ccc;
}
ul.MenuBarHorizontal a {
display : block;
cursor : pointer;
background-color : #eee;
padding : 0.5em 0.75em;
color : #333;
text-decoration : none;
}
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {
background-color : #33c;
color : #fff;
}
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
background-color : #33c;
color : #fff;
}
ul.MenuBarHorizontal a.MenuBarItemSubmenu {
background-image : url(SpryMenuBarDown.gif);
background-repeat : no-repeat;
background-position : 95% 50%;
}
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu {
background-image : url(SpryMenuBarRight.gif);
background-repeat : no-repeat;
background-position : 95% 50%;
}
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover {
background-image : url(SpryMenuBarDownHover.gif);
background-repeat : no-repeat;
background-position : 95% 50%;
}
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover {
background-image : url(SpryMenuBarRightHover.gif);
background-repeat : no-repeat;
background-position : 95% 50%;
}
@media projection, screen {
ul.MenuBarHorizontal li.MenuBarItemIE {
display : inline;
float : left;
background : #fff;
}
}
#apDiv3 {
position : absolute;
width : 200px;
height : 115px;
z-index : 1;
left : 20px;
top : 615px;
}
.style1 {
font-family : Arial, Helvetica, sans-serif;
font-size : 18px;
font-weight : bold;
}
.style2 {
font-size : 14px;
}
#apDiv1 {
position : absolute;
width : 200px;
height : 115px;
z-index : 1;
left : 19px;
top : 582px;
}
#apDiv2 {
position : absolute;
width : 164px;
height : 68px;
left : 21px;
top : 605px;
color : #f00;
}
ul.MenuBarHorizontal {
margin : 0;
padding : 0;
list-style-type : none;
font-size : 100%;
cursor : default;
}
ul.MenuBarActive {
z-index : 1000;
}
ul.MenuBarHorizontal li {
margin : 0;
padding : 0;
list-style-type : none;
font-size : 100%;
position : relative;
text-align : left;
cursor : pointer;
width : 14%;
float : left;
border-bottom-width : 3px;
border-bottom-style : solid;
border-bottom-color : #fc7316;
border-right : 2px solid #ffffff;
}
ul.MenuBarHorizontal ul {
margin : 0;
padding : 0;
list-style-type : none;
font-size : 100%;
z-index : 1020;
cursor : default;
width : 8.2em;
position : absolute;
left : -1000em;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {
left : auto;
}
ul.MenuBarHorizontal ul li {
width : 8.2em;
}
ul.MenuBarHorizontal ul ul {
position : absolute;
margin : -5% 0 0 95%;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {
left : auto;
top : 0;
}
ul.MenuBarHorizontal ul {
border : 1px solid #ccc;
}
ul.MenuBarHorizontal a {
display : block;
cursor : pointer;
background-color : #eee;
padding : 0.5em 0.75em;
color : #333;
text-decoration : none;
}
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {
background-color : #33c;
color : #fff;
}
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
background-color : #33c;
color : #fff;
}
ul.MenuBarHorizontal a.MenuBarItemSubmenu {
background-image : url(SpryMenuBarDown.gif);
background-repeat : no-repeat;
background-position : 95% 50%;
}
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu {
background-image : url(SpryMenuBarRight.gif);
background-repeat : no-repeat;
background-position : 95% 50%;
}
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover {
background-image : url(SpryMenuBarDownHover.gif);
background-repeat : no-repeat;
background-position : 95% 50%;
}
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover {
background-image : url(SpryMenuBarRightHover.gif);
background-repeat : no-repeat;
background-position : 95% 50%;
}
@media projection, screen {
ul.MenuBarHorizontal li.MenuBarItemIE {
display : inline;
float : left;
background : #fff;
}
}
#apDiv3 {
position : absolute;
width : 200px;
height : 115px;
z-index : 1;
left : 20px;
top : 615px;
}
.style1 {
font-family : Arial, Helvetica, sans-serif;
font-size : 18px;
font-weight : bold;
}
.style2 {
font-size : 14px;
}