/************************************************** Economic Development Partnership General Screen Styles Created by Cyberwoven http://www.cyberwoven.com **************************************************/ /* HOUSECLEANING --------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: #c6b48c; } ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } .clear:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; } .clear { display: inline-block; } /* Fixes IE/Mac */ /*------------------------------------------- General Selectors -------------------------------------------*/ * { margin: 0 auto; padding: 0; color: #454545; line-height: 1.5; } body { font: normal 12px Arial, Verdana, sans-serif; background: #d2f5fa url(../img/body_bg.png) repeat-x top center; text-align: left; } body#internal { background: #d2f5fa url(../img/internalbodybackground.png) top center repeat-x; } /*------------------------------------------- STRUCTURE ------------------------------------------*/ #wrapper { margin: 0 auto; width: 964px; } #internalwrapper { margin: 0 auto; width: 964px; } #header { height: 66px; margin: 0; margin: 14px 0 0 0; width: 964px; position: relative; } h1 { float: left; text-indent: -9999px; margin: 0 0 0 7px; } h1 a { width: 152px; height: 66px; background: url(../img/h1_bg.jpg) no-repeat top center; display: block; float: left; } #header h2{ background: url(../img/h2.png) no-repeat top center; float: right; text-indent: -9999px; margin: 0 0 0 0; position: absolute; top: 48px; right: 4px; width: 375px; height: 19px; } #nav { margin: 7px 0 0 0; float: left; position: relative; z-index: 1000; } #navinternal { margin: 7px 0 0 0; float: left; position: relative; z-index: 100; height: 61px; } ul#mainnav { margin: 0 0 0 5px; width: 953px; height: 53px; position: relative; top: 5px; } ul#mainnavinternal { margin: 0 0 0 5px; width: 953px; height: 53px; position: relative; top: 5px; } #nav ul#mainnav li { display: block; float:left; list-style-type: none; position:relative; } #navinternal ul#mainnavinternal li { display: block; float:left; list-style-type: none; position:relative; } /*------------------------------------------- NAV ------------------------------------------*/ #nav ul#mainnav li a#regionprofile { width: 124px; } #nav ul#mainnav li a#laborandemployment { width: 204px; background-position: -124px 0; } #nav ul#mainnav li a#qualityoflife { width: 138px; background-position: -328px 0; } #nav ul#mainnav li a#infrastructure { width: 127px; background-position: -466px 0; } #nav ul#mainnav li a#buildingsandsites { width: 172px; background-position: -593px 0; } #nav ul#mainnav li a#organization { width: 130px; background-position: -765px 0; } #nav ul#mainnav li a#news { width: 57px; background-position: -895px 0; } #navinternal ul#mainnavinternal li a#regionprofile { width: 124px; height: 48px; } #navinternal ul#mainnavinternal li a#laborandemployment { width: 204px; background-position: -124px 0; height: 48px; } #navinternal ul#mainnavinternal li a#qualityoflife { width: 138px; background-position: -328px 0; height: 48px; } #navinternal ul#mainnavinternal li a#infrastructure { width: 127px; background-position: -466px 0; height: 48px; } #navinternal ul#mainnavinternal li a#buildingsandsites { width: 172px; background-position: -593px 0; height: 48px; } #navinternal ul#mainnavinternal li a#organization { width: 130px; background-position: -765px 0; height: 48px; } #navinternal ul#mainnavinternal li a#news { width: 57px; background-position: -895px 0; height: 48px; } #nav ul#mainnav li a#regionprofile:hover, #nav ul#mainnav li.over a#regionprofile, #nav ul#mainnav li:hover a#regionprofile { width: 124px; height: 53px; background-position: 0px -38px; } #nav ul#mainnav li a#laborandemployment:hover, #nav ul#mainnav li.over a#laborandemployment, #nav ul#mainnav li:hover a#laborandemployment { width: 204px; height: 53px; background-position: -124px -38px; } #nav ul#mainnav li a#qualityoflife:hover, #nav ul#mainnav li.over a#qualityoflife, #nav ul#mainnav li:hover a#qualityoflife { width: 138px; height: 53px; background-position: -328px -38px; } #nav ul#mainnav li a#infrastructure:hover, #nav ul#mainnav li.over a#infrastructure, #nav ul#mainnav li:hover a#infrastructure { width: 127px; height: 53px; background-position: -466px -38px; } #nav ul#mainnav li a#buildingsandsites:hover, #nav ul#mainnav li.over a#buildingsandsites, #nav ul#mainnav li:hover a#buildingsandsites { width: 172px; height: 53px; background-position: -593px -38px; } #nav ul#mainnav li a#organization:hover, #nav ul#mainnav li.over a#organization, #nav ul#mainnav li:hover a#organization { width: 130px; height: 53px; background-position: -765px -38px; } #nav ul#mainnav li a#news:hover, #nav ul#mainnav li.over a#news, #nav ul#mainnav li:hover a#news { width: 57px; height: 53px; background-position: -895px -38px; } #navinternal ul#mainnavinternal li a#regionprofile:hover, #navinternal ul#mainnavinternal li.over a#regionprofile, #navinternal ul#mainnavinternal li:hover a#regionprofile { width: 124px; height: 61px; background-position: 0px -48px; } #navinternal ul#mainnavinternal li a#laborandemployment:hover, #navinternal ul#mainnavinternal li.over a#laborandemployment, #navinternal ul#mainnavinternal li:hover a#laborandemployment { width: 204px; height: 61px; background-position: -124px -48px; } #navinternal ul#mainnavinternal li a#qualityoflife:hover, #navinternal ul#mainnavinternal li.over a#qualityoflife, #navinternal ul#mainnavinternal li:hover a#qualityoflife { width: 138px; height: 61px; background-position: -328px -48px; } #navinternal ul#mainnavinternal li a#infrastructure:hover, #navinternal ul#mainnavinternal li.over a#infrastructure, #navinternal ul#mainnavinternal li:hover a#infrastructure { width: 127px; height: 61px; background-position: -466px -48px; } #navinternal ul#mainnavinternal li a#buildingsandsites:hover, #navinternal ul#mainnavinternal li.over a#buildingsandsites, #navinternal ul#mainnavinternal li:hover a#buildingsandsites { width: 172px; height: 61px; background-position: -593px -48px; } #navinternal ul#mainnavinternal li a#organization:hover, #navinternal ul#mainnavinternal li.over a#organization, #navinternal ul#mainnavinternal li:hover a#organization { width: 130px; height: 61px; background-position: -765px -48px; } #navinternal ul#mainnavinternal li a#news:hover, #navinternal ul#mainnavinternal li.over a#news, #navinternal ul#mainnavinternal li:hover a#news { width: 58px; height: 61px; background-position: -895px -48px; } #nav ul#mainnav li a { display: block; height: 38px; background-image: url(../img/mainnav.png); float: left; text-indent: -9999px; } #navinternal ul#mainnavinternal li a { display: block; height: 51px; background-image: url(../img/mainnavinternal.png); float: left; text-indent: -9999px; z-index:150; } /*------------------------------------------- NAV HOVERS ------------------------------------------*/ #nav ul#mainnav li:hover ul, #nav ul#mainnav li.over ul, #navinternal ul#mainnavinternal li:hover ul, #navinternal ul#mainnavinternal li.over ul { display:inline !important; z-index:100; } #nav ul#mainnav ul, #navinternal ul#mainnavinternal ul { display:none; position:absolute; top:42px; left:1px; border:1px solid #91c1c8; background:#cdf8fe url(../img/dropdownbg.jpg) bottom center repeat-x; list-style:none; margin:0; padding:0; font-weight: bold; } #navinternal ul#mainnavinternal ul { top: 54px;} #nav ul#mainnav li.nodivider ul, #navinternal ul#mainnavinternal li.nodivider ul { left:0; } #nav ul#mainnav ul li, #navinternal ul#mainnavinternal ul li { display:inline; float:none; margin:0; padding:0; text-align:left;} #nav ul#mainnav ul li a, #navinternal ul#mainnavinternal ul li a { text-decoration: none; display:block; width:200px; float:none; line-height:14px; font-size:12px; z-index:100; margin:0; padding:7px 0 10px 7px; color:#003458; border-bottom:1px dotted #91c1c8; background:none; text-align:left; text-indent:0; height:auto; list-style-type: none; } #nav ul#mainnav ul li a:hover, #navinternal ul#mainnavinternal ul li a:hover { text-decoration:none; background:#cce6ea; color:#062a2f; } /* Overrides for different sections */ ul.laborandemploymentDD li a {width:192px !important;} ul.qualityoflifeDD li a {width:125px !important;} ul.infrastructureDD li a {width:115px !important;} ul.buildingsandsitesDD li a {width:160px !important;} ul.organizationDD li a {width:115px !important;} /*------------------------------------------- HOME PAGE SPECIFIC RULES -------------------------------------------*/ #flash { background: url(../img/flash_bg.gif) no-repeat top center; width: 964px; height: 262px; margin: 0; position: relative; top: -10px; z-index: 2; } #lpcontainer { width: 964px; height: 197px; } #lp1 { background:url(../img/lp1.png) no-repeat; width: 405px; height: 197px; float: left; margin: 10px 0 0 0; overflow:hidden; } #spotlight { width: 400px; } #companyinformation { float: left; width: 200px; margin: 16px 0 0 10px; } #lp2 { background:url(../img/lp2.png) no-repeat; float: left; width: 298px; height: 197px; margin: 10px 0 0 0; overflow:hidden;} #lp2 ul#lp2anchors { padding: 12px 0 0 0; margin: 10px 0 0 15px; width: 262px; background: url(../img/dottedlinerepeater.png) repeat-x top left; } #lp2 ul#lp2anchors li { background: url(../img/anchordot.png) no-repeat center left; display: inline; list-style-type: none; } #lp2 ul#lp2anchors li a { padding: 0 0 0 10px; font-size: 11px; font-weight: bold; color: #071e33; text-decoration: none; margin: 0 40px 0 0; } #lp2 ul#lp2anchors li a:hover { font-weight: bold; color: #08457d; } #lp2 ul#lp2anchors2 { margin: 10px 0 0 15px; width: 300px; } #lp2 ul#lp2anchors2 li { display: inline; list-style-type: none; background: url(../img/anchordot.png) no-repeat center left; } #lp2 ul#lp2anchors2 li a { padding: 0 0 0 10px; font-size: 11px; font-weight: bold; color: #071e33; margin: 0 33px 0 0; text-decoration: none; } #lp2 ul#lp2anchors2 li a:hover { font-weight: bold; color: #08457d; } #lp3 {background: url(../img/lp3.png) no-repeat; float:left; height: 197px; width: 261px; margin: 9px 0 0 0; display:block; position:relative;} #siteinfo { margin: 6px 0 13px 19px; padding: 0 0 12px 0; background: url(../img/dottedlinerepeater.png) left bottom repeat-x; width: 213px; } p.siteinfotitle { margin: 5px 0 0 0; font-size: 13px; font-weight: bold; } p.siteinfocopy { margin: 3px 0 0 0; font-size: 11px; } #footerinformation { } #bottomnav { float: left; } ul#bottomnavanchors { float: right; } ul#bottomnavanchors li { display: inline; font-size: 11px; } ul#bottomnavanchors li a { text-decoration: none; font-size: 11px; } ul#bottomnavanchors li a:hover { color: #08457d; } #footerinformation ul#footerinformationitems { margin: 0 0 0 5px; } #footerinformation ul#footerinformationitems li { display: inline; margin: 0 0 0 3px; font-size: 11px; padding: 0; } #footerinformation ul#footerinformationitems li#bottomcontact { font-weight: bold; display: inline; margin: 0 0 0 383px; text-decoration: none; color: #071e33; background: none; } #footerinformation ul#footerinformationitems li#bottomcontact a { text-decoration: none; font-size: 11px; } #footerinformation ul#footerinformationitems li#bottomcontact a:hover { text-decoration: none; font-size: 11px; color: #08457d; ; } #last { margin: 1px 0 0 7px; float: left; } #last p.copyright { font-size: 11px; margin: 0 !important;} a.cyberwoven { text-decoration: none; font-size: 11px; } a.cyberwoven:hover { text-decoration: none; font-size: 11px; color: #FF6600; } ul#footernav {float:right;} ul#footernav li {float:left; font-weight:bold; margin-left:20px;} ul#footernav li a {text-decoration:none;} ul#footernav li a:hover {text-decoration:underline;} /*------------------------------------------- INTERNAL SPECIFIC RULES -------------------------------------------*/ #pagemiddle { margin: 0; position: relative; top: -2px; } #leftcol { margin: 0; width: 228px; height: 200px; background: url(../img/leftcolbackground.jpg) top right no-repeat; float: left; z-index: 10;} #rightcol {min-height:525px; margin:0; padding:20px; width:694px; z-index:10; background: url(../img/rightcolbackground.jpg) top center repeat-y; float:left; text-align:left;} #rightcol img { padding: 7px 7px 7px 7px; background: #cdf8fe; float: right; border: 1px #b1cdd1 solid; margin: 0 0 4px 12px;} #rightcol img.graphcharts { margin: 5px 0 0 10px !important; padding: 7px 7px 7px 7px; background: #cdf8fe; border: 1px #b1cdd1 solid; float: none !important; } #rightcol p { margin: 0 0 30px 0; } #leftcol img#LeftColumn_imgLeftColImage.leftcolimage { padding: 0 0 15px 0; background: url(../img/leftcolimagebackground.jpg) bottom center repeat-x; } h5.leftcol { padding: 0 0 15px 0; background: url(../img/leftcolimagebackground.jpg) bottom center repeat-x; width: 220px; } #footerinformationinternal { background: url(../img/fiib.jpg) top center repeat-x; padding: 5px 0 0 0; margin: 15px 0 0 0; } #footerinformationinternal ul#footerinformationitems li { display: inline; margin: 0 0 0 3px; font-size: 11px; padding: 0; } #footerinformationinternal ul#footerinformationitems li#bottomcontact { font-weight: bold; display: inline; margin: 0 0 0 383px; text-decoration: none; color: #071e33; background: none; } #footerinformationinternal ul#footerinformationitems li#bottomcontact a { text-decoration: none; font-size: 11px; } #footerinformationinternal ul#footerinformationitems li#bottomcontact a:hover { text-decoration: none; font-size: 11px; color: #08457d; ; } /*------------------------------------------- HEADERS ------------------------------------------*/ h3 { font-size: 12px; color: #666666; font-weight: bold; } h5 { display: block; height: 30px; margin: 10px 0 0 0; font-size: 24px; color:#740202; font-family:Georgia, "Times New Roman", Times, serif;} h6 { margin: 10px 0 0 5px; height:auto; line-height:18px; font-size:12px; font-weight:bold; width: 218px; background: url(../img/leftcolimagebackground.jpg) bottom center repeat-x; padding: 0 0 25px 0; color:#003458; font-family:"Rockwell", Georgia, "Times New Roman", Times, serif;} h3#majoremployers { margin: 20px 0 0 0; height: 19px; width: 157px; text-indent: -9999px; } h3#targetindustries { margin: 20px 0 0 15px; height: 19px; width: 157px; text-indent: -9999px; } h3#featuredsite {display:block; margin:20px 0 0 0; padding:0; height:19px; text-indent: -9999px;} h3#internal { margin: 0 0 0 0; } #lp1 h3 { margin-left:20px; } #lp3 h3 { margin-left:20px; } p.launchpads1 { margin: 7px 0 0 20px; font-size: 11px; width: 350px; background: url(../img/dottedlinerepeater.png) repeat-x bottom left; padding: 0 0 11px 0; } p.launchpads2 { margin: 7px 0 0 15px; font-size: 11px; width: 250px; } #rightcol p { margin: 5px 0 0 0; padding: 0 30px 0 0; font-size: 11px; color: #172026; } h3#internal { text-indent: 0px; margin: 0; } h4 { margin: 5px 0 3px 0; font-weight: bold; font-size: 15px; color: #003458; } h4.companyname { margin: 0 0 0 0; font-weight: bold; font-size: 12px; color: #003458; } p.companyinfo { margin: 0 0 0 0; font-size: 11px; } #rightcol ul { background: url(../img/internalulbackground.jpg) repeat-y top left; padding: 0 0 0 5px; margin: 10px 0 15px 25px; } #rightcol ul li { margin: 3px 0 0 10px; font-size: 11px; } /*------------------------------------------- ANCHORS -------------------------------------------*/ a.majoremployers { background: url(../img/majoremployers.png) top center no-repeat; height: 19px; width: 157px; float: left; } a.targetindustries { background: url(../img/targetindustries.png) top center no-repeat; height: 19px; width: 156px; float: left; } a.featuredsite { background: url(../img/featuredsite.png) top center no-repeat; height: 15px; width: 119px; float: left; } a.companyviewmore { color: #071e33; margin: 58px 15px 0 0; float: right; text-decoration: none; font-size: 11px; font-weight: bold; background: url(../img/anchordot.png) left center no-repeat; padding: 0 0 0 10px; } a.companyviewmore:hover { color: #08457d; } a.siteinfo {display:block; color: #071e33; text-decoration: none; font-weight: bold; font-size: 11px; background: url(../img/anchordot.png) left center no-repeat; padding: 0 0 0 10px; margin: 0 0 0 19px; position:relative;} a.siteinfo:hover { color: #08457d; } a.companyviewmore:hover { color: #08457d; } a#bottomcontact { background: none; } /*------------------------------------------- IMAGE CLASSES -------------------------------------------*/ img.companylogo { margin: 8px 0 0 22px; float: left; } img.contentimage { padding: 5px 5px 5px 5px; margin: 10px 15px 5px 5px; border: 1px solid #98b0b3; float: right; background: #ccf8fe; } /*------------------------------------------- FORMS -------------------------------------------*/ .textfield { float: left; border-top:1px solid #87b5c3; border-left:1px solid #87b5c3; border-right:1px solid #bdf0ff; padding: 2px; height: 20px; } .button { float: left; margin-left: 7px; } #newsletter { float: right; } .contactbox { position:relative; margin-bottom:20px; margin-top:20px; } .contactform label { display:block; float:left; width:60px; margin-right:5px; text-align:right; line-height:24px; margin-bottom:10px; } a.linkbutton { display:block; width:100px; margin:5px 0 0 65px; text-align:center; background:#6c0202; padding:8px; color:#fff !important; text-decoration:none; font-size: 12px; } a.linkbutton:hover { background:#400101; } .textbox { border:1px solid #b8d6db; width:130px; padding:3px 5px; } .textarea { width:360px; height:100px; border:1px solid #b8d6db; } p.contactinfo { display:block; width:300px; height:225px; position:absolute; top:0; left:475px; padding:0 0 0 15px !important; margin:0; border-left:1px solid #b8d6db; } #rightcol a { text-decoration: none;} #rightcol a:hover { color: black;} p.newslist { margin: 0 0 10px 0; } #cmtMain_ct100_dgNews.newsTable { margin: 10px; } form#ctl00 #linkbutton { display:block; width:125px; margin:5px 25px 0 65px; text-align:center; background:#6c0202; padding:8px; color:#fff; text-decoration:none; float: right; } superscript { font-size: 10px; } table#countystats { margin: 0 0 0 10px; } table#countystats tr { border-bottom: black 1px solid; } h3#newsarticledate { font-size: 20px; color: black; text-indent: 0 !important; margin: 5px 0 10px 0;} table tr td { font-size: 11px; color: black; border-bottom: 1px solid #b1ccd0; padding: 10px 15px !important; } table.contactform tbody tr td { border: none !important; } p.contactinfo { display:block; width:300px; height:225px; position:absolute; top:9px; left:515px; padding:0 0 0 15px !important; margin:0; border-left:1px solid #b8d6db; } form#ctl00 p { margin: 0 0 15px 0; } p.newslist { padding: 0 !important;} #cmtMain_ctl00_dgNews.newsTable { margin: 10px 0 0 10px; } .newsTable { width: 80%;} a.newstitle { text-decoration: none; color: #000033 !important; font-size: 15px;}