* { margin: 0; padding: 0 } body { font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: #fff; background-image: url("../images/body_bkgrd2.jpg"); background-repeat: repeat-x; background-position: left top; margin: 0; padding:0; color: #666; font-size: 12px;} .float { padding-right: 15px; padding-bottom: 15px; float: left } h1 { color: #8e9900; font-size: 20px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; letter-spacing: -2px; padding-bottom: 3px } h2 { color: #8e9900; font-size: 40px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; letter-spacing: -4px } h3 { color: #304c06; font-size: 13px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; padding-top: 10px; padding-left: 5px } h3 .emphasis { color: #8e9900 } h4 { color: #304c06; font-size: 20px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; letter-spacing: -1px; padding-bottom: 3px; padding-top:10px; padding-left: 5px; } #special_container {position:relative; width:100%} #special_container #special_header {position:absolute; width:50%; height:211px; top:0px; left:0px; background-image:url(../images/sp_header_bkgrd.jpg); background-repeat:repeat-x;} #container { text-align: left; position: relative; width: 882px } #header { background-image: url("../images/header2.jpg"); background-repeat: no-repeat; background-position: left 21px; position: relative; z-index: 200; width: 882px; height: 211px } #header ul#top_nav { text-align: center; list-style: none; margin: 0; padding-left: 0; position: absolute; z-index: 150; top: 1px; left: 43px; width: 300px; height: 20px; border-left: 1px solid #a5c543 } #header ul#top_nav li { color: #fff; font-size: 11px; list-style: none; display: inline; margin: 0; padding: 0 0 0; position: relative; z-index: 20; top: 0; height: 20px; float: left; border-right: 1px solid #a5c543 } #header ul#top_nav li a { color: #fff; font-size: 11px; text-decoration: none; display: block; padding: 4px 10px 0; height: 17px; float: left } #header ul#top_nav li a:hover { color: #a5c543; background-color: #464c01 } #header #flash { position: absolute; top: 21px; right: 16px; width: 375px; height: 133px } #header #nav_contain { text-align: center; position: relative; top: 179px; width: 882px; height: 30px } /*French Header*/ #header_fr { background-image: url("../images/header2_fr.jpg"); background-repeat: no-repeat; background-position: left 21px; position: relative; z-index: 200; width: 882px; height: 211px } #header_fr ul#top_nav { text-align: center; list-style: none; margin: 0; padding-left: 0; position: absolute; z-index: 150; top: 1px; left: 43px; width: 300px; height: 20px; border-left: 1px solid #a5c543 } #header_fr ul#top_nav li { color: #fff; font-size: 11px; list-style: none; display: inline; margin: 0; padding: 0 0 0; position: relative; z-index: 20; top: 0; height: 20px; float: left; border-right: 1px solid #a5c543 } #header_fr ul#top_nav li a { color: #fff; font-size: 11px; text-decoration: none; display: block; padding: 4px 10px 0; height: 17px; float: left } #header_fr ul#top_nav li a:hover { color: #a5c543; background-color: #464c01 } #header_fr #flash { position: absolute; top: 21px; right: 16px; width: 375px; height: 133px } #header_fr #nav_contain { text-align: center; position: relative; top: 179px; width: 882px; height: 30px } /*Main Nav*/ ul#navmenu { text-align: center; list-style: none; margin: 0; padding-left: 15px; position: absolute; z-index: 150; top: 0; left: 0px; width: 882px; height: 30px } ul#navmenu li { list-style: none; display: inline; margin: 0; padding: 0 20px; position: relative; z-index: 20; top: 0; height: auto; float: left } ul#navmenu li a { color: #fff; font-size: 11px; text-decoration: none; background-image: url("../images/n_nav.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; display: block; padding-top: 7px; padding-right: 0; padding-bottom: 0; width: 129px; height: 23px; float: left } ul#navmenu li a:hover { background-color: #e01220; background-position: 0 -30px !important } ul#navmenu li.about a { color: #ebf3ff; background-repeat: no-repeat; background-attachment: scroll } ul#navmenu li.regional a { color: #ebf3ff; background-repeat: no-repeat; background-attachment: scroll } ul#navmenu li.announce a { color: #ebf3ff; background-repeat: no-repeat; background-attachment: scroll } ul#navmenu li.practices a { color: #ebf3ff; background-repeat: no-repeat; background-attachment: scroll } ul#navmenu li.login_nav a { color: #ebf3ff; background-repeat: no-repeat; background-attachment: scroll } ul#navmenu li hr { margin: 0; padding: 2px 0; border-top: none; border-right: none; border-bottom: 1px dotted #666; border-left: none } ul#navmenu ul { background-color: #f6f6f6 !important; background-repeat: no-repeat; background-position: left bottom; text-align: left; list-style: none; display: none; margin: 0; padding: 5px 0 15px; position: absolute; z-index: 20; top: 30px; left: -25px; width: 215px; height: auto; border-style: solid; border-width: 5px 1px 1px; border-color: #6f7802 #6b930f #6b930f } ul#navmenu ul.two { background-color: #f6f6f6 !important; background-repeat: no-repeat; background-position: left bottom; text-align: left; list-style: none; display: none; margin: 0; padding: 5px 0 15px; position: absolute; z-index: 25; top: 30px; left: -25px; width: 215px; height: auto; border-style: solid; border-width: 5px 1px 1px; border-color: #6f7802 #6b930f #6b930f } ul#navmenu ul.three { background-color: #f6f6f6 !important; background-repeat: no-repeat; background-position: left bottom; text-align: left; list-style: none; display: none; margin: 0; padding: 5px 0 15px; position: absolute; z-index: 20; top: 30px; left: -25px; width: 215px; height: auto; border-style: solid; border-width: 5px 1px 1px; border-color: #6f7802 #6b930f #6b930f } ul#navmenu ul.four { background-color: #f6f6f6 !important; background-repeat: no-repeat; background-position: left bottom; text-align: left; list-style: none; display: none; margin: 0; padding: 5px 0 15px; position: absolute; z-index: 20; top: 30px; left: -25px; width: 215px; height: auto; border-style: solid; border-width: 5px 1px 1px; border-color: #6f7802 #6b930f #6b930f } ul#navmenu ul.five { background-color: #f6f6f6 !important; background-repeat: no-repeat; background-position: left bottom; text-align: left; list-style: none; display: none; margin: 0; padding: 5px 0 15px; position: absolute; z-index: 20; top: 30px; left: -25px; width: 215px; height: auto; border-style: solid; border-width: 5px 1px 1px; border-color: #6f7802 #6b930f #6b930f } ul#navmenu ul li { display: block !important; margin: 0; padding: 0 5px 0 6px; z-index: 20; float: none; border-style: none } /* 2nd Menu */ ul#navmenu li:hover li a, ul#navmenu li.iehover li a { color: #505051; font-size: 11px; line-height: 11px; background-image: none; background-attachment: scroll; margin: 0; padding: 2px 0 2px 5px; z-index: 20; width: 198px; height: auto; float: none; border-style: none } /* 2nd Menu Hover Persistence */ ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a { color: #fff; background-color: #265107; background-attachment: scroll; margin: 0; padding: 2px 0 2px 5px; z-index: 20; width: 198px; height: auto } /* 3rd Menu */ ul#navmenu li:hover li:hover li a, ul#navmenu li.iehover li.iehover li a { color: #666; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; z-index: 20; width: 180px } /* 3rd Menu Hover Persistence */ ul#navmenu li:hover li:hover li a:hover, ul#navmenu li:hover li:hover li:hover a, ul#navmenu li.iehover li.iehover li a:hover, ul#navmenu li.iehover li.iehover li.iehover a { color: #999; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; z-index: 20; width: 180px } ul#navmenu ul ul, ul#navmenu ul ul ul { display: none; position: absolute; z-index: 20; top: 0; left: 180px } /* Do Not Move - Must Come Before display:block for Gecko */ ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul { text-decoration: none; display: none; z-index: 20 } ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul { display: block; z-index: 20 } /*End Nav*/ #contentArea { background-image: url("../images/contentarea_bkgrd.gif"); background-repeat: repeat-y; background-position: left top; position: relative; z-index: 100; width: 882px } #contentArea #success { background-image: url("../images/success_bkgrd.jpg"); background-repeat: no-repeat; background-position: left top; position: relative; top: -2px; left: 181px; width: 701px; height: 230px } #contentArea #success_fr { background-image: url("../images/success_bkgrd_fr.jpg"); background-repeat: no-repeat; background-position: left top; position: relative; top: -2px; left: 181px; width: 701px; height: 230px } #contentArea #content #sector_title { background-color: #8e9325; margin-bottom: 10px; padding-top: 2px; padding-bottom: 2px; position: relative; left: 2px; width: 505px } #contentArea #content { position: relative; left: 180px; width: 701px; min-height: 814px;} /* Super Hack for Crummy IE to give the content area a set height for short pages. FF Does reads Min height - IE does not */ /*\*/ * html #contentArea #content { height: 814px } /**/ #contentArea #content #content_main { padding-right: 53px; padding-bottom: 0; padding-left: 52px; position: relative; top: 0; width: 401px; min-height: 528px;} /* Super Hack for Crummy IE to give the content area a set height for short pages. FF Does reads Min height - IE does not */ /*\*/ * html #contentArea #content #content_main { height: 528px } /**/ /*URL: giantenemycrab */ #contentArea #content #content_main #profile_contain span.icon_tel { color: #666; font-size: 12px; background-image: url("../images/icon_tel.gif"); background-repeat: no-repeat; background-position: 122px center; display: block; padding-top: 3px; padding-bottom: 3px; padding-left: 144px; position: relative } #contentArea #content #content_main #profile_contain span.icon_fax { color: #666; font-size: 12px; background-image: url("../images/icon_fax.gif"); background-repeat: no-repeat; background-position: 122px center; display: block; padding-top: 3px; padding-bottom: 3px; padding-left: 144px; position: relative } #contentArea #content #content_main #profile_contain span.icon_email { color: #666; font-size: 12px; background-image: url("../images/icon_email.gif"); background-repeat: no-repeat; background-position: 122px center; display: block; padding-top: 3px; padding-bottom: 3px; padding-left: 144px; position: relative } #contentArea #content #content_main #profile_contain span.icon_web { color: #666; font-size: 12px; background-image: url("../images/icon_web.gif"); background-repeat: no-repeat; background-position: 122px center; display: block; padding-top: 3px; padding-bottom: 3px; padding-left: 144px; position: relative } #contentArea #content #content_main #profile_contain span.icon_video { color: #666; font-size: 12px; background-image: url("../images/icon_video.gif"); background-repeat: no-repeat; background-position: 122px center; display: block; padding-top: 3px; padding-bottom: 3px; padding-left: 144px; position: relative } span.side_video { color: #666; font-size: 12px; background-image: url(../images/icon_video.gif); background-repeat: no-repeat; background-position: 5px; display: block; padding-top: 10px; padding-bottom: 3px; padding-left: 30px; position: relative } span.side_video a {color: #8e9900; text-decoration: none;} span.side_video a:hover { text-decoration: underline } #contentArea #content #content_main #video { background-color: #fff; background-repeat: no-repeat; background-position: left top; display: none; position: absolute; z-index: 999; top: 0px; left: 1px; width: 506px; border: solid 1px #737d02;} #contentArea #content #content_main #video #object {padding-left:63px;} #contentArea #content #content_main #video p { color: #737d02; font-size: 19px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; line-height: 14px; letter-spacing: -1px; padding-bottom: 10px; padding-left: 91px; padding-top: 2px; } #contentArea #content #content_main #video #close { font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: normal; text-decoration: none; background-color: #737d02; letter-spacing: -1px; padding-bottom: 0; padding-left: 10px; position: relative; height: 40px; border-bottom: 1px solid #737d02 } #contentArea #content #content_main #video #close a { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: normal; text-decoration: none; letter-spacing: -1px; padding-bottom: 0; padding-left: 10px; position: absolute; top: 15px; right: 15px } .video{ background-color: #fff; background-repeat: no-repeat; background-position: left top; display: none; position: relative; z-index: 999; left: -51px; width: 506px; border: solid 1px #737d02;} .videofloat { background-color: #fff; background-repeat: no-repeat; background-position: left top; display: none; position: absolute; z-index: 999; top: 400px; left: 1px; width: 506px; border: solid 1px #737d02;} .videofloat_region { background-color: #fff; background-repeat: no-repeat; background-position: left top; display: none; position: absolute; z-index: 999; top: 150px; left: 1px; width: 506px; border: solid 1px #737d02;} #contentArea #content #content_main #object.vid {padding-left:63px;} #contentArea #content #content_main p.vid { color: #737d02; font-size: 19px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; line-height: 14px; letter-spacing: -1px; padding-bottom: 10px; padding-left: 91px; padding-top: 2px; } #contentArea #content #content_main #close.vid { color:#ffffff; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: normal; text-decoration: none; background-color: #737d02; letter-spacing: -1px; padding-bottom: 0; padding-left: 10px; position: relative; height: 40px; border-bottom: 1px solid #737d02 } #contentArea #content #content_main #close.vid a { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: normal; text-decoration: none; letter-spacing: -1px; padding-bottom: 0; padding-left: 10px; position: absolute; top: 15px; right: 15px } #contentArea #content #content_main p { color: #666; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; padding-bottom: 10px; padding-left: 5px } #contentArea #content #content_main p.emphasis { color: #999; font-size: 17px; padding-top: 10px } #contentArea #content #content_main a { color: #8e9900; text-decoration: none } #contentArea #content #content_main a:hover { text-decoration: underline } #contentArea #content #content_main ul {margin-left: 25px; margin-top: 10px; margin-bottom: 20px;} #contentArea #content #content_main ul li { list-style-position: outside; list-style-image: url(../images/bullet.gif); font-size: 11px; padding-bottom: 3px; color: #666;} #contentArea #content #content_main img.img_border { border:solid #8e9900 4px; margin: 5px; } #contentArea #content .float_full { padding-top: 25px; position: relative; left:1px; z-index:0; margin-left: -51px;} #contentArea #content #content_main .float_full_Flashy { padding-top: 25px; position: relative; bottom: 0; left: -51px; z-index:-1;} #contentArea #content #content_main #profile_contain { position: relative; left: 0; width: 440px } #contentArea #content #content_main #profile_contain p h3 { padding-left: 125px } #flashVid{ background-color:transparent; position:relative; width:400px; height:100px; left: 8px; z-index:100; overflow:visible; top: -3px; } #contentArea #content #right_nav { position: absolute; top: -1px; right: 2px; width: 191px; height: 500px; font-size: 10px; } #contentArea #content #right_nav a.more {color: #333; text-decoration: none; padding-left: 10px;} #contentArea #content #right_nav a:hover.more {color: #8e9900; text-decoration:underline;} /* #contentArea #content #right_nav #events { position: relative; top: 5px; left: 2px; width: 186px; height: 102px } #contentArea #content #right_nav #events a { } #contentArea #content #right_nav #events span a { background-image: url("../images/event.gif"); background-repeat: no-repeat; background-position: left top; position: absolute; height: 102px } #contentArea #content #right_nav #events span a:hover { background-position: 0 -102px }*/ #contentArea #content #right_nav #news { background-color: #ececca; margin: 0; padding: 10px 0 0; position: relative; top: 0; left: 1px; width: 189px; border-bottom: 1px solid #999 } #contentArea #content #right_nav #news a.all {color: #333; text-decoration: none; padding-left: 10px;} #contentArea #content #right_nav #news a:hover.all { display:block; color: #000 !important; text-decoration: none; background-color: #fffff1 } #contentArea #content #right_nav #events { background-color: #f9f6ec; padding-top: 0; position: relative; top: 0; left: 1px; width: 189px; border-bottom: 1px solid #999 } #contentArea #content #right_nav #events a { display:block; color: #333; padding-left: 10px; margin-top:15px; text-decoration: none; } #contentArea #content #right_nav #events a:hover { display:block; color: #000 !important; text-decoration: none; background-color: #dbdbc9 !important } /*#contentArea #content #right_nav ul.nav2 { font-size: 10px; background-color: #ececca; margin: 0; padding: 10px 0 0; position: relative; top: 0; left: 1px; width: 189px; border-bottom: 1px solid #999 } #contentArea #content #right_nav ul.nav2 li { list-style-type: none; display: block; margin: 0; padding: 5px 0 5px 5px; height: auto } #contentArea #content #right_nav ul.nav2 li a { color: #333; font-size: 10px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; text-decoration: none; display: block; padding: 3px 5px 3px 2px } #contentArea #content #right_nav ul.nav2 li a span { color: #8e9900; font-size: 13px } */ /* Fix IE. Hide from IE Mac \*/ /* * html #contentArea #content #right_nav ul.nav2 li { height: 1px; float: left } * html #contentArea #content #right_nav ul.nav2 li a { height: 0 } #contentArea #content #right_nav ul.nav2 li a:hover { color: #000 !important; text-decoration: none; background-color: #fffff1 } #contentArea #content #right_nav ul.nav2 li:hover { color: #000 !important; text-decoration: none; background-color: #fffff1 } #contentArea #content #right_nav ul.nav2.alt_bkgrd { background-color: #f9f6ec; padding-top: 0; position: relative; top: 0; left: 1px; width: 189px } #contentArea #content #right_nav ul.nav2.alt_bkgrd li a { color: #333; font-size: 10px; padding-left: 10px } #contentArea #content #right_nav ul.nav2.alt_bkgrd li a:hover { color: #000 !important; text-decoration: none; background-color: #dbdbc9 !important } #contentArea #content #right_nav ul.nav2.alt_bkgrd li:hover { color: #000 !important; text-decoration: none; background-color: #dbdbc9 !important } #contentArea #content #right_nav ul.nav2.alt_bkgrd li a span { background-image: url("../images/bullet.gif"); background-repeat: no-repeat; background-position: left center; padding-left: 10px }*/ #contentArea #leftnav { text-align: left; position: absolute; top: 0; left: 2px; width: 181px } #contentArea ul.nav.alt_bkgrd { background-color: #fff; position: relative; top: 20px; left: 1px; width: 177px } #contentArea ul.nav.alt_bkgrd li a { color: #8e9900; font-size: 10px } #contentArea ul.nav.alt_bkgrd li a:hover { color: #8e9900; font-size: 10px; background-color: #ebebeb } #contentArea ul.nav { font-size: 10px; margin: 0; padding: 0; position: relative; top: 0; left: 0; width: 178px; border-bottom: 1px solid #999 } #contentArea ul.nav li { list-style-type: none; display: block; margin: 0; padding: 0 0 0 5px; height: auto; border-top: 1px solid #d5d5d5 } #contentArea ul.nav li.none a { margin: 0; padding: 0; border: 0 } #contentArea ul.nav li.none a:hover { margin: 0; padding: 0; border: 0; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75; width:177px; height:28px;} #contentArea ul.nav li.none { margin: 0; padding: 0; border: 0 } #contentArea ul.nav li.none:hover { margin: 0; padding: 0; border: 0 } #contentArea ul.nav li a { color: #333; font-size: 10px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; text-decoration: none; display: block; padding: 3px 5px 3px 2px } #contentArea ul.nav li a span { color: #6a7202; font-size: 12px; font-weight: bold } /* Fix IE. Hide from IE Mac \*/ * html #contentArea ul.nav li { height: 1px; float: left } * html #contentArea ul.nav li a { height: 0 } #contentArea ul.nav li a:hover { color: #000 !important; text-decoration: none; background-color: #fff; padding-left: 10px } #contentArea ul.nav li:hover { color: #000 !important; text-decoration: none; background-color: #fff; padding-left: 0; border-right: 5px solid #666; border-left: 5px solid #999 } #footer_contain { background-image: url("../images/footer_bkgrd.jpg"); background-repeat: repeat-x; background-position: left top; position: relative; height: 131px } #footer_contain #footer { position: relative; width: 882px; height: 131px } #footer_contain #footer ul#foot_nav { text-align: center; list-style: none; margin: 0; padding-left: 0; position: absolute; z-index: 150; top: 1px; left: 0; width: 882px; height: 18px; border-left: 1px solid #91992d } #footer_contain #footer ul#foot_nav li { color: #fff; font-size: 11px; list-style: none; display: inline; margin: 0; padding: 2px 0 0; position: relative; z-index: 20; top: 0; height: 18px; float: left; border-right: 1px solid #91992d } #footer_contain #footer ul#foot_nav li.copy { color: #c5eb50; padding-right: 10px; padding-left: 10px } #footer_contain #footer ul#foot_nav li a { color: #fff; font-size: 11px; text-decoration: none; display: block; padding: 0 10px 0; height: 18px; float: left } #footer_contain #footer ul#foot_nav li a:hover { background-color: #8e9900 } #footer_contain #footer #logo_contain { position: relative; top: 30px; width: 882px; height: 65px } #footer_contain #footer #logo_contain #wc { position: absolute; top: 22px; right: 0; width: 129px; height: 24px } #footer_contain #footer ul#logos { text-align: center; list-style: none; margin: 0; padding-left: 0; position: absolute; z-index: 150; top: 1px; left: 0; width: 882px; height: 65px } #footer_contain #footer ul#logos li { color: #fff; font-size: 11px; list-style: none; display: inline; margin: 0; padding-right: 15px; padding-left: 15px; position: relative; z-index: 20; top: 0; height: 65px; float: left;} #footer_contain #footer ul#logos li a { text-decoration: none; display: block; padding: 0 10px; height: 18px; float: left }