html
{
width: 100%;
height: 100%;
}
body
{
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
text-align: center;
font-family: verdana, sans-serif;
background-color: #ffffff;
background-image: url(images/headBkg.gif);
background-repeat: repeat-x;
background-position: top left;
min-height: 720px;
}
div#print_header
{
display:none;
}
div#homeWrap
{
position: relative;
width: 100%;
height: 775px;
background-image: url(images/homeBkg.gif);
background-repeat: repeat-x;
background-position: 0px 480px;
}
br.clear
{
clear: both;
}
div.l2Wrap
{
position: relative;
width: 100%;
height: auto;
min-height: 100%;
}
*html div.l2Wrap
{
height: 100%;
}
div#wrapper
{
position: relative;
width: 902px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
*html div#wrapper
{
margin-bottom: 10px;
}
img
{
border: none;
}
a#homeLogo
{
position: absolute;
top: 29px;
left: 71px;
display: block;
width: 225px;
height: 69px;
}
form#jumpMenu
{
position: absolute;
top: 80px;
right: 76px;
display: block;
margin: 0px;
padding: 0px;
text-align: right;
}
form#jumpMenu label
{
font-size: 11px;
font-weight: bold;
vertical-align: middle;
}
form#jumpMenu select
{
font-style: italic;
font-size: 9px;
text-align: center;
border: 1px solid #7f7f7f;
}
span#first
{
display: block;
position: absolute;
top: 118px;
left: 0px;
width: 10px;
height: 40px;
background-image: url(images/topNavLeft.gif);
background-repeat: no-repeat;
}
ul#topNav
{
display: block;
position: absolute;
top: 118px;
left: 10px;
width: 882px;
height: 26px;
list-style: none;
font-size: 10px;
background-image: url(images/topNavBkg.gif);
background-repeat: repeat-x;
margin: 0px;
padding: 0px;
padding-top: 14px;
text-align: center;
font-size: 10px;
text-transform: uppercase;
}
ul#topNav li
{
display: inline;
margin: 0px;
padding: 0px;
padding-left: 8px;
padding-right: 8px;
}
ul#topNav li.selected
{
font-weight: bold;
}
ul#topNav li a
{
color: #000000;
text-decoration: none;
}
ul#topNav li a:hover, ul#topNav li a:focus
{
text-decoration: underline;
}
span#last
{
display: block;
position: absolute;
top: 118px;
right: 0px;
width: 10px;
height: 40px;
background-image: url(images/topNavRight.gif);
background-repeat: no-repeat;
clear: right;
}
div#centerContent
{
position: absolute;
top: 176px;
clear: both;
width: 902px;
height: auto;
}
div.l2Wrap div#centerContent
{
position: static;
padding-top: 165px;
padding-bottom: 10px;
width: 852px;
padding-left: 25px;
padding-right: 25px;
font-size: 11px;
}
ul#subNav
{
display: block;
margin: 0px;
padding: 0px;
list-style: none;
font-size: 10px;
}
ul#subNav li
{
display: inline;
margin-right: 5px;
}
ul#subNav li.selected
{
font-weight: bold;
}
ul#subNav li.title
{
font-weight: bold;
}
ul#subNav li a
{
text-decoration: none;
color: #005103;
}
ul#subNav li a:hover, ul#subNav li a:focus
{
text-decoration: underline;
}
div#copyArea
{
width: 400px;
height: auto;
margin-left: 25px;
color: #005103;
font-size: 11px;
margin-bottom: 20px;
clear: both;
}
div#copyArea h1, div.l2Wrap div#centerContent h1
{
font-size: 18px;
margin: 0px;
padding: 0px;
margin-top: 14px;
margin-bottom: -5px;
}
div#leftCol
{
width: 217px;
margin-right: 20px;
margin-top: 20px;
float: left;
clear: left;
}
span#boxTop
{
display: block;
width: 217px;
height: 10px;
background-image: url(images/boxTop.gif);
background-repeat: no-repeat;
}
*html span#boxTop
{
margin-bottom: -2px;
}
ul#leftNav
{
display: block;
margin: 0px;
padding: 0px;
list-style: none;
background-image: url(images/boxBkg.gif);
}
ul#leftNav li
{
font-size: 11px;
}
ul#leftNav li a
{
display: block;
text-decoration: none;
color: #000000;
margin-left: 20px;
padding-left: 15px;
padding-right: 5px;
background-image: url(images/lftBtnBkg.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
}
ul#leftNav li a:hover, ul#leftNav li a:focus
{
text-decoration: underline;
}
ul#leftNav li.title
{
margin-left: 10px;
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
}
ul#leftNav li.selected
{
font-weight: bold;
}
span#boxBot
{
display: block;
width: 217px;
height: 10px;
background-image: url(images/boxBot.gif);
background-repeat: no-repeat;
}
ul#leftBotNav
{
display: block;
margin: 0px;
padding: 0px;
list-style: none;
margin-top: 10px;
}
ul#leftBotNav li
{
display: block;
clear: both;
margin: 0px;
padding: 0px;
margin-bottom: 10px;
}
ul#leftBotNav li a
{
display: block;
width: 217px;
}
a#contact
{
height: 68px;
background-image: url(images/contact.gif);
background-repeat: no-repeat;
}
a#contact_active
{
height: 68px;
background-image: url(images/contact_active.gif);
background-repeat: no-repeat;
}
a#technical_support
{
height: 68px;
background-image: url(images/technical_support.gif);
background-repeat: no-repeat;
}
a#technical_support_active
{
height: 68px;
background-image: url(images/technical_support_active.gif);
background-repeat: no-repeat;
}
a#image_gallery
{
height: 28px;
background-image: url(images/image_gallery.gif);
background-repeat: no-repeat;
}
a#print_page
{
height: 28px;
background-image: url(images/print.gif);
background-repeat: no-repeat;
}
a#image_gallery_active
{
height: 28px;
background-image: url(images/image_gallery_active.gif);
background-repeat: no-repeat;
}
a#downloads
{
height: 28px;
background-image: url(images/downloads.gif);
background-repeat: no-repeat;
}
a#downloads_active
{
height: 28px;
background-image: url(images/downloads_active.gif);
background-repeat: no-repeat;
}
ul#leftBotNav li a span
{
display: none;
}
div#l2CopyArea
{
width: 612px;
float: left;
clear: right;
}
ul#dinoLinks
{
position: absolute;
top: 340px;
left: 45px;
display: block;
margin: 0px;
padding: 0px;
list-style: none;
width: 800px;
height: 110px;
}
*html ul#dinoLinks
{
width: 900px;
left: 51px;
}
ul#dinoLinks li
{
display: block;
width: 91px;
height: 110px;
font-size: 9px;
text-align: center;
float: left;
margin-left: 10px;
letter-spacing: -1.45px;
}
ul#dinoLinks li:first-child
{
margin-left: 0px;
}
ul#dinoLinks li a
{
text-decoration: none;
}
span#specLink
{
position: absolute;
top: 465px;
left: 250px;
color: #ffffff;
font-size: 10px;
font-weight: bold;
}
span#specLink a
{
color: #ffffff;
text-decoration: underline;
}
object#homeFlash
{
position: absolute;
top: 176px;
left: 535px;
}
a#magazine
{
position: absolute;
top: 170px;
left: 425px;
display: block;
}
div#index_footer
{
position: absolute;
top: 690px;
left: 0px;
width: 100%;
height: 45px;
padding-top: 10px;
background-color: #d9d9d9;
clear: both;
min-width: 902px;
}
div#footer
{
position: relative;
bottom: 0px;
left: 0px;
width: 100%;
height: 45px;
padding-top: 10px;
background-image: url(images/footerBkg.gif);
background-repeat: repeat-x;
background-position: left top;
background-color: #d9d9d9;
clear: both;
min-width: 902px;
}
ul#l2FootNav
{
width: 750px;
margin: 0px;
padding: 0px;
margin-left: auto;
margin-right: auto;
display: block;
list-style: none;
}
ul#l2FootNav li
{
font-size: 9px;
margin: 0px;
padding: 0px;
display: inline;
padding-left: 1px;
padding-right: 1px;
line-height: 15px;
}
*html ul#l2FootNav li
{
line-height: 190%;
}
ul#l2FootNav li.last
{
background-image: none;
}
ul#l2FootNav li a
{
color: #000000;
text-decoration: none;
}
ul#l2FootNav li a:hover, ul#footNav li a:focus
{
text-decoration: underline;
}