SALT-NLP/Design2Code
This dataset consists of 484 webpages from the C4 validation set, serving the purpose of testing multimodal LLMs on converting visual designs into code implementations. Each example is a pair of source HTML and screenshot ({id}.html and {id}.png). See the dataset in the huggingface format here. Note that all images in these webpages are replaced by a placeholder image (rick.jpg) Please refer to our project page and our paper for more information. Example Usage For example, you… See the full description on the dataset page: https://huggingface.co/datasets/SALT-NLP/Design2Code.
221.7k
1<!DOCTYPE html>2<html xmlns="">3 <head>4 <style>5 @font-face {6 font-family: 'Ubuntu';7 font-style: normal;8 font-weight: 400;9 src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgoKfw7z.ttf) format('truetype');10}11@font-face {12 font-family: 'Ubuntu';13 font-style: normal;14 font-weight: 500;15 src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoCjC3jsGyI.ttf) format('truetype');16}17@font-face {18 font-family: 'Ubuntu';19 font-style: normal;20 font-weight: 700;21 src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoCxCvjsGyI.ttf) format('truetype');22}23 24 25 26*27{28 padding: 0px;29 margin: 0px;30}31 32body { background-color:#FFFFFF; font:12px/1.55 Arial, Helvetica, sans-serif; color:#2f2f2f; text-align:center; }33 34img { border:0; vertical-align:top; }35 36a { color:#177BD9; text-decoration:underline; }37a:hover { text-decoration:none; }38:focus { outline:0; }39 40h1,h2,h3,41h4,h5,h6 { margin:0 0 5px; line-height:1.35; color:#0a263c; }42h1 { font-size:20px; font-weight:normal; }43h2 { font-size:18px; font-weight:normal; }44h3 { font-size:16px; font-weight:bold; }45h4 { font-size:14px; font-weight:bold; }46h5 { font-size:12px; font-weight:bold; }47h6 { font-size:11px; font-weight:bold; }48 49ul,ol { list-style:none; }50 51.main52{53 width: 960px;54 margin: 0 auto;55 min-height: 400px;56 padding: 25px 25px 80px;57 background: #efefef url('../Images/New/bckg_overlay.png') repeat-x 0 0;58 text-align: left;59}60.inteli-home .main {61 padding: 0;62 min-height: 0;63}64 65.main {66 background-image: none;67 background-color: transparent;68 margin: 0 auto;69 min-height: 400px;70 padding: 10px 10px 30px 10px;71 text-align: left;72 width: 960px;73}74.mainWide {75 background-image: none;76 background-color: transparent;77 margin: 0 auto;78 min-height: 400px;79 padding: 10px 10px 30px 10px;80 text-align: left;81 width: 1080px;82}83 84.wrapper { min-width:954px; }85.page {}86.main-container { background:#efefef 50% 0 no-repeat; }87 88 89body {90 font-family: 'Ubuntu';91 background-color:#efefef;92}93h1 {94 font-family: 'Ubuntu';95 font-size:26px;96 color:#001c32; 97 text-shadow: 0px 1px 1px #fff;98}99 100h2, h2.black {101 font-family: 'Ubuntu';102 font-size:21px;103 color:#000000;104}105h2.blue {106 color:#009dcb;107}108h3 {109 font-family: 'Ubuntu';110 font-size: 19px;111 color: #000000;112}113 114.title {115 font-family: 'Ubuntu';116 font-size:16px;117 color:#009dcb;118}119p {120 font-size: 13px;121 color: #333333;122}123.largetext {124 125 font-size:14px;126 color:#333333;127}128.comments {129 font-size:11px;130 color:#767676;131}132.smalltext {133 font-size:11px;134 color:#333333;135}136a {137 color: #177BD9;138 text-decoration: none;139}140a:hover{141 text-decoration:underline;142}143 144button {145 font-family: 'Ubuntu';146 font-size: 12pt;147}148 149.global-site-notice { border:1px solid #cfcfcf; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; }150.global-site-notice .notice-inner151{152 width: 860px;153 margin: 0 auto;154 padding: 12px 0 12px 80px;155 background: url('../Images/New/i_notice.gif') no-repeat 20px 25px;156 text-align: left;157}158.global-site-notice .notice-inner p { margin:0; border:1px dotted #cccc73; padding:10px; }159.global-site-notice .notice-inner .actions { padding-top:10px; }160.header-container161{162 background: url('../Images/New/inteliNavBack.png') repeat left bottom;163 z-index: 1;164 height: 86px;165}166 167.header {168 width: 960px;169 height: 90px;170 margin: 0 auto;171 padding: 15px 0 0 0 !important;172 text-align: left;173 position: relative;174 z-index: 10;175}176.header .logo {177 z-index: 10;178 float: left;179 margin: -7px 0px 0 0px;180 text-decoration: none !important;181 position: relative;182}183.header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; }184.header h1.logo {185 margin: 0;186 top: 42px;187 left: 0px;188 height: 45px;189 position: absolute;190}191 192#login-nav-box {193 float: right;194 margin-top: 4px;195 display: block;196 font-size: 11px;197 height: 23px;198}199 200#login-nav-box a {201 display: inline-block;202 float: right;203 color: #001C32;204 font-weight: bold;205}206 207#login-nav-box a:hover {208 color: #009DCB;209 text-decoration: none;210}211 212#login-link {213 padding-top: 2px;214}215 216#login-nav-box p {217 display: inline-block;218 margin-right: 6px;219 color: #5d5d5d;220 font-size: 11px;221 font-weight: 500;222 line-height: 17.05px;223 padding-top: 2px;224 margin-bottom: 0px;225 vertical-align:top;226}227.clear {clear:both}228.logo { float:left; z-index:-10;}229 230#icnavbar {231 font-family: 'Ubuntu', sans-serif;232 float: left;233 padding-left: 200px;234 width: 780px;235 position: absolute;236 left: 0px;237 margin-left: 0px;238 margin-right: 0;239 margin-bottom: 0px;240 height: 28px;241}242#icnavbarMenu{243 position: absolute;244 left: 0;245 top: 52px;246}247#icnavbar div.divider {248 border-left: #001c32 dotted 1px;249 height: 15px;250 margin: 5px 0 2px 0;251}252#icnavbar li {253 height: 14px;254 float: left;255 padding: 0 0 0 0;256}257#icnavbar li.active a {258 color: #009dcb;259}260#icnavbar li a {261 display: block;262 padding: 4px 20px 0 16px;263 font-size: 15px;264 text-decoration: none;265 color: #001c32;266 font-weight: 700;267}268#icnavbar li a:hover {269 color: #137EDA; }270#icnavbar li ul {271 display: none; }272#icnavbar li.active ul {273 width:760px;274 float:left;275 clear:both;276 background-color: #FFF;277 border-bottom: #cfd0d2 solid 1px;278 position: absolute;279 display: inline;280 left: 0px;281 top: 40px;282 padding: 5px 0 0 180px; 283 z-index:-1;284 display: none;285}286#icnavbar li.active li{287 margin-top:0px;288 padding:0;289 290 float: left; }291#icnavbar li.active li a, #icnavbar li.active li a {292 color: #001c32; }293#icnavbar li li a:hover294{295 color: #137EDA;296}297 298.main-container299{300 background: #EFEFEF url('../Images/New/main-back.png') repeat-x scroll 50%3010;302 min-height: 100%;303}304.main-container-sub305{306 background: #EFEFEF url('../Images/New/main-back-short.png') repeat-x scroll 50%3070;308 min-height: 100%;309}310.main-container-center311{312 background: #EFEFEF url('../Images/New/main-back_center.png') repeat-x scroll 50% 0;313 min-height: 100%;314}315 316.col1-layout .col-main {317 width: auto;318 float: none;319}320 321 322.col-left { float:left; width: 230px; padding:0 0 1px; }323.col-main { float:left; width:700px; padding:0 0 0px; }324.col-right { float:right; width:230px; padding:0 0 1px; }325 326#ic-topblock327{328 width: 100%;329 background: url('../Images/New/inteliMain3_back.jpg') repeat-x;330 height: 581px;331 color: rgb(3,110,208);332}333#ic-topblock .ic-wrapper334{335 width: 940px;336 padding: 0 10px 0 10px;337 margin: 0 auto;338 background-image: url('../Images/New/inteliMain3.jpg');339 background-repeat: no-repeat;340}341 342#subPageblock343{344 width: 100%;345 background: url('../Images/New/inteliMain3_backShort.jpg');346 color: rgb(3,110,208);347 background-repeat: repeat-x;348}349#subContainer350{351 margin-top: -20px;352}353 #subContainer p354 {355 float: left;356 width: 940px;357 text-align: left;358}359 #subContainer p a360 {361 display: inline;362 font-size: 17px;363 font-weight: 500;364}365#subPageblock .ic-wrapper366{367 width: 940px;368 padding: 0 10px 0 10px;369 margin: 0 auto;370 background-image: url('../Images/New/inteliMain3.jpg');371 background-repeat: no-repeat;372 height: 520px;373}374#ic-topblock li {color:#00141c;}375 376.ic-wrapper {377 width: 940px;378 padding: 0 10px 0 10px;379 margin: 0 auto;380}381#hometext {382 float: left;383 width: 500px;384 padding-top: 88px;385 height: 409px;386}387 388 389#ic-midblock h3{390 color: #595959;391}392#icAcontainer {393 margin-top: -60px;394}395 396#breadcrumb, #breadcrumb a, #slider #breadcrumb a {397 398 font-weight: 700;399 font-size: 13px;400 text-align: left;401 text-decoration: none;402 color: #000000;403}404#slider #breadcrumb a405{406 display: inline-block;407} 408#slider #breadcrumb409{410 text-align:left;411} 412#breadcrumb413{414 padding: 17px 0 5px 5px;415 font-weight: 700;416 text-decoration: none;417 color: #000000;418 text-shadow:none;419} 420 421#breadcrumb a:hover422{423 color: #177BD9;424}425 426.icAbox h4{427 color: #00141c;428 font-size:29px;429 font-family: Ubuntu;430 font-weight:500;431 text-decoration: none;432 text-transform:lowercase;433 padding-left:25px;434}435.icAbox ul{436 list-style:none;437 margin:0;438 padding:0;439}440 441div.icAbox442{443 float: left;444 width: 460px;445 color: #00141c;446 background: url('../Images/New/inteli_tile.png') no-repeat;447 height: 400px;448 height: 164px;449 padding-bottom: 13px;450 display: inline-block;451 padding-top: 7px;452 padding-left: 10px;453 padding-right: 10px;454}455.icAbox li {456 margin: 5px 0;457 padding-left:25px;458 font-size: 11px;459 color:#000000;460 461}462div.icAbox img {463 padding: 0 18px 11px 0;464 float: right;465}466.icAbox h4{467 font-family: Ubuntu;468 text-transform: lowercase;469 font-weight: 400;470 font-size: 29px;471 color: #00141c;472 padding: 5px 0 5px 5px;473}474 475.icAbox ul {476list-style: none;477 478}479.icAbox li {480 font-family: Ubuntu;481 font-weight: 400;482 font-size: 11px;483 color: 000;484 padding-left: 5px;485 line-height: 12px;486 margin-bottom: 10px;487}488.checkmark, .icAbox li span489{490 background-image: url('../Images/New/small_check_mark.png');491 width: 12px;492 height: 11px;493 display: inline-block;494 margin-right: 5px;495 background-repeat: no-repeat;496}497.attribute-text-box {498 height: 164px;499 width: 206px;500 float: left;501}502 503.header-container:after,504.header:after,505.main:after,506.footer:after,507.page-title:after,508.col-main:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }509.footer {510 width: 100%;511 padding: 30px 0px 10px 0px;512 border-top: #CCCCCC solid 1px;513 background-color: #FFFFFF;514 margin-top: 30px;515}516.footer a { color:#fff; text-decoration:none; }517.footer a:hover { text-decoration:underline; }518 519.ic-wrapper {520 width: 940px;521 padding: 0 10px 0 10px;522 margin: 0 auto;523}524 525.footer-block {526 float: left;527 width: 200px;528 font-size: 11px;529 text-align: left;530 padding: 0 20px 0 10px;531 color: #888888;532}533.FooterLinks {534 float: left;535 display: block;536 padding-left: 0px;537}538.FooterLinks div.divider {539 border-top: 1px #888888 solid;540 width: 200px;541 margin: 6px 0 6px 0;542 background: none;543}544.FooterLinks div.dividersmall {545 width: 100%;546 margin: 4px 0 4px 0;547}548.FooterLinks li { display: block;}549.FooterLinks li a {550 display: block;551 font-size: 12px;552 text-decoration: none;553 color: #888888;554 font-weight: bold;555}556.FooterLinks li a:hover557{558 color: #000000;559 text-decoration: none;560}561 562.footer-copyright {563 float: left;564 padding: 30px 10px 5px 10px;565 color: #888888;566 width: 940px;567 text-align: left;568}569 570 571 572#container573{574 font-family: Ubuntu;575 font-size: 26px;576 color: #001c32;577 text-shadow: 0px 1px 1px #fff;578}579.link1580{581 padding: 0px 0px 0px 0px;582 background-image: url('../Images/New/inteliMain4.jpg');583}.link2584{585 padding: 20px 0px 20px 20px;586 background-image: url('../../sales/includes/templates/estorenow/images/inteli2.png');587 margin-top: 20px;588}.link3589{590 padding: 20px 0px 20px 20px;591 background-image: url('../../sales/includes/templates/estorenow/images/inteli3.png');592 margin-top: 20px;593}.link4594{595 padding: 20px 0px 20px 20px;596 background-image: url('../../sales/includes/templates/estorenow/images/inteli4.png');597 margin-top: 20px;598}.link5599{600 padding: 20px 0px 20px 20px;601 background-image: url('../../sales/includes/templates/estorenow/images/inteli5.png');602 margin-top: 20px;603}604 .titleFirst605{606 font-size: 18px;607 line-height: 22px;608 text-shadow: 0px 1px 1px #fff;609 display: inline-block;610}611.titleTop612{613 font-size: 46px;614 text-shadow: 0px 1px 1px #fff;615 line-height: 60px;616 display: block;617 padding-bottom: 12px;618 padding-top: 12px;619 font-weight: 500;620}621.subtitleTop622{623 font-weight: 400;624 font-size: 13px;625 color: #000000;626 line-height: 15px;627 display: inline-block;628}629.subtitleCenter630{631 font-size: 17px;632 line-height: 26px;633}634.subtitleCenterHalf635{636 font-size: 13px;637 line-height: 17px;638 width: 476px;639 text-align: left;640 text-shadow: none;641 float: left;642}643.subtitleLink644{645 font-size: 17px;646 line-height: 16px;647 width: 479px;648 text-align: left;649 text-shadow: none;650 float: left;651}652.subtitleLink a653{654 font-size: 17px;655 line-height: 25px;656 width: 450px;657 text-align: left;658 color: #177BD9;659 font-weight: 500;660}661.subtitleCenterD662{663 font-size: 17px;664 line-height: 17px;665 padding-top: 20px;666 padding-bottom: 10px;667 color: #000000;668}669.subtitleCenterS670{671 font-size: 13px;672 line-height: 17px;673 padding-top: 10px;674 padding-bottom: 10px;675 color: #000000;676 width: 470px;677 float: left;678}679.subButtonRight680{681 float: right;682 padding-top: 10px;683}684.priceC685{686 padding-top: 10px;687 padding-left: 80px;688 float: left;689 font-size: 15px;690 color: #000000;691 font-weight: 700;692}693.listitems694{695 margin-top: -5px;696}697.listitems ul698{699 list-style-type: square;700 padding-left: 15px;701 color: #000000;702}703#centerContent704{705 height: 400px;706}707#slider a708{709 text-decoration: none;710 font-family: Ubuntu;711 color: #001c32;712 line-height: 14px;713 display: block;714 font-weight: 500;715}716 717 #slider ul, #slider li,718 #slider2 ul, #slider2 li{719 margin: 0;720 padding: 0;721 list-style: none;722 text-align: left;723}724 #slider2{margin-top:1em;}725 #slider li, #slider2 li{726 /* 727 define width and height of list item (slide)728 entire slider area will adjust according to the parameters provided here729 */ 730 width: 960px;731 height: 494px;732 overflow: hidden;733 line-height: 20px;734} 735 #prevBtn, #nextBtn,736 #slider1next, #slider1prev{ 737 display:block;738 width:30px;739 height:77px;740 position:absolute;741 left:-30px;742 top:71px;743 z-index:1000;744 } 745 #nextBtn, #slider1next{ 746 left:744px;747 } 748 #prevBtn a, #nextBtn a,749 #slider1next a, #slider1prev a{ 750 display:block;751 position:relative;752 width:30px;753 height:77px;754 background:url(../images/btn_prev.gif) no-repeat 0 0; 755 } 756 #nextBtn a, #slider1next a{ 757 background:url(../images/btn_next.gif) no-repeat 0 0; 758 }759.osWrapperAll760{761 width: auto;762 height: 76px;763 background-color: #E2E2E2;764 margin-bottom: 20px;765}766.osWrapper767{768 padding-top: 12px;769 padding-left: 20px;770 float: left;771 width: 300px;772}773.osWrapperButton774{775 padding-top: 15px;776 padding-right: 5px;777 float: right;778 width: 172px;779}780.osWrapperAllXP781{782 width: auto;783 height: 64px;784 background-color: #FFFFFF;785 margin-bottom: 10px;786}787.osWrapperButtonXP788{789 padding-top: 10px;790 padding-right: 5px;791 float: right;792 width: 200px;793}794 795 796/* // Easy Slider */797.spacerT798{799 padding-top: 70px;800}801 802.buttonPad803{804 padding-top: 45px;805 padding-left: 56px;806 width: 350px;807 margin-left: 0;808 margin-right: 0;809}810a.more-link {811 display: block;812 width: 160px;813 height: 44px;814 text-indent: -250px;815 overflow: hidden;816 background: url(../Images/New/download7.png) no-repeat left top;817}818 819a:hover.more-link820{821 background: url(../Images/New/download7.png) no-repeat left -44px;822 823}824form.subscribe-link, a.subscribe-link {825 display:block;826 width: 160px;827 height: 44px;828 text-indent: -250px;829 overflow: hidden;830 background: url(../Images/New/subscribe7.png) no-repeat left top; 831}832 833a:hover.subscribe-link834{835 background: url(../Images/New/subscribe7.png) no-repeat left -44px;836}837 838.leftPad839{840 padding-left: 20px;841}842 843.icmaincontent {844 margin-top:-10px;845}846.icMCcontainer p {847 padding: 0;848 margin: 0 18px 12px 0;849 padding-left: 5px;850 line-height: 16px;851}852.icMCcontainer h3 {853 margin-top: 15px;854 padding-bottom: 4px;855 font-weight: 500;856}857.icMCcontainer ul {858 padding-left: 25px;859 list-style-type: square;860}861.icMCcontainer img862{863 padding: 0 10px 10px 10px;864}865.bright866{867 background-color: #FFFFFF;868 padding-right: 15px;869 margin-top: 15px;870}871#brightWide872{873 background-color: #FFFFFF;874 width: 1080px;875}876 877.iccontentdesc {878 padding-left:0;879 padding-right:0;880 padding-top:30px;881 margin:0;882}883 884.iccontentdesc h1 {885 padding: 0 0 20px 0;886 margin: 0;887 text-shadow: 0px 1px #ffffff;888 font-weight: 500;889}890.iccontentdesc p{891 padding:0;892 margin:0;893 padding-top:10px;894 padding-bottom:36px;895}896 897#icAddOnpage {898 width: 700px;899 float:left;900 margin-right:20px;901}902#icAddOnpageRight {903 width: 760px;904 float: right;905 padding-right: 20px;906}907#icAddOnpageRight h3908{909 text-shadow: 0px 1px 1px #fff;910 color: #137EDA;911}912.icfloatBox {913 color:#ffffff;914 background-color:rgb(0,174,216);915 padding:20px 18px 20px 18px;916 margin-bottom: 10px;917}918.icfloatBox.light{919 background-color: #3EA3CE;920}921 922.icfloatBox.dark{923 background-color:#001c32;924}925 926.icfloatBox p {927 color:#ffffff;928 font-size:11px;929 font-family:'Ubuntu';930 margin-bottom:14px;931}932 933#RTfloatingbox ul934{935 list-style-type: square;936 padding-left: 15px;937}938 939.icCCblock.firstblock{940 margin-top:40px;941}942.icCCblock a {943 font-family: 'Ubuntu';944 font-weight: 700;945}946.icCCblock .icCcontainer {947 position:absolute;948}949 950.icCCblock .infocontainer{951 margin-left:60px;952}953.icCCblock img {954 float:left;955 margin-right:20px;956}957.icCCblock h3 a{958 color: #001C32;959 text-decoration:none;960}961 962.icADDdesc.firstblock{963 padding-top: 40px;964 padding-bottom: 0px;965}966.icADDdesc .infocontainer h3 {967 margin-top: 5px;968 font-weight: 500;969 font-family: 'Ubuntu';970 font-size: 22px;971}972 973.icADDdesc hr {974 margin-top:16px; 975 margin-bottom:16px;976}977.infocontainerLarge{978 margin-left: 180px;979 margin-top: 25px;980 margin-bottom: 0px;981 height: 130px;982}983.infocontainerLarge h3{984 text-shadow: 0px 1px 1px #fff;985}986#icAddOnpageRight .infocontainer987{988 margin-left: 10px;989 margin-right: 10px;990 padding-right: 15px;991}992.infocontainer{993 margin-left: 60px;994 margin-top: -5px;995 margin-bottom: 0px;996}997.infocontainer ul998{999 list-style-type: square;1000 padding-left: 25px;1001}1002.infocontainer a1003{1004 font-size: 13px;1005 font-weight: 500;1006}1007.iconcontainer img {1008 position: absolute;1009}1010 1011.icADDdesc .iconcontainer div.iconWrapper {1012 position:absolute;1013}1014 1015#down-icon {1016 width: 45px;1017 height: 45px;1018 background-image: url('../Images/New/download_square2.png');1019 background-repeat: no-repeat;1020}1021 1022#sysR-icon1023{1024 width: 45px;1025 height: 45px;1026 background-image: url('../Images/New/systemreq.png');1027 background-repeat: no-repeat;1028}1029#logo25-icon1030{1031 width: 150px;1032 height: 150px;1033 background-image: url('../Images/New/logo25.png');1034 background-repeat: no-repeat;1035}1036#logo50-icon1037{1038 width: 150px;1039 height: 150px;1040 background-image: url('../Images/New/logo50.png');1041 background-repeat: no-repeat;1042}1043#logo200-icon1044{1045 width: 150px;1046 height: 150px;1047 background-image: url('../Images/New/logo200.png');1048 background-repeat: no-repeat;1049}1050#logo500-icon1051{1052 width: 150px;1053 height: 150px;1054 background-image: url('../Images/New/logo500.png');1055 background-repeat: no-repeat;1056}1057 1058#instr-icon1059{1060 width: 45px;1061 height: 45px;1062 background-image: url('../Images/New/instrIcon.png');1063 background-repeat: no-repeat;1064}1065#arch-icon1066{1067 width: 45px;1068 height: 45px;1069 background-image: url('../Images/New/archit.png');1070 background-repeat: no-repeat;1071}1072#formula-icon1073{1074 width: 45px;1075 height: 45px;1076 background-image: url('../Images/New/func.png');1077 background-repeat: no-repeat;1078}1079#indi-icon1080{1081 width: 45px;1082 height: 45px;1083 background-image: url('../Images/New/indic.png');1084 background-repeat: no-repeat;1085}1086#over-icon1087{1088 width: 45px;1089 height: 45px;1090 background-image: url('../Images/New/overlay.png');1091 background-repeat: no-repeat;1092}1093hr.solid {height:1px;background-color:#b2b3b4;color:#b2b3b4;border:none;}1094hr.dash {1095 height: 0px;1096 background-color: transparent;1097 color: #b2b3b4;1098 border-bottom: 1px dashed #b2b3b4;1099 border-top: none;1100 border-top-style: none;1101 border-bottom-style: solid;1102 border-top-width: thin;1103 border-bottom-width: 1px;1104 margin-right: 20px;1105}1106 1107#icFFloat{1108 width:220px;1109 float:right;1110 z-index:10;1111 margin-top:40px;1112}1113#icFFloatLeft1114{1115 width: 280px;1116 float: left;1117 padding-top: 20px;1118 padding-left: 8px;1119 line-height: 35px;1120 font-weight: 500;1121 font-size: 14px;1122}1123 1124#icFFloat h5 {1125 font-family: Ubuntu;1126 font-weight: 700;1127 font-size: 16px;1128 color: #fff;1129 1130}1131#icFFloat hr{1132 height:3px;1133 background-color:rgb(174,207,130);1134 margin-left: auto;1135 margin-right:auto;1136 border:none; 1137 width:175px;1138}1139#RTfloatingbox h5{1140 font-family: 'Ubuntu';1141 font-weight: 700;1142 font-size: 16px;1143 color: #ffffff;1144 padding-bottom: 10px;1145}1146 1147.prlinks{1148 padding-top: 20px;1149 margin-left: 15px;1150}1151 1152.page-title {1153 width: 100%;1154 margin: 22px 0 0px 0;1155 text-align: left;1156}1157.page-title h1,1158.page-title h2 {1159 margin: 0;1160 font-size: 30px;1161 color: #0a263c;1162 font-weight: 500;1163 text-align: left;1164}1165.page-title h1 a1166{1167 color: #000000;1168}1169 .page-title h1 a:hover1170{1171 color: #000000;1172 text-decoration: none;1173}1174#forec a:hover1175{1176 color: #177BD9;1177} 1178.page-title .separator { margin:0 3px; }1179 1180.subLower1181{1182 color: #000000;1183 font-size: 14px;1184}1185.subTopText1186{1187 color: #000000;1188 padding-top: 30px;1189 font-size: 12px;1190 font-weight: 700;1191}1192.mainImg1193{1194 float: right;1195}1196.narrowLeft1197{1198 float: left;1199 width: 450px;1200 padding-top: 15px;