/********** AGENCY(Suplemental) CSS ***********/ /*********** amends MDstandard.css ***********/ /*********** PAGE COLOR (= banner color) ***********/ #container { background-color: #698848; /**** change this from grey to your color *****/ } /*********** Redistricting ***********/ #containerRedistricting { width: 1000px; text-align: left; margin-left: auto; margin-right: auto; text-align: left; margin-top:0px; margin-bottom:0px; background-color: #663399; padding: 0px; } #bannerRedistricting { height: 132px; width:1000px; background-image: url(/images/page/bannerRedistricting.jpg); background-repeat: no-repeat; } #pageRedistricting { float: left; width: 1000px; margin:0px; background-color: #663399; /**** change this from grey to your color *****/ } #contentRedistricting { float: left; display: inline; position: relative; width: 820px; background-color: #CCCCCC; background-image: url(/images/page/ContentTopRight_purple.jpg); background-position: top right; background-repeat: no-repeat; padding: 15px 0px 10px 0px; } #contentMap { float: right; display: inline; position: relative; width: 980px; background-color: #CCCCCC; /* background-image: url(../images/page/ContentTopRight.jpg); background-position: top right;*/ background-repeat: no-repeat; /*padding: 2px 2px 2px 2px;*/ margin: 0px 10px 0px 10px; } #navTabMap { float:left; margin: -25px 0 0 150px; display:inline; position: relative; width:800px; line-height:1.5; } #navTabMap ul { margin:0; padding:0px 10px 0 0; list-style:none; } #navTabMap li { display:inline; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; } #navTabMap a { float:left; font-style: italic; font-weight: bold; background: url(../images/page/tabLeft.gif) no-repeat left top; margin: 0; padding:0 2px 0 4px; text-decoration:none; } #navTabMap a span { float:left; display:block; background:url(../images/page/tabRight.gif) no-repeat right top; padding:3px 12px 3px 4px; color:#fff; } /* Small hack for IE5-Mac \*/ #navTabMap a span { float:none; margin-left: 2px; } /* End IE5-Mac hack */ #navTabMap a:hover span { color: #000000; } #navTabMap a:hover { background-position:0% -48px; } #navTabMap a:hover span { background-position:100% -48px; } #navTabMap #current a { background-position:0% -48px; } #navTabMap #current a span { background-position:100% -48px; } /*********** YOUR TAB SUBJECTS ***********/ /*** Customize, and name id for active state ***/ body#home #t-home a{ background-position: 0% -48px; } body#home #t-home a span { background-position: 100% -48px; color: #000000; } body#OurWork #t-OurWork a{ background-position: 0% -48px; } body#OurWork #t-OurWork a span { background-position: 100% -48px; color: #000000; } body#OurProducts #t-OurProducts a{ background-position: 0% -48px; } body#OurProducts #t-OurProducts a span { background-position: 100% -48px; color: #000000; } body#YourPart #t-YourPart a{ background-position: 0% -48px; } body#YourPart #t-YourPart a span { background-position: 100% -48px; color: #000000; } body#Redistricting #t-Redistricting a{ background-position: 0% -48px; } body#Redistricting #t-Redistricting a span { background-position: 100% -48px; color: #000000; } body#Redistricting #t-DataCenter a{ background-position: 0% -48px; } body#Redistricting #t-DataCenter a span { background-position: 100% -48px; color: #000000; } #pageHeader { margin-top:-10px; margin-bottom:-5px; background-image:url(/images/page/HeaderBar.gif) ; background-repeat:no-repeat; background-position:center; padding-left:10px; } #pageHeader h1 { margin:10px; font: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 1.9em; } #pageHeaderRedistricting { margin-top:-10px; background-image:url(/images/page/HeaderBar.gif) ; background-repeat:no-repeat; background-position:center; padding-left:10px; } #pageHeaderRedistricting h1 { margin:10px; font: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 1.8em; } #map{ clear:both; float:left; width: 450px; height: 500px; } #mapInfo{ float:left; } .link a { color: #000099; text-decoration: underline; } .link a:visited { color:#660066; text-decoration: underline; } /* Comp Plan Table styles */ .plantable { empty-cells:show; border-collapse:collapse; border-top:solid 1px Navy; border-bottom:solid 1px Navy; border-left:solid 1px Navy; border-right:solid 1px Navy; } .plantable .subheader { font-size:.9em; font-weight:bold; text-indent:10px; padding-top:3px; padding-bottom:3px; color:Navy; /*background-color:rgb(28, 28, 35);*/ background-color:rgb(235,245,250); } .plantable th { font-size:.8em; border:solid 1px Navy; font-weight:bold; background-color:rgb(255, 255, 230); } .plantable td { font-size:.8em; border:solid 1px Navy; color:rgb(0, 0, 100); font-weight:bold; vertical-align:top; } .jurisdiction { text-align:left; padding-left:10px; font-weight:bold; } .sixyearreview { text-align:center; } /*Style for county listing on Local Planning map pages */ .countyList { font-family: Arial, Helvetica, sans-serif; font-size:10px; } /* Style for larger text on Property Map pages */ .propMapLarge { font-size:12pt; } .propMapLargeEm { font-size:12pt; color:#C00000; font-weight:bold; } .propMapHeaderImage { margin-right:5px; } .boxBlank ul { margin-top: 5px; padding: 0px 7px 5px 10px; list-style-image: url(../images/icons/arrowOchre.gif); background-repeat: no-repeat; } .boxBlank ol { margin-top: 5px; padding: 0px 7px 5px 20px; } .boxBlank li { margin-left: 15px; } /****** boxBlankMDP ******/ /* /OurProducts/OurProducts.shtml, /OurWork/OurWork.shtml 2010-06-02 */ .boxBlankMDP { background-color: #FFFFFF; padding-bottom: 5px; background-image: url(/images/page/CornerBottomRight.gif); background-position: bottom right; background-repeat: no-repeat; height:380px; line-height: 1; } .boxBlankMDP h1{ background-image: url(/images/page/CornerTopLeft.gif); background-position: top left; background-repeat: no-repeat; } .boxBlankMDP h2 { font-family: Georgia, "Times New Roman", Times, serif; font-style: oblique; } .boxBlankMDP h3 { } .boxBlankMDP p { } .boxBlankMDP img { margin: 10px 0px 0px 0px; } .boxBlankMDPHome { background-color: #FFFFFF; padding-bottom: 5px; background-image: url(/images/page/CornerBottomRight.gif); background-position: bottom right; background-repeat: no-repeat; height:120px; line-height: 1; } .boxBlankRDHome { background-color: #FFFFFF; padding-bottom: 5px; background-image: url(/images/page/CornerBottomRight.gif); background-position: bottom right; background-repeat: no-repeat; height:155px; line-height: 1; } .boxBlankRedistricting { background-color: #FFFFFF; padding-bottom: 5px; background-image: url(/images/page/CornerBottomRight.gif); background-position: bottom right; background-repeat: no-repeat; height:160px; line-height: 1; } .boxBlankRedistricting p { font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 9pt; margin: 0px; padding: .2em 10px .1em 10px; color: #0e285f; } .boxBlankRedistricting2 { background-color: #FFFFFF; padding-bottom: 5px; background-image: url(/images/page/CornerBottomRight.gif); background-position: bottom right; background-repeat: no-repeat; height:60px; line-height: 1; } .boxBlankRedistricting2 p { font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 9pt; margin: 0px; padding: .2em 10px .1em 10px; color: #0e285f; } /****** boxMDPNews ******/ .boxMDPNews { background-color: #98ad82; background-image: url(../images/page/Hbottom.gif); background-repeat:no-repeat; background-position: bottom right; color: #CCCCCC; } .boxMDPNews h3 { text-transform: uppercase; font-size: 90%; padding-bottom: 0px; color: #FFFFFF; height:25px; } .boxMDPNews h4 { color: #CCCCCC; font-size: 90%; height:20px; } .boxMDPNews ul { list-style-type: none; padding-left: 10px; padding-right: 5px; padding-top: 5px; padding-bottom: 0px; } .boxMDPNews li { border-bottom: 2px dotted #666666; margin: 0px 5px 3px 0px; padding-bottom: 3px; } .boxMDPNews a { color: #FFFFFF; } .boxMDPNews a:visited { color: #CCCCCC; } .boxMDPNews a:hover { color: #FFFFCC; } .boxMDPNews p { padding: 0px 10px 5px 10px; } .boxMDPNews h2 { padding: 5px 5px 5px 40px; background-image: url(../images/page/Hnews.gif); background-repeat: no-repeat; border-right: 2px solid #999999; background-color: #E6E6E6; font-style:oblique; color: #000000; height:20px; } #Column400 { width: 395px; position: relative; float: left; display: inline; margin: 0px 0px 10px 10px; padding:0px; line-height: .9; } #Column470Blank { position: relative; width: 470px; display: inline; float:left; margin: 0px 0px 0px 10px; padding:0px; background-color: #FFFFFF; background-repeat:no-repeat; } #Column470Blank h1 { padding: 5px 5px 5px 10px; background-image: url(/images/page/CornerTopLeft.gif); background-repeat: no-repeat; background-position: top left; border-bottom: 2px solid #FFFFFF; font-family: Georgia, "Times New Roman", Times, serif; } #Column470Blank ul { margin-top: 5px; padding: 0px 7px 5px 10px; list-style-image: url(/images/icons/arrowOchre.gif); background-repeat: no-repeat; } .Column470Blank ul ol { margin-top: 5px; padding: 0px 7px 5px 20px; } #Column470Blank ol { margin-top: 5px; padding: 0px 7px 5px 20px; } #Column470Blank li { margin-left: 15px; } #Column470Blank p { border-bottom: 2px #CCCCCC; padding-bottom: 4px; } #Column560Blank { position: relative; width: 560px; display: inline; float:left; margin: 0px 0px 0px 10px; padding:0px; background-color: #FFFFFF; background-repeat:no-repeat; } #Column560Blank h1 { padding: 5px 5px 5px 10px; background-image: url(/images/page/CornerTopLeft.gif); background-repeat: no-repeat; background-position: top left; border-bottom: 2px solid #FFFFFF; font-family: Georgia, "Times New Roman", Times, serif; } #Column560Blank ul { margin-top: 5px; padding: 0px 7px 5px 10px; list-style-image: url(/images/icons/arrowOchre.gif); background-repeat: no-repeat; } .Column560Blank ul ol { margin-top: 5px; padding: 0px 7px 5px 20px; } #Column560Blank ol { margin-top: 5px; padding: 0px 7px 5px 20px; } #Column560Blank li { margin-left: 15px; } #Column560Blank p { border-bottom: 2px #CCCCCC; padding-bottom: 4px; } #Column800Blank { position: relative; width: 800px; display: inline; float:left; margin: 0px 10px 10px 10px; padding:0px; background-color: #FFFFFF; background-repeat:no-repeat; background-position: bottom right; background-image: url(/images/page/CornerBottomRight.gif); } #Column800Blank h2 { padding: 5px 5px 5px 10px; /*background-image: url(/images/page/CornerTopLeft.gif);*/ background-repeat: no-repeat; background-position: top left; border-bottom: 2px solid #FFFFFF; font-family: Georgia, "Times New Roman", Times, serif; } #Column800Blank ul { margin-top: 5px; padding: 0px 7px 5px 10px; list-style-image: url(/images/icons/arrowOchre.gif); background-repeat: no-repeat; } #Column800Blank ol { margin-top: 5px; padding: 0px 7px 5px 20px; } #Column800Blank li { margin-left: 15px; } #Column800Blank p { border-bottom: 2px #CCCCCC; padding-bottom: 4px; } .h3headerlink a { color: #666600; } .h3headerlink a:visited { color: #666600; } .boxMedia h2 a { color: #000000; } .boxMedia h2 a:visited { color: #000000; } /****** boxGreen******/ .boxGreen { background-color: #DFF3DE; background-image: url(../images/page/Hbottom.gif); background-repeat:no-repeat; background-position: bottom right; padding-bottom: 5px; } .boxGreen h3 { text-transform: uppercase; font-size: 90%; padding-bottom: 0px; color: #000000; height:20px; } .boxGreen ul { margin-top: 5px; padding: 0px 7px 0px 10px; list-style-image: url(../images/icons/arrowGreen.gif); background-repeat: no-repeat; } .boxGreen ol { margin-top: 5px; padding: 0px 7px 5px 20px; } .boxGreen li { margin-left: 15px; } .boxGreen p { padding: 5px 3px 5px 3px; margin-right: 5px; margin-left: 5px; border-top: 2px dotted #FFFFFF; } .boxGreen h2 { padding: 5px 5px 5px 10px; background-image: url(../images/page/CornerTopLeft.gif); background-repeat: no-repeat; border-right: 2px solid #999999; background-color: #698848; font-style:oblique; color: #FFFFFF; height:20px; } /****** boxPurple ******/ .boxPurple { background-color: #EBE7F5; background-image: url(../images/page/Hbottom.gif); background-repeat:no-repeat; background-position: bottom right; } .boxPurple h3 { text-transform: uppercase; font-size: 90%; padding-bottom: 0px; color: #000000; height:20px; } .boxPurple ul { list-style-type: none; padding-left: 10px; padding-right: 5px; padding-top: 5px; padding-bottom: 0px; } .boxPurple li { border-bottom: 2px dotted #D1C9E9; margin: 0px 5px 3px 0px; padding-bottom: 3px; } .boxPurple p { padding: 0px 10px 5px 10px; color: #000000; border-bottom: 2px dotted #FFFFFF; } .boxPurple h2 { padding: 5px 5px 5px 10px; background-image: url(../images/page/CornerTopLeft.gif); background-repeat: no-repeat; border-right: 2px solid #999999; background-color: #663399; font-style:oblique; color: #FFFFFF; height:20px; } /****** boxConnected2 - light grey ******/ .boxConnected2 { background-color: #E1E1E1; /*#D6EBF3;*/ background-image: url(../images/page/Hbottom.gif); background-repeat:no-repeat; background-position: bottom right; padding-bottom: 5px; } .boxConnected2 h3 { text-transform: uppercase; font-size: 90%; padding-bottom: 0px; color: #000000; height:20px; } .boxConnected2 ul { margin-top: 5px; padding: 0px 7px 0px 10px; list-style-image: url(../images/icons/arrowSlate.gif); background-repeat: no-repeat; } .boxConnected2 ol { margin-top: 5px; padding: 0px 7px 5px 20px; } .boxConnected2 li { margin-left: 15px; } .boxConnected2 p { padding: 5px; margin-right: 5px; margin-left: 5px; border-top: 2px dotted #FFFFFF; } .boxConnected2 h2 { padding: 5px 5px 5px 40px; background-image: url(../images/page/Hconnect.gif); background-repeat: no-repeat; border-right: 2px solid #999999; background-color: #E6E6E6; font-style:oblique; color: #000000; height:20px; } /****** boxFindit2 - LightGrey ******/ .boxFindit2 { background-color: #E1E1E1; /*#EBE7F5;*/ background-image: url(../images/page/Hbottom.gif); background-repeat:no-repeat; background-position: bottom right; padding-bottom: 5px; } .boxFindit2 h3 { text-transform: uppercase; font-size: 90%; padding-bottom: 0px; color: #000000; height:20px; } .boxFindit2 ul { margin-top: 5px; padding: 0px 7px 0px 10px; list-style-image: url(../images/icons/arrowGreen.gif); background-repeat: no-repeat; } .boxFindit2 ol { margin-top: 5px; padding: 0px 7px 5px 20px; } .boxFindit2 li { margin-left: 15px; } .boxFindit2 p { padding: 5px 3px 5px 3px; margin-right: 5px; margin-left: 5px; border-top: 2px dotted #FFFFFF; } .boxFindit2 h2 { padding: 5px 5px 5px 40px; background-image: url(../images/page/Hfindit.gif); background-repeat: no-repeat; border-right: 2px solid #999999; background-color: #E6E6E6; font-style:oblique; color: #000000; height:20px; } /****** boxNews2 - light grey ******/ .boxNews2 { background-color: #E1E1E1; /*#333333;*/ background-image: url(../images/page/Hbottom.gif); background-repeat:no-repeat; background-position: bottom right; color: #000000; /*#CCCCCC;*/ } .boxNews2 h3 { text-transform: uppercase; font-size: 90%; padding-bottom: 0px; color: #FFFFFF; height:25px; } .boxNews2 h4 { color: #CCCCCC; font-size: 90%; height:20px; } .boxNews2 ul { list-style-type: none; padding-left: 10px; padding-right: 5px; padding-top: 5px; padding-bottom: 0px; } .boxNews2 li { border-bottom: 2px dotted #666666; margin: 0px 5px 3px 0px; padding-bottom: 3px; } .boxNews2 a { color: #000099; } .boxNews2 a:visited { color: #004488; } .boxNews2 a:hover { color: #FFFFCC; } .boxNews2 p { padding: 0px 10px 5px 10px; } .boxNews2 h2 { padding: 5px 5px 5px 40px; background-image: url(../images/page/Hnews.gif); background-repeat: no-repeat; border-right: 2px solid #999999; background-color: #E6E6E6; font-style:oblique; color: #000000; height:20px; } /****** boxServices2 - LightGrey ******/ .boxServices2 { background-color: #E1E1E1; background-image: url(../images/page/Hbottom.gif); background-repeat:no-repeat; background-position: bottom right; } .boxServices2 h3 { text-transform: uppercase; font-size: 90%; padding-bottom: 0px; color: #000000; height:20px; } .boxServices2 ul { list-style-type: none; padding-left: 10px; padding-right: 5px; padding-top: 5px; padding-bottom: 0px; } .boxServices2 li { border-bottom: 2px dotted #D1C9E9; margin: 0px 5px 3px 0px; padding-bottom: 3px; } .boxServices2 p { padding: 0px 10px 5px 10px; color: #000000; border-bottom: 2px dotted #FFFFFF; } .boxServices2 h2 { padding: 5px 5px 5px 40px; background-image: url(../images/page/Hservices.gif); background-repeat: no-repeat; border-right: 2px solid #999999; background-color: #E6E6E6; font-style:oblique; color: #000000; height:20px; } /****** boxServicesPurple ******/ .boxServicesPurple { background-color: #EBE7F5; background-image: url(../images/page/Hbottom.gif); background-repeat:no-repeat; background-position: bottom right; } .boxServicesPurple h3 { text-transform: uppercase; font-size: 90%; padding-bottom: 0px; color: #000000; height:20px; } .boxServicesPurple ul { list-style-type: none; padding-left: 10px; padding-right: 5px; padding-top: 5px; padding-bottom: 0px; } .boxServicesPurple li { border-bottom: 2px dotted #D1C9E9; margin: 0px 5px 3px 0px; padding-bottom: 3px; } .boxServicesPurple p { padding: 0px 10px 5px 10px; color: #000000; border-bottom: 2px dotted #FFFFFF; } .boxServicesPurple h2 { padding: 5px 5px 5px 40px; background-image: url(../images/page/Hservices.gif); background-repeat: no-repeat; border-right: 2px solid #999999; background-color: #E6E6E6; font-style:oblique; color: #000000; height:20px; } .boxWhite h1{ background-image: url(../images/page/CornerTopLeft.gif); background-position: top left; background-repeat: no-repeat; } /* Box replacements for Property View Pages */ /****** boxPropertyView ******/ .boxPropertyView { background-color: #FFFFFF; background-image: url(/images/page/CornerBottomRight.gif); background-repeat:no-repeat; background-position: bottom right; } .boxPropertyView h2 { padding: 5px 5px 5px 10px; background-image: url(/images/page/CornerTopLeft.gif); background-repeat: no-repeat; background-position: top left; border-bottom: 2px solid #FFFFFF; /*font-family:'Arial','sans-serif';*/ font-family: Georgia, "Times New Roman", Times, serif; font-size:14.0pt; color:#C00000; } .boxPropertyView h3 { /*font-family:'Arial','sans-serif';*/ font-family: Georgia, "Times New Roman", Times, serif; font-size:14.0pt; color:#C00000; } .boxPropertyView ul { margin-top: 5px; padding: 0px 7px 5px 10px; list-style-image: url(/images/icons/arrowOchre.gif); background-repeat: no-repeat; } .boxPropertyView ol { margin-top: 5px; padding: 0px 7px 5px 20px; } .boxPropertyView li { margin-left: 15px; } .boxPropertyView p { border-bottom: 2px #CCCCCC; padding-bottom: 4px; } /****** boxPropViewColor ******/ .boxPropViewColor { background-color: #D8EEF3; background-image: url(/images/page/CornerBottomRight.gif); background-repeat:no-repeat; background-position: bottom right; } .boxPropViewColor h2 { padding: 5px 5px 5px 10px; background-image: url(/images/page/CornerTopLeft.gif); background-repeat: no-repeat; background-position: top left; border-bottom: 2px solid #95CED7; font-family: Georgia, "Times New Roman", Times, serif; background-color: #BBD6DF; color: #C00000; } .boxPropViewColor h3 { color: #286D88; } .boxPropViewColor h4 { text-transform: uppercase; font-style: normal; font-size: 90%; color: #283F4F; } .boxPropViewColor ul { margin-top: 5px; padding: 0px 7px 5px 10px; list-style-image: url(/images/icons/arrowSlate.gif); background-repeat: no-repeat; } .boxPropViewColor ol { margin-top: 5px; padding: 0px 7px 5px 20px; } .boxPropViewColor li { margin-left: 15px; } .boxPropViewColor p { border-bottom: 2px dotted #FFFFFF; padding-bottom: 4px; } /* Style used for tables in title boxes */ .boxTable { border-style:none; Margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:100%; } /****** boxMDPNews ******/ .boxMDPNews { background-color: #DFF3DE; background-image: url(/images/page/Hbottom.gif); background-repeat:no-repeat; background-position: bottom right; color: #CCCCCC; } .boxMDPNews h3 { text-transform: uppercase; font-size: 90%; padding-bottom: 0px; color: #FFFFFF; height:25px; } .boxMDPNews h4 { color: #CCCCCC; font-size: 90%; height:20px; } .boxMDPNews ul { list-style-type: none; padding-left: 10px; padding-right: 5px; padding-top: 5px; padding-bottom: 0px; } .boxMDPNews li { border-bottom: 2px dotted #666666; margin: 0px 5px 3px 0px; padding-bottom: 3px; } .boxMDPNews a { color: #FFFFFF; } .boxMDPNews a:visited { color: #CCCCCC; } .boxMDPNews a:hover { color: #FFFFCC; } .boxMDPNews p { padding: 0px 10px 5px 10px; } .boxMDPNews h2 { padding: 5px 5px 5px 40px; background-image: url(../images/page/Hnews.gif); background-repeat: no-repeat; border-right: 2px solid #999999; background-color: #E6E6E6; font-style:oblique; color: #000000; height:20px; } /****** boxTitle (only for 'Social Media' so far) ******/ .boxTitle { float: left; display: inline; position: relative; width: 146px; background-color: #ffffff; background-image: url(../images/page/ContentTopRight_wbg.gif); background-repeat:no-repeat; background-position: top right; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 1.2em; margin: 0px; font-weight: bold; font-style: italic; color: #000000; text-align: left; padding: 1px 1px 1px 1px; } #facebookList { clear:both; float:left; position:relative; left: 3px; top: -5px; background-color:#333333; /* #306080; */ width:130px; padding:5px; color:#FFFF99; border: #fff 2px solid; display: none; height:300px; } .facebookFeed { float:left; position:relative; padding:2px 0px 0px 0px; font-size: 8.5pt; } .facebookFeed img { padding: 2px 2px 2px 0px; } #twitterList { clear:both; float:left; position:relative; left: 3px; top: -5px; background-color:#333333; /* #306080; */ width:128px; padding:5px; color:#FFFF99; border: #fff 2px solid; display: none; height:260px; } .twitterFeed { float:left; position:relative; padding:2px 2px 0px 0px; font-size: 8.5pt; } .twitterFeed img { padding: 2px 2px 2px 0px; } .boxLside a:hover { color: #afd; } .boxLside span:hover { bcolor: #afd; } /********** Document Types ***************/ a[href$='.rpt'] { padding:0 20px 0 0; background:transparent url(/images/icons/crystalReports.gif) no-repeat center right; } a[href$='.mp3'] { padding:0 20px 0 0; background:transparent url(/images/icons/audio2.gif) no-repeat center right; } /******* (See AgencyAddLight.css for possible additional modifications) *******/ #ColumnMain800 { position: relative; width: 800px; display: inline; float:left; margin: 0px; } /****** input button (only for Redistricting FAQ page) ******/ input.btnAnswer { font-size:10px; color:#996600; text-align:center; width:48px; } input.btnShowHide { width:63px; font-size:8pt; background-color: #d0c39b; color: #004488; text-align:center; border:1px ridge #DDD;" }