/* Theme Name: Departmant of State Website Author: George Losse Author email: george.losse@sos.state.nj.us Description: Version: 1.3 10/19/16 - Updated Footer Version: 1.2 07/11/16 - Begin testing ADA Complient CSS Version: 1.1 07/18/14 - DOS top menu changes Version: 1.0 12/15/10 - Based on the request by Kathy Kisko. */ /*--- 07-2014 DOS top menu changes Add this to old CSS file ----------------------------------------------------------------------------- */ .leftsideHead { background-color:#022356; height:24px; width:280px; margin-left: 10px; margin-right: 10px; padding:0px; margin-top: 18px;} .leftsideHead2 { background-color:#022356; height:24px; width:280px; margin-left: 10px; margin-right: 10px; padding:0px; margin-top: 0px;} .leftsideTitle {font-weight: bold; font-size: 12px; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-align: left; padding-right: 7px; padding-left: 10px; padding-bottom: 0px; padding-top: 5px; margin-top: 0px; font-variant: small-caps;} .leftsideText {font-weight: normal; font-size: 11px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; padding-top: 10px; padding-right: 5px; padding-bottom: 10px; padding-left: 10px; background-color:#fff; margin-left: 10px; margin-right: 10px; border: #022356 solid 1px;} #header { height: 69px; width: 950px; background-image: url(blue-header.jpg); background-repeat: no-repeat;} #dossidenav { z-index: 10; } /* You also have to find this style and comment out the background to keep the sliding menu from going under this. .sidebarmenu2 ul li a:link, .sidebarmenu2 ul li a:visited, .sidebarmenu2 ul li a:active{ /*background-color: white; background of tabs (default state) }*/ /* END Addition .sidebarmenu2 */ /* static START */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre { margin:0; padding:0;} body { background:#95aabf; background-image: url(dos-2011/dos-2011-bkg.jpg); color:#555; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: medium;} h1, h2, h3, h4, h5, h6 { font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;} h1 {font-size:200%;} h2 {font-size:170%;} h3 {font-size:150%;} h4 {font-size:130%;} h5 {font-size:110%;} h6 {font-size:100%;} img { border:0;} A { color: #486fa6} A:link { text-decoration: underline; font-size:inherit; } A:active { font-size:inherit;} A:visited { font-size:inherit;} A:hover { text-decoration: none; font-size:inherit;} A.moreLinks:link { font-weight: bold; font-size: small; color: #486fa6; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } A.moreLinks:visited { font-weight: bold; font-size: small; color: #486fa6; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } A.moreLinks:active { font-weight: bold; font-size: small; color: #486fa6; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } A.moreLinks:hover { font-weight: bold; font-size: small; color: #b82f06; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; } P, P.mainText { font-size: small; color: #4c4c4c; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: normal; } .mainText { font-size: small; color: #4c4c4c; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: normal; } .maintext { font-size: small; color: #4c4c4c; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: normal; } UL { } LI { } ol { } ol.grant { list-style-position: outside; list-style-type: decimal; padding-left: 35px; } li.grant { padding-bottom: 5px; font-size: small; color: #4c4c4c; font-family: Verdana, Arial, Helvetica, sans-serif } ul.answers { list-style-position: outside; list-style-type: square; padding-left: 30px; padding-right: 30px;} li.answers { padding-bottom: 5px; font-size: small; color: #4c4c4c; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: normal;} ul.mission { list-style-position: outside; list-style-type: square; padding-left: 10px; padding-right: 10px; padding-top: 5px;} li.mission { padding-bottom: 5px; font-size: small; color: #4c4c4c; font-family: Verdana, Arial, Helvetica, sans-serif} /* .museumlisting { clear:both; padding-bottom:20px } .museumphoto { float:left; padding-right:30px; padding-bottom: 40px; height: 145px; width: 145px; } .museumphoto2 { float:left; padding-right:40px; padding-bottom: 40px; height: 240px; width: 160px; } .museumexphoto1 { float:left; padding-right:40px; padding-bottom: 40px; height: 150px; width: 150px; } .museumphotolg { float:left; padding-right:20px; padding-bottom: 20px; } .museumheading { color: #022356;font-weight: bold; font-size: larger; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; padding-bottom: 10px; padding-top: 25px; } .museumheading2 { color: #022356; font-weight: bold; font-size: larger; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; padding-bottom: 0px; padding-top: 10px; } .museumsubheading { color: #022356;font-weight: bold; font-size: medium; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; padding-top: 50px; margin-top: 0px; } .museumexlisting { clear:both;} .museumexphoto1 { float:left; padding-bottom:10px; padding-right:20px; height: 145px; width: 145px; } .museumexphoto { float:left; padding-right:20px; padding-bottom: 10px; height: 145px; width: 145px; } .museumexheading { color: #022356; font-weight: bold; font-size: larger; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; padding-bottom: 5px; padding-top: 5px; padding-right: 0px; padding-left: 0px; } .museumexheading2 { color: #022356; font-weight: bold; font-size: larger; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; padding-bottom: 0px; padding-top: 10px; } .museumexsubheading { color: #022356;font-weight: bold; font-size: medium; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; padding-bottom: 3px; margin-top: 0px; } */ .alignleft { float:left; text-align:left; margin-right:10px; } .alignright { float:right; text-align:right; margin-left:10px; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .floatleft { float:left; } .floatright { float:right; } .left { float:left; margin-right:10px; } .right { float:right; margin-left:10px;} .fixed, .clear {clear:both;} /* DOS Header */ #header { background-color: #FFFFFF; height: 69px; width: 950px; } .headerlogo { height: 69px; width: 306px; padding: 0px; margin-top: 0px; clear: right; float: left;} .headerright { height: 69px; width: 400px; font-weight: bold; font-size: 13px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; clear: left; float: right; align: right; text-align: right; margin-right: 10px; } .headerLinks { clear: left; float: right; } A.headerLink:link { font-weight: bold; font-size: 10px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } A.headerLink:visited { font-weight: bold; font-size: 10px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none; } A.headerLink:active { font-weight: bold; font-size: 10px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } A.headerLink:hover { font-weight: bold; font-size: 10px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } /* DOS Top Nav */ #topmenu { background-color:#022356; width: 950px; margin: 0; height: 23px; } .topmenu ul{ margin: 0; padding: 0; list-style-type: none;} .topmenu li{ display: inline; margin: 0; height: 22px; } /* Top level menu links style */ .topmenu li a{ float:right; display: block; text-decoration: none; overflow: inherit; /*force hasLayout in IE7 */ height: auto; font-weight: bold; font-size: 12px; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; border-left: 1px solid #fff; margin: 0; /*padding inside each tab*/ padding-top: 4px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; } .topmenu ul li a:link, .topmenu ul li a:visited, .topmenu ul li a:active{background-color: #022356; /*background of tabs (default state)*/} .topmenu ul li a:visited{ color: white; } .topmenu ul li a:hover, .topnav li a.selected { background-color: #8091AA; } /* Holly Hack for IE \*/ * html .topmenu ul li { float: right; height: 1%; } * html .topmenu ul li a { height: 1%; } .ddsmoothmenu { background-color:#022356; } /* End */ /* DOS Executive Area */ #executive { height: 212px; width: 300px; background-image: url(dos-2011-bkg-exec-white.jpg); } #executiveTitle { width: 130px; float:left; clear:right} .executiveTitle { font-weight: bold; font-size: 12px; color: #022356; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-variant: small-caps; margin-top: 20px; } .executivetxt { float: left; width: 120px; font-weight: normal; font-size: 11px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 10px; } .executivetop { padding: 0px; margin: 0px; vertical-align: top; clear: both; height: 9px; width: 300px; } .executivephoto { float: left; margin: 0px; text-align: left; vertical-align: top; width: 133px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 20px; } /* DOS Side Navigation */ #dossidenav { padding-top: 10px; clear:both; padding-left: 10px;} .sidebarmenu ul { margin: 0; padding: 0; list-style-type: none; font: bold 12px Verdana; width: 280px; /* Main Menu Item widths */ border-bottom: 1px solid #ccc; } .sidebarmenu ul li { position: relative; } /* Top level menu links style */ .sidebarmenu ul li a{ display: block; overflow: auto; /*force hasLayout in IE7 */ color: white; text-decoration: none; padding: 6px; border-bottom: 1px solid #778; border-right: 1px solid #778;} .sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active { background-color: #022356; /*background of tabs (default state)*/ } .sidebarmenu ul li a:visited{ color: white; } .sidebarmenu ul li a:hover{ background-color: #8091AA; } /* Holly Hack for IE \*/ * html .sidebarmenu ul li { float: left; height: 1%; } * html .sidebarmenu ul li a { height: 1%; } /* End */ .sidebarmenu2 ul{margin: 0; padding: 0; list-style-type: none; font: bold Verdana; width: 280px; /* Main Menu Item widths */ border-bottom: 1px solid #ccc; } .sidebarmenu2 ul li{ position: relative; } /* Top level menu links style */ .sidebarmenu2 ul li a{display: block; overflow: auto; /*force hasLayout in IE7 */ text-decoration: none; padding: 3px;} .sidebarmenu2 ul li a:link, .sidebarmenu2 ul li a:visited, .sidebarmenu2 ul li a:active{ /*background-color: white; background of tabs (default state)*/ } .sidebarmenu2 ul li a:visited{ } .sidebarmenu2 ul li a:hover{ background-color: #8091AA; } /* Holly Hack for IE \*/ * html .sidebarmenu2 ul li { float: left; height: 1%; } * html .sidebarmenu2 ul li a { height: 1%; } /* End */ /*#dossidenavbut { height: 22px; width: 300px; background-image: url(../dos-2011-images/dos-2011-bkg-sidenav-button.jpg); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 2px; }*/ .dossidenavtxt { font-weight: bold; font-size: 12px; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-align: left; padding-right: 7px; padding-left: 10px; padding-bottom: 0px; margin-top: 3px; font-variant: small-caps; } A.dossidenavtxt:link { font-weight: bold; font-size: 12px; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-variant: small-caps; } A.dossidenavtxt:visited { font-weight: bold; font-size: 12px; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-variant: small-caps; } A.dossidenavtxt:active { font-weight: bold; font-size: 12px; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-variant: small-caps; } A.dossidenavtxt:hover { font-weight: bold; font-size: 12px; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-variant: small-caps; } #dossidenavsecond { width: 280px; background-color: #FFFFFF; } .dossidenavsecondlink { color: #022356;font-weight: bold; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; text-decoration: none; text-align: left; padding-right: 20px; padding-left: 10px; padding-bottom: 5px; margin-top: 5px; } A.dossidenavsecondlink:link { padding-left: 10px; font-variant: small-caps; font-weight: bold; font-size: 12px; color: #022356; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } A.dossidenavsecondlink:visited { padding-left: 10px; font-variant: small-caps; font-weight: bold; font-size: 12px; color: #022356; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } A.dossidenavsecondlink:active { padding-left: 10px; font-variant: small-caps; font-weight: bold; font-size: 12px; color: #022356; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } A.dossidenavsecondlink:hover { padding-left: 10px; font-variant: small-caps; font-weight: bold; font-size: 12px; color: #022356; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } #dossidenavthird { width: 280px; background-color: #FFFFFF; } .dossidenavthirdlink { color: #486fa6;font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: none; text-decoration: none; text-align: left; padding-right: 7px; padding-left: 10px; padding-bottom: 5px; margin-top: 5px; } A.dossidenavthirdlink:link { padding-left: 20px; font-variant: none; font-weight: bold; font-size: 12px; color: #486fa6; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } A.dossidenavthirdlink:visited { padding-left: 20px; font-variant: none; font-weight: bold; font-size: 12px; color: #486fa6; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } A.dossidenavthirdlink:active { padding-left: 20px; font-variant: none; font-weight: bold; font-size: 12px; color: #486fa6; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } A.dossidenavthirdlink:hover { padding-left: 20px; font-variant: none; font-weight: bold; font-size: 12px; color: #022356; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } #dossidenavfourth { width: 280px; background-color: #FFFFFF; } .dossidenavfourthlink { font-size: 11px; color: #5295f5; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: none; text-decoration: none; text-align: left; padding: 0 7px 5px 10px; margin-top: 5px; } A.dossidenavfourthlink:link { padding-left: 40px; font-variant: none; font-weight: bold; font-size: 12px; color: #5295f5; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } A.dossidenavfourthlink:visited { padding-left: 40px; font-variant: none; font-weight: bold; font-size: 12px; color: #5295f5; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } A.dossidenavfourthlink:active { padding-left: 40px; font-variant: none; font-weight: bold; font-size: 12px; color: #5295f5; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } A.dossidenavfourthlink:hover { padding-left: 40px; font-variant: none; font-weight: bold; font-size: 12px; color: #022356; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } /* Contact area on left nav padding-top: 3px; padding-right: 10px; padding-bottom: 10px; padding-left: 0px; */ #doscontact { height: 180px; width: 300px; background-image: url(dos-2011-bkg-contact.jpg); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-bottom: 50px; margin-top: 20px; } .doscontactTitle { font-weight: bold; font-size: 12px; color: #022356; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-variant: small-caps; padding-top: 10px; padding-right: 5px; padding-bottom: 10px; padding-left: 20px; } .doscontactText { font-weight: normal; font-size: 11px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; padding: 0px; margin-top: 10px; margin-right: 20px; margin-bottom: 0px; margin-left: 20px; } /* Homepage Main Column */ .dosmainimage { margin: 0px; padding: 0px; } #doscenter { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 20px; clear: right; float: left; width: 400px; padding-bottom: 20px; } #doscentertop { background-image:url(dos-2011-bkg-center-column-top.jpg); width:650px; height:10px; } #dos-title, h1.dostitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: larger; font-style: normal; font-weight: bold; font-variant: small-caps; color: #022356; padding: 0 0 2px 0; border-bottom: 2px solid #022356; } #dos-title2, h1.dostitle2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: larger; font-style: normal; font-weight: bold; font-variant: small-caps; color: #022356; padding: 30px 0 2px 0; border-bottom: 2px solid #022356; border-top: #ccc 1px solid; } #dos-subtitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: large; font-style: normal; font-weight: bold; color: #4c4c4c; line-height: auto; padding: 10px; background-color: #f2f2f2; } #dos-subtitle2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: large; font-style: normal; font-weight: normal; color: #4c4c4c; line-height: auto; padding: 10px; background-color: #f2f2f2; } #dos-column-end { border-top: #ccc 1px solid; } /* Homepage Right Column */ #dosrightnav { width:200px; float:right; border-left:#022356 solid 1px; border-bottom:#022356 solid 1px; } #dosrightnavtitle, #dosrightnavtitle1, #dosrightnavtitle2 { background-color:#022356; height: auto; width:200px; padding: 0px;} .dosrightnavtitle { font-size: medium; color: #FFFFFF; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; padding: 3px 5px 3px 5px; font-variant: small-caps; } .dosrightnavtext { font-size: small; color: #000000; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; padding: 10px 5px 10px 5px; } .dosrightnavtext2 { font-size: small; color: #000000; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; padding: 10px 5px 10px 5px; border-top:#022356 solid 1px;} /* Second level two column */ #doscentertwo { font-family: Verdana, Arial, Helvetica, sans-serif; clear: right; float: left; width: 600px; margin-top: 0px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; } h1.dostitletwo { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: large; font-style: normal; font-weight: bold; font-variant: small-caps; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #022356; color: #022356; } .breadcrumbs { padding-bottom: 25px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; font-style: normal; font-weight: normal; color: #4c4c4c; } A.breadcrumbs:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; font-style: normal; font-weight: normal; color: #4c4c4c; text-decoration: underline; } A.breadcrumbs:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; font-style: normal; font-weight: normal; color: #4c4c4c; text-decoration: underline;} A.breadcrumbs:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; font-style: normal; font-weight: normal; color: #4c4c4c; text-decoration: underline;} A.breadcrumbs:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; font-style: normal; font-weight: normal; color: #4c4c4c; text-decoration: none;} /* DOS Footer Updated 10-19-16 */ #footer { width:630px; } .footeropra { clear:left; float:right} .footerlinks { font-weight: normal; font-size: small; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; padding: 0px 20px 10px 20px; } A.footerlinks:link { font-weight: normal; font-size: small; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } A.footerlinks:visited { font-weight: normal; font-size: small; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } A.footerlinks:active { font-weight: normal; font-size: small; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } A.footerlinks:hover { font-weight: normal; font-size: small; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; } .footerlinkscpy { font-weight: normal; font-size: small; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; padding: 0px 20px 20px 20px; } P.sectionTitle { font-weight: bold; font-size: medium; font-variant: small-caps; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #022356; color: #022356; } .sectionTitle { font-weight: bold; font-size: medium; font-variant: small-caps; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #022356; color: #022356; } #home_notice { margin: 0px; background-color: #FFFFFF; border: thin solid #880A15; font-family: Arial, Helvetica, sans-serif; text-align: center; vertical-align: middle; width: 100%; } .home_noticetitle { font-size: medium; background-color: #880A15; font-weight: bold; color: #fff; text-align: center; padding-bottom: 6px; padding-top: 6px; } #home_notice H1 { font-size: medium; font-weight: bold; color: #880A15; text-align: center; padding-bottom: 10px; padding: 20px;} #home_notice a.home_notice_blk { font: bold medium Arial, Helvetica, Verdana, Sans-Serif; color: #000000; margin: 0px; padding: 0px; text-decoration:none;} #home_notice a.home_notice_blk:hover { text-decoration:underline; color:#880A15; } #home_notice p, a.home_subnotice_blk { font: normal medium Arial, Helvetica, Verdana, Sans-Serif; color: #000000; margin: 0px; text-decoration:none; text-align: left; padding-top: 0px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; } #home_notice a.home_subnotice_blk:hover { text-decoration:underline; color:#880A15; } #home_notice a.home_notice_red { font: bold medium Arial, Helvetica, Verdana, Sans-Serif; color: #880A15; margin: 0px; padding: 0px; text-decoration:none;} #home_notice a.home_notice_red:hover { text-decoration:underline; color:#000000; } #home_notice a.home_subnotice_red { font: bold medium Arial, Helvetica, Verdana, Sans-Serif; color: #880A15; margin: 0px; padding: 0px; text-decoration:none;} #home_notice a.home_subnotice_red:hover { text-decoration:underline; color:#000000; } /******** Standard Table ***************** *****************************************************************************************************/ /* Floats */ .table_head, .table_subhead, #table_row, #table_row_last, #table_row_none, .table_column_full, .table_head_grey, .table_subhead_grey { float:left; clear: both;} .table_column_full, .table_column_1, .table_column_2, .table_column_3, .table_column_4, .table_column_5, .table_column_6, .table_column_7, .table_column_8, .table_column_9, .table_column_10, .table_column_11, .table_column_12, .table_column_13, .table_column_14, .table_column_15, .table_column_16, .table_column_17, .table_column_18, .table_column_19, .table_column_20 { float:left;} /* Fonts Size - Color - Weight - Family - Variant */ .table_head { font-size: large; color: #ffffff; font-weight: Bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant:small-caps; line-height: normal;} .table_head_grey { font-size: large; color: #022356; font-weight: Bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant:small-caps; line-height: normal;} .table_subhead { font-size: medium; color: #022356; font-weight: Bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant:small-caps; line-height: normal; } .table_subhead_grey { font-size: medium; color: #022356; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant:small-caps; line-height: normal; } .table_column_full, .table_column_1, .table_column_2, .table_column_3, .table_column_4, .table_column_5, .table_column_6, .table_column_7, .table_column_8, .table_column_9, .table_column_10, .table_column_11, .table_column_12, .table_column_13, .table_column_14, .table_column_15, .table_column_16, .table_column_17, .table_column_18, .table_column_19, .table_column_20 { font-size: small; color: #4c4c4c; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left; line-height: normal; } /* Padding */ .table_head, .table_head_grey { padding-bottom: 6px; padding-top: 6px; padding-left: 10px; } .table_subhead, .table_subhead_grey { padding-bottom: 7px; padding-top: 7px; padding-left: 10px; } { padding-bottom: 5px; padding-top: 5px; padding-left: 0px; } .table_column_full, .table_column_1, .table_column_2, .table_column_3, .table_column_4, .table_column_5, .table_column_6, .table_column_7, .table_column_8, .table_column_9, .table_column_10, .table_column_11, .table_column_12, .table_column_13, .table_column_14, .table_column_15, .table_column_16, .table_column_17, .table_column_18, .table_column_19, .table_column_20 { padding-top:6px; padding-bottom:5px; } /* Margins */ .table_head, .table_head_grey { margin-top: 35px;} /* Background-color */ .table_head_grey, .table_subhead_grey { background-color: #f2f2f2; } .table_head { background-color: #022356; } /* Borders */ #table_row { border-bottom: #CCCCCC 1px solid;} #table_row_last { border-bottom: #4c4c4c 2px solid;} .table_head_grey { border-bottom: #022356 2px solid; border-top: #022356 1px solid; }/**/ .table_subhead, .table_subhead_grey { border-bottom: #022356 2px solid; border-top: #022356 1px solid; } /* Widths */ .table_head,.table_subhead, .table_head_grey, .table_subhead_grey { width:588px; } #table_row, #table_row_last, #table_row_none, .table_column_full { width:598px; } /* These column widths need to be set up on the page. .table_column_1 { width: 55px; } .table_column_2 { width: 70px; } .table_column_3 { width: 253px; } .table_column_4 { width: 70px; } .table_column_5 { width: 80px; } .table_column_6 { width: 70px; } .table_column_7 { width: 55px; } .table_column_8 { width: 70px; } .table_column_9 { width: 253px; } .table_column_10 { width: 70px; } .table_column_11 { width: 80px; } .table_column_12 { width: 70px; } ******* END Standard Table ***************** *****************************************************************************************************/ /* ------- NJSCA -----*/ .njscaheading { color: #022356; font-weight: bold; font-size: larger; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; padding: 0px 0px 10px 0px; line-height: auto;} .np-type { color: #4c4c4c; font-size: smaller; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; padding: 6px 0 5px 0; } /* #artspageTitle{ margin-top: 10px; margin-bottom: 50px; width: 100%: } .artssubheading1 { color: #022356; font-weight:normal; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; padding-top: 10px; padding-bottom: 0px; } #np-row { width:400px; float:left; border-bottom: #CCC solid thin;} #np-row-last { width:400px; float:left; border-bottom: #4c4c4c thin solid;} #np-row-none { width:400px; float:left; border-bottom: 0px;} .np-head { font-weight: normal; font-size: 14px; font-variant:small-caps; color: #022356; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; padding-left:0; padding-bottom:5px; float:left; width:400px; padding-top: 5px; margin-top:0px; background-color: #f2f2f2; border-bottom: #022356 2px solid; border-top: #022356 2px solid; } #dos-column-end { border-top: #ccc 1px solid; padding-bottom:0px; } #np-row { width:400px; float:left; border-bottom: #CCC solid thin;} #np-row-last { width:400px; float:left; border-bottom: #4c4c4c thin solid;} #np-row-none { width:400px; float:left; border-bottom: 0px;} .np-head { font-weight: normal; font-size: 14px; font-variant:small-caps; color: #022356; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; padding-left:0; padding-bottom:5px; float:left; width:400px; padding-top: 5px; margin-top:0px; background-color: #f2f2f2; border-bottom: #022356 2px solid; border-top: #022356 2px solid; } */ /*alpha_row*/ .alpha_row ul{ margin: 0; padding: 0; list-style-type: none;} .alpha_row li{ display: inline; margin: 0; } .alpha_row li a{ float:left; display: block; text-decoration: none; overflow: inherit; /*force hasLayout in IE7 */ height: auto; font-weight: bold; font-size: small; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 10px 0 0px; }