@charset "utf-8"; /* CSS Document */ body{margin:0 auto;} /*PAGE HEADER: */ /*Header background gradient. */ #header{background:url(../images/hdrBg.jpg) #fff repeat-x; background:-moz-linear-gradient(top, #f2f2f2, #fff);background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f2f2f2), to(#fff));width:auto;height:75px;} /*Header background overlay lines. */ #headerOverlay{background:url(../images/hdrOvrly.png) repeat-x;height:64px;} /*Header Logo*/ #headerWrapper{width:1024px; margin:auto;} #headerContent{padding:10px 0 0 13px;display:inline-block;} #headerContent a, img{text-decoration:none;border:0px;}/*For IE: removes border around linked image.*/ /*Header Search box. */ #headerSearch{display:inline-block;margin:25px 0 0 325px;vertical-align:top;} #headerSearch .searchBox{vertical-align:middle;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} #headerSearch .searchBtn{vertical-align:middle;} /*Header Facebook & Twitter Links. */ #headerSocialNavs{display:inline-block;margin:25px 13px 0 0px;vertical-align:top;} #headerSocialNavs .SocialButtons{padding-left:2px; } /*____________________________END HEADER________________________________________________*/ /*NAVIGATION BAR: */ /*Border at the top of the navBar*/ #navBarWrapper{position:relative;background:#73A5CC;width:auto;height:61px;padding-top:4px;z-index:3;} /*Thin border at the bottom of navBar with dropshadow. */ #navBarUnderlay{position:relative;background:#e6e6e6;-moz-box-shadow:0px 5px 10px #1a1a1a;-webkit-box-shadow:0px 5px 10px #1a1a1a;box-shadow:0px 5px 10px #1a1a1a;width:auto;height:61px;} /*Burgundy bar with gradient and supporting jpg file as a substitute to compensate for incompatible browsers. */ #navBar{position:relative;background: url(../images/banner.jpg) #700017; background:-moz-linear-gradient(top, #92001e, #700017);background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#92001e), to(#700017));width:auto;height:60px;} /*Overlay of lines on top of navBar. */ #navBarOverlay{background:url(../images/banner.png) repeat-x;height:60px;} /*______________________________END NAVIGATION BAR______________________________________________*/ /*NAVIGATION MENU & MEGA DROPDOWN MENU: */ #menuWrapper{position:relative;width:1024px;margin:0 auto;} .house{float:left;padding:7px 0 0 30px;} /*Styling for the Menu container. */ #menu{list-style:none;width:915px;height:60px;margin:auto;padding:0 0 0 85px;} /*Styling for the menu items. */ #menu .parentLnks{cursor:pointer;clear:left;display:inline-block;text-align:center;position:relative;padding:16px 10px 4px 10px; margin-right:5px;margin-top:0;border:none;height:40px;} /*Styling for the menu items on hover. */ #menu .parentLnks:hover{cursor:pointer;background:#f7f7f7;background:-moz-linear-gradient(top, #fff, #f7f7f7);background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f7f7f7));padding:16px 10px 4px 10px;} /*Styling for the text in the menu items. */ #menu .parentLnks a{cursor:pointer;font-family:'bebas_neueregular', Arial, Helvetica, Verdana, Sans-Serif;font-size:28px;color:#fff;display:block;outline:0px;text-decoration:none;text-shadow:1px 1px 1px #000;letter-spacing:2px;} /*Styling for the text in the menu items on hover. */ #menu .parentLnks:hover a{cursor:pointer;color:#92001e;text-shadow:0 0 0 #e6e6e6;} /*Styling for the DOWN ARROW INDICATOR which lets users know that there is a drop down menu. */ #menu .parentLnks .drop{padding-right:21px;background:url(../images/drop.png) no-repeat right 8px;} /*Styling for the DOWN ARROW INDICATOR on hover. */ #menu .parentLnks:hover .drop{background:url(../images/drop.png) no-repeat right 8px;} /*Create the setting for the dropdown menus and hide them. Dropdown menu #s correspond to the links in the navigation bar. */ #dropDownMenu_1, #dropDownMenu_2, #dropDownMenu_3, #dropDownMenu_4, #dropDownMenu_5, #dropDownMenu_6 {margin:13px 0 15px 0;width:880px;position:absolute;left:-999em;text-align:left;overflow:hidden;padding:10px 0;background:#f7f7f7;background:-moz-linear-gradient(top, #f7f7f7, #eee);background:-webkit-gradient(linear, 0% 0%, 0% 50%, from(#f7f7f7), to(#eee));-moz-border-radius:0px 0px 3px 3px;-webkit-border-radius:0px 0px 3px 3px;border-radius:0px 0px 3px 3px;-moz-box-shadow:0px 2px 3px #333;-webkit-box-shadow:0px 2px 3px #333;box-shadow:0px 3px 3px #333;} /*Reveal the dropdown menus on hover. Adjust left placement for menus that need to appear beyond the left boundary of the tab. Adjust top left border settings above when you perform such a change. */ #menu .parentLnks:hover #dropDownMenu_1{left:0px;top:auto;height:auto;} #menu .parentLnks:hover #dropDownMenu_2{left:-174px;top:auto;height:auto;} #menu .parentLnks:hover #dropDownMenu_3{left:-322px;top:auto;height:auto;} #menu .parentLnks:hover #dropDownMenu_4{left:-428px;top:auto;height:auto;} #menu .parentLnks:hover #dropDownMenu_5{left:-566px;top:auto;height:auto;} #menu .parentLnks:hover #dropDownMenu_6{right:0px;left:auto;top:auto;height:auto;} /*COLUMNS of the Drop Down Container. */ /*.column_1, .column_2, .column_3, .column_4, .column_5{display:inline;float:left;position:relative;margin-left:5px;margin-right:5px;} /*This will set the column size option for each of the divs used. By applying one of the following classes to a div you affect the number of individual columns that will appear on a given row. Based on the width parameter of the container object, the max # of columns that can be on a given row is dependent on their combined total in width that is less than the width of the container object. */ .column_1{width:171px;} .column_2{width:352px;} .column_3{width:533px;} .column_4{width:714px;} .column_5{width:895px;} /*This styles some basic settings for the Mega Drop Down Menu. */ #menu #dropDownMenu_1 .lftNav{width:860px;height:auto;} #menu #dropDownMenu_1 .AboutContainer{width:860px;height:auto;padding:0 0 0 5px;} #dropDownMenu_1 .rhtPanel{width:660px;left:-999em;position:absolute;margin-top:40px;height:auto;} #menu .aboutItem_1, #menu .aboutItem_2, #menu .aboutItem_3, #menu .aboutItem_4, #menu .aboutItem_5, #menu .aboutItem_6, #menu .aboutItem_7, #menu .aboutItem_8 {width:175px;} #menu .aboutItem_1:hover .rhtPanel, #menu .aboutItem_2:hover .rhtPanel, #menu .aboutItem_3:hover .rhtPanel, #menu .aboutItem_4:hover .rhtPanel, #menu .aboutItem_5:hover .rhtPanel, #menu .aboutItem_6:hover .rhtPanel, #menu .aboutItem_7:hover .rhtPanel, #menu .aboutItem_8:hover .rhtPanel {left:175px;margin-right:20px;position:absolute;top:10px;width:660px;cursor:pointer;padding-left:15px;padding-bottom:60px;} #menu .aboutItem_1 .item, #menu .aboutItem_2 .item, #menu .aboutItem_3 .item, #menu .aboutItem_4 .item, #menu .aboutItem_5 .item, #menu .aboutItem_6 .item, #menu .aboutItem_7 .item, #menu .aboutItem_8 .item {width:175px;padding:0;background:url(../images/mrkrTip4.png) no-repeat right;cursor:pointer;white-space:nowrap;} #menu .aboutItem_1:hover .item:hover, #menu .aboutItem_2:hover .item:hover, #menu .aboutItem_3:hover .item:hover, #menu .aboutItem_4:hover .item:hover, #menu .aboutItem_5:hover .item:hover, #menu .aboutItem_6:hover .item:hover, #menu .aboutItem_7:hover .item:hover, #menu .aboutItem_8:hover .item:hover {width:175px;padding:0;background:url(../images/mrkrTip3.png) no-repeat right;cursor:pointer;} #menu #dropDownMenu_1 .item a{cursor:pointer;width:138px;font-size:21px;color:#fff;position:relative;background:#92001e;padding:3px 5px 3px 7px;text-align:left;height:22px;margin:10px 0 10px 3px;-moz-border-radius:3px 0px 0px 3px;-webkit-border-radius:3px 0px 0px 3px;border-radius:3px 0px 0px 3px;} #menu #dropDownMenu_1 .item a:hover{cursor:pointer;color:#92001e;width:138px;padding:2px 5px 2px 6px;background:#fff;border:#92001e solid 1px;border-right:0px;-moz-border-radius:3px 0px 0px 3px;-webkit-border-radius:3px 0px 0px 3px;border-radius:3px 0px 0px 3px;} #menu #dropDownMenu_1 .profile{height:400px;width:660px;} #menu #dropDownMenu_1 .profile .pics{padding:0 5px 0 5px;} #menu #dropDownMenu_1 .profile .pics .pic{width:141px;height:180px;list-style:none;padding:0px;display:inline-block;padding:10px 7px 5px 7px;} #menu #dropDownMenu_1 .profile .pics .pic p{margin:5px 0 3px 0;} #menu #dropDownMenu_1 .profile .pics .pic span.title{color:#525051;font-family:'bebas_neueregular',Arial,Helvetica,Verdana;font-size:14px;} #menu #dropDownMenu_1 .profile .pics .pic span.name{color:#333;font-family:Arial;font-size:12px;} #menu #dropDownMenu_1 .profile .pics .pic img{width:137px;height:152px;overflow:hidden;border:#fff solid 1px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;-moz-box-shadow:0px 1px 2px #333;-webkit-box-shadow:0px 1px 2px #333;box-shadow:0px 1px 2px #333;} /*________________________________END NAVBAR MEGA MENU_____________________________________________________________________*/ /*CONTENT AREA: */ /*Wrapper that encapsulates the content area. */ #ContentWrapper{background:url(../images/bodyBg.png) repeat;width:1024px;height:auto;margin:-10px auto 0 auto;padding:35px 12px 15px 30px;z-index:1;} /*ADD SITE SPECIFIC MESSAGES HERE*/ /*/*Maintenance Weekend -- CLEAN*/ .MaintenanceWrapper {width:1000px;position:relative;background:#fff;border:3px solid #fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0px 2px 3px #333;-webkit-box-shadow:0px 2px 3px #333;box-shadow:0px 2px 3px #333;text-align: center;font-family:Arial;font-size:18px; color:red;font-weight:bold;margin-bottom:10px;visibility:collapse} .SiteWideMaintenanceMsg1::before {content:"";} .SiteWideMaintenanceMsg2::before {content:"";} .SiteWideMaintenanceMsg3::before {content:"";} /* .MaintenanceWrapper {width:1000px;position:relative;background:#fff;border:3px solid #fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0px 2px 3px #333;-webkit-box-shadow:0px 2px 3px #333;box-shadow:0px 2px 3px #333;text-align: center;font-family:Arial;font-size:18px; color:red;font-weight:bold;margin-bottom:10px;} .SiteWideMaintenanceMsg1::before {content:"PLEASE NOTE: The Ohio Department of Commerce web services will be intermittently unavailable";} .SiteWideMaintenanceMsg2::before {content:"from November 20, 2015 @ 5 PM until November 23, 2015 @ 8 AM.";} .SiteWideMaintenanceMsg3::before {content:"";} */ #ContentWrapper2{background:url(../images/bodyBg2.png) repeat;width:1024px;height:auto;min-height:550px;margin:-10px auto 0 auto;padding:35px 12px 15px 30px;z-index:1;} #ContentWrapper2 {font-family:'avianregular';letter-spacing:0;color:#000;font-size:14px;line-height:20px;} #ContentWrapper2 h1{color:#00457c;font-size:18px;line-height:24px;} #ContentWrapper2 h2{color:#00457c;font-size:16px;line-height:22px;} #ContentWrapper2 h3{color:#00457c;font-size:14px;line-height:20px;} #ContentWrapper2 a{font-family:'avianregular';letter-spacing:0;color:#00457c;font-size:14px;line-height:20px;cursor:pointer;} #ContentWrapper2 a:hover{text-decoration:underline;} #ContentWrapper2 span{color:#92001e;} #ContentWrapper2 img{border:3px solid #fff;-moz-box-shadow:0px 2px 3px #999;-webkit-box-shadow:0px 2px 3px #999;box-shadow:0px 3px 3px #999;height:auto;} /*______________________________END CONTENT AREA______________________________________________*/ /*FOOTER: */ /**/ #footer{background:#525051;width:auto;height:auto;} #footer #blue{text-align:center;padding:10px 0 2px 0;background:#92001e;width:auto;height:30px;color:#fff;font-family:Arial, Sans-Serif;font-size:13px;line-height:18px;letter-spacing:1px;border-bottom:1px solid #fff;margin:0 auto;} #footer #blue a{text-decoration:none;color:#fff;} #footer #blue a:hover{color:#a1a1a1;} /*#footer #grey{width:1024px;height:330px;margin:0 auto;padding-top:15px;}*/ #footer #grey{width:1024px;height:auto;margin:0 auto;padding-top:15px;} #footer #grey .ftrCol_1{float:left;padding:0 15px;vertical-align:top;} #footer #grey .ftrCol_2, #footer #grey .ftrCol_3, #footer #grey .ftrCol_4, #footer #grey .ftrCol_5{display:inline-block;padding:0 15px;vertical-align:top;} #footer #grey div h1 a, #footer #grey div h1{display:block;color:#CCC;font-family:Arial, Sans-Serif;font-size:14px;text-decoration:none;line-height:20px;} #footer #grey div h1 a:hover{color:#fff;} #footer #grey div a{display:block;color:#fff;font-family:Arial, Sans-Serif;font-size:12px;text-decoration:none;line-height:18px;} #footer #grey div a:hover{color:#CCC;} #footer #grey div p{color:#fff;font-family:Arial, Sans-Serif;font-size:12px;} #footer #grey div p span{display:block;color:#CCC;} #footer #grey div p a{color:#ccc;text-decoration:none;} #footer #grey div p a:hover{color:#fff;} #footer #grey .comLogo{padding:15px 0 0 250px;width:427px;} #footer #grey .copyright{color:#fff;text-align:right;font-family:Arial, Sans-Serif;font-size:10px;padding-top:40px;} /*___________________________________END FOOTER AREA_____________________________________________________________________*/ #feedback .fdbkFrm{display:inline-block;margin-top:15px;width:500px;} #feedback .msgWndw{display:inline-block;margin-top:15px;margin-left:20px;width:400px;vertical-align:top;color:red;text-align:center;} @font-face { font-family: 'bebas_neueregular'; src: url('../fonts/bebasneue-webfont.eot'); src: url('../fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/bebasneue-webfont.woff') format('woff'), url('../fonts/bebasneue-webfont.ttf') format('truetype'), url('../fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'avianregular'; src: url('../fonts/avian-webfont.eot'); src: url('../fonts/avian-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/avian-webfont.woff') format('woff'), url('../fonts/avian-webfont.ttf') format('truetype'), url('../fonts/avian-webfont.svg#avianregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaythin'; src: url('../fonts/raleway_thin-webfont.eot'); src: url('../fonts/raleway_thin-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway_thin-webfont.woff') format('woff'), url('../fonts/raleway_thin-webfont.ttf') format('truetype'), url('../fonts/raleway_thin-webfont.svg#ralewaythin') format('svg'); font-weight: normal; font-style: normal; } #tables ul{ width:890px; margin-bottom:20px; overflow:hidden; border-top:none; margin-left:auto; margin-right:auto; } #tables li{ line-height:1.5em; border-bottom:none; float:left; display:inline; margin-bottom:10px; } #tables .double li { width:50%;} #tables .triple li { width:33.333%; } #tables .quad li { width:25%; } #tables .six li { width:16.666%; } #tablesspecial ul{ width:auto; margin-bottom:20px; overflow:hidden; border-top:none; margin-left:auto; margin-right:auto; } #tablesspecial li{ line-height:1.5em; border-bottom:none; float:left; display:inline; margin-bottom:10px; } #tablesspecial .double li { width:50%;} #tablesspecial .triple li { width:33.333%; } #tablesspecial .quad li { width:25%; } #tablesspecial .six li { width:16.666%; } .indent { padding-left: 20px; } ul.nostyle { list-style:none; }