/* Title: Manchester Salford Housing date: June 2007 */ body { margin: 0; padding: 0; font-size: 100%; font-family: Arial, Helvetica, sans-serif; background-color: #FFFFFF; color: #8F8B86; text-align: center;} img { border: none; margin: 0; padding: 0;} a img { border: none; margin: 0; padding: 0;} div, p, form, h1, h2, h3, h4, h5, hr, ul, dl, dd, dt, ul, ol, li, object, param, table, tr, td, th { margin: 0; padding: 0;} h1,h2,h3,h4,h5 { margin: 0; padding: 0; colour: } input,textarea,button,select { font-family: Arial, Helvetica, sans-serif;} table { display: block; border-collapse: collapse; border: none;} th { text-align: left;} /* structure Styles ---------------------------------------------------------- */ #container { width: 780px; margin-left: auto; margin-right: auto; background-color: #FFFFFF; text-align: left;} #header { width: 780px; height: 123px;} #wrapper { width: 780px; margin: 0; padding: 0;} #wrapper2 { width: 617px; margin: 0; padding: 0;} #twocols { float: right; width: 657px; position: relative} #hpmain { float: right; width: 657px; position: relative} #hpmain2 { float: right; width: 657px; position: relative} #hp { float: right; width: 657px; position: relative;} .hpbg{ background: transparent url(../images/bg_hp.gif) no-repeat 0 0; width: 656px; height: 500px; display: block;} #twocols2 { float: right; width: 637px; position: relative} #leftcol { float: left; position: relative; width: 123px;} #leftcol2 { float: left; position: relative; width: 123px;} #maincol { float: left; margin: 20px 0 20px 20px; width: 413px; position: relative;} #hpbo { float: left; margin: 20px 0 20px 20px; width: 413px; position: relative;} #hpcol1 { float: left; margin: 30px 10px 20px 35px; padding: 0; width: 132px; position: relative; display: inline; margin-top: 30px;} #hpcol2 { float: left; margin: 30px 15px 20px 15px; padding: 0; width: 132px; position: relative; display: inline; margin-top: 30px;} #hpcol3 { float: left; margin: 30px 10px 20px 7px; padding: 0; width: 132px; position: relative; display: inline; margin-top: 30px;} #hpcol4 { float: left; margin: 30px 20px 20px 12px; padding: 0; width: 132px; position: relative; display: inline; margin-top: 30px;} #hpbot1 { float: left; margin: 0px 10px 0px 30px; padding: 0px; width: 140px; position: relative; display: inline; margin-top: 10px;} #hpbot2 { float: left; margin: 0px 15px 10px 15px; padding: 0; width: 132px; position: relative; display: inline; margin-top: 10px;} #hpbot3 { float: left; margin: 0px 10px 10px 7px; padding: 0; width: 132px; position: relative; display: inline; margin-top: 10px;} #hpbot4 { float: left; margin: 0px 20px 10px 12px; padding: 0; width: 132px; position: relative; display: inline; margin-top: 10px;} .inside1 { float: left; padding-top: 5px; width: 20px; margin-top: 5px;} .inside2 { float: left; padding-top: 5px; width: 100px; margin-top: 5px; font-size: 85%;} #maincolalt { float: left; margin: 0 20px; padding: 0; width: 600px; position: relative; display: inline; margin-top: 20px;} #maincoltext { float: left; margin: 0 20px; padding: 0; width: 300px; position: relative; display: inline; margin-top: 20px;} #maincolmap { float: left; margin: 0 0px; padding: 0; width: 637px; position: relative; display: inline; margin-top: 20px;} #maincol2 { float: left; margin: 0 20px; padding: 0; width: 280px; position: relative; display: inline; margin-top: 20px;} #rightcol { float: right; display: inline; position: relative; width: 204px; margin-top: 20px;} #rightcol3 { float: right; display: inline; position: relative; width: 322px; margin-top: 20px;} #footer { width: 765px; height: 15px; clear: both; margin-top: 30px; padding: 5px 5px 5px 10px; background-color: #801E6C;} #footer2 { clear: both;} #footer li { float: left; display: inline; list-style-type: none; font-size: 70%; color: #FFFFFF; margin-right: 10px;} #footer a, #footer a:visited { color: #ffffff; text-decoration: none;} #footer a:hover { text-decoration: underline;} .privacy { padding-left: 295px; border-right: 1px solid #ffffff; padding-right: 10px;} .required { color: #FF0000;} #leftcol2 { float: left; position: relative; width: 123px;} #rightcol2 { float: right; display: inline; position: relative; width: 617px; margin: 20px 20px 0 20px;} #col1 { float: left; position: relative; width: 260px; margin-right: 40px;} #col2 { float: right; display: inline; position: relative; width: 300px;} /* navigation ---------------------------------------------------------- */ #nav ul { px: 0; margin: 0;} #nav li { margin-top: 1px; float: left; display: inline; list-style-type: none; font-size: 80%;} #nav li.sub { margin-top: 0px; float: none; display: blockl list-style-type: none; font-size: 100%;} li.home { background: transparent url(../images/nav/home.gif) no-repeat 0 0; width: 123px; height: 20px; display: block;} li.home a { width: 123px; height: 0; display: block; padding-top: 20px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/home.gif) no-repeat -123px 0;} li.home a:hover { background-position: 0 -20px; z-index: 50;} li.home-over { background: transparent url(../images/nav/home_over.gif) no-repeat; width: 123px; height: 20px; display: block;} * html li.home a:link, * html li.home a:visited { height: 20px; he\ight:0;} * html li.home a:hover { height: 20px; he\ight:0;} li.aboutus { background: transparent url(../images/nav/about-us.gif) no-repeat 0 0; width: 123px; height: 20px; display: block;} li.aboutus a { width: 123px; height: 0; display: block; padding-top: 20px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/about-us.gif) no-repeat -123px 0;} li.aboutus a:hover { background-position: 0 -20px; z-index: 50;} li.aboutus-over a { background: transparent url(../images/nav/about-us_over.gif) no-repeat 0 0; width: 123px; display: block; padding-top: 20px; color: #cccccc; overflow: hidden;} * html li.aboutus a:link, * html li.aboutus a:visited { height: 20px; he\ight: 0;} * html li.aboutus a:hover { height: 20px; he\ight: 0;} li.governance { background: transparent url(../images/nav/sub-governance.gif) no-repeat 0 0; width: 123px; height: 20px; display: block;} li.governance a { width: 123px; height: 0; display: block; padding-top: 20px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/sub-governance.gif) no-repeat -123px 0;} li.governance a:hover { background-position: 0 -20px; z-index: 50;} li.governance-over a { background: transparent url(../images/nav/sub-governance_over.gif) no-repeat 0 0; width: 123px; height: 20px; display: block; padding-top: 20px; color: #cccccc; overflow: hidden;} li.ourstrategy { background: transparent url(../images/nav/sub-strategy.gif) no-repeat 0 0; width: 123px; height: 20px; display: block;} li.ourstrategy a { width: 123px; height: 0; display: block; padding-top: 20px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/sub-strategy.gif) no-repeat -123px 0;} li.ourstrategy a:hover { background-position: 0 -20px; z-index: 50;} li.ourstrategy-over a { background: transparent url(../images/nav/sub-strategy_over.gif) no-repeat 0 0; width: 123px; height: 20px; display: block; padding-top: 20px; color: #cccccc; overflow: hidden;} li.pathfinder { background: transparent url(../images/nav/sub-pathfinder.gif) no-repeat 0 0; width: 123px; height: 20px; display: block;} li.pathfinder a { width: 123px; height: 0; display: block; padding-top: 20px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/sub-pathfinder.gif) no-repeat -123px 0;} li.pathfinder a:hover { background-position: 0 -20px; z-index: 50;} li.pathfinder-over a { background: transparent url(../images/nav/sub-pathfinder_over.gif) no-repeat 0 0; width: 123px; height: 20px; display: block; padding-top: 20px; color: #cccccc; overflow: hidden;} li.investment { background: transparent url(../images/nav/sub-investment.gif) no-repeat 0 0; width: 123px; height: 20px; display: block;} li.investment a { width: 123px; height: 0; display: block; padding-top: 20px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/sub-investment.gif) no-repeat -123px 0;} li.investment a:hover { background-position: 0 -20px; z-index: 50;} li.investment-over a { background: transparent url(../images/nav/sub-investment_over.gif) no-repeat 0 0; width: 123px; height: 20px; display: block; padding-top: 20px; color: #cccccc; overflow: hidden;} li.marketrenewal { background: transparent url(../images/nav/sub-market.gif) no-repeat 0 0; width: 123px; height: 20px; display: block;} li.marketrenewal a { width: 123px; height: 0; display: block; padding-top: 20px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/sub-market.gif) no-repeat -123px 0;} li.marketrenewal a:hover { background-position: 0 -20px; z-index: 50;} li.marketrenewal-over a { background: transparent url(../images/nav/sub-market_over.gif) no-repeat 0 0; width: 123px; height: 20px; display: block; padding-top: 20px; color: #cccccc; overflow: hidden;} li.erdf { background: transparent url(../images/nav/sub-erdf.gif) no-repeat 0 0; width: 123px; height: 20px; display: block;} li.erdf a { width: 123px; height: 0; display: block; padding-top: 20px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/sub-erdf.gif) no-repeat -123px 0;} li.erdf a:hover { background-position: 0 -20px; z-index: 50;} li.erdf-over a { background: transparent url(../images/nav/sub-erdf_over.gif) no-repeat 0 0; width: 123px; height: 20px; display: block; padding-top: 20px; color: #cccccc; overflow: hidden;} li.yourarea { background: transparent url(../images/nav/yourarea.gif) no-repeat 0 0; width: 123px; height: 20px; display: block;} li.yourarea a { width: 123px; height: 0; display: block; padding-top: 20px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/yourarea.gif) no-repeat -123px 0;} li.yourarea a:hover { background-position: 0 -20px; z-index: 50;} li.yourarea-over a { background: transparent url(../images/nav/yourarea_over.gif) no-repeat 0 0; width: 123px; height: 20px; display: block; padding-top: 20px; color: #cccccc; overflow: hidden;} * html li.yourarea a:link, * html li.yourarea a:visited { height: 20px; he\ight: 0;} * html li.yourarea a:hover { height: 20px; he\ight: 0;} li.northman { background: transparent url(../images/nav/sub-northman.gif) no-repeat 0 0; width: 123px; height: 20px; display: block;} li.northman a { width: 123px; height: 0; display: block; padding-top: 20px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/sub-northman.gif) no-repeat -123px 0;} li.northman a:hover { background-position: 0 -20px; z-index: 50;} li.northman-over a { background: transparent url(../images/nav/sub-northman_over.gif) no-repeat 0 0; width: 123px; height: 0; display: block; padding-top: 20px; color: #cccccc; overflow: hidden;} li.eastman { background: transparent url(../images/nav/sub-eastman.gif) no-repeat 0 0; width: 123px; height: 20px; display: block;} li.eastman a { width: 123px; height: 0; display: block; padding-top: 20px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/sub-eastman.gif) no-repeat -123px 0;} li.eastman a:hover { background-position: 0 -20px; z-index: 50;} li.eastman-over a { background: transparent url(../images/nav/sub-eastman_over.gif) no-repeat 0 0; width: 123px; height: 0; display: block; padding-top: 20px; color: #cccccc; overflow: hidden;} li.southman { background: transparent url(../images/nav/sub-centralman.gif) no-repeat 0 0; width: 123px; height: 20px; display: block;} li.southman a { width: 123px; height: 0; display: block; padding-top: 20px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/sub-centralman.gif) no-repeat -123px 0;} li.southman a:hover { background-position: 0 -20px; z-index: 50;} li.southman-over a { background: transparent url(../images/nav/sub-centralman_over.gif) no-repeat 0 0; width: 123px; height: 0; display: block; padding-top: 20px; color: #cccccc; overflow: hidden;} li.centralsal { background: transparent url(../images/nav/sub-centralsal.gif) no-repeat 0 0; width: 123px; height: 20px; display: block;} li.centralsal a { width: 123px; height: 0; display: block; padding-top: 20px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/sub-centralsal.gif) no-repeat -123px 0;} li.centralsal a:hover { background-position: 0 -20px; z-index: 50;} li.centralsal-over a { background: transparent url(../images/nav/sub-centralsal_over.gif) no-repeat 0 0; width: 123px; height: 0; display: block; padding-top: 20px; color: #cccccc; overflow: hidden;} li.images { background: transparent url(../images/nav/sub-images.gif) no-repeat 0 0; width: 123px; height: 20px; display: block;} li.images a { width: 123px; height: 0; display: block; padding-top: 20px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/sub-images.gif) no-repeat -123px 0;} li.images a:hover { background-position: 0 -20px; z-index: 50;} li.images-over a { background: transparent url(../images/nav/sub-images_over.gif) no-repeat 0 0; width: 123px; height: 0; display: block; padding-top: 20px; color: #cccccc; overflow: hidden;} li.regeneration { background: transparent url(../images/nav/sub-regeneration.gif) no-repeat 0 0; width: 123px; height: 20px; display: block;} li.regeneration a { width: 123px; height: 0; display: block; padding-top: 20px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/sub-regeneration.gif) no-repeat -123px 0;} li.regeneration a:hover { background-position: 0 -20px; z-index: 50;} li.regeneration-over a { background: transparent url(../images/nav/sub-regeneration_over.gif) no-repeat 0 0; width: 123px; height: 0; display: block; padding-top: 20px; color: #cccccc; overflow: hidden;} li.otheregeneration { background: transparent url(../images/nav/sub-otherregeneration.gif) no-repeat 0 0; width: 123px; height: 30px; display: block;} li.otheregeneration a { width: 123px; height: 0; display: block; padding-top: 30px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/sub-otherregeneration.gif) no-repeat -123px 0;} li.otheregeneration a:hover { background-position: 0 -30px; z-index: 50;} li.otheregeneration-over a { background: transparent url(../images/nav/sub-otherregeneration_over.gif) no-repeat 0 0; width: 123px; height: 0; display: block; padding-top: 30px; color: #cccccc; overflow: hidden;} li.respect { background: transparent url(../images/nav/sub-respect.gif) no-repeat 0 0; width: 123px; height: 20px; display: block;} li.respect a { width: 123px; height: 0; display: block; padding-top: 20px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/sub-respect.gif) no-repeat -123px 0;} li.respect a:hover { background-position: 0 -20px; z-index: 50;} li.respect-over a { background: transparent url(../images/nav/sub-respect_over.gif) no-repeat 0 0; width: 123px; height: 0; display: block; padding-top: 20px; color: #cccccc; overflow: hidden;} li.news { background: transparent url(../images/nav/news.gif) no-repeat 0 0; width: 123px; height: 20px; display: block;} li.news a { width: 123px; height: 0; display: block; padding-top: 20px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/news.gif) no-repeat -123px 0;} li.news a:hover { background-position:0 -20px; z-index: 50;} li.news-over { background:transparent url(../images/nav/news_over.gif) no-repeat 0 0; width: 123px; height: 20px; display: block;} li.sub li { width: 123px; height: 20px; display: block;} li.sub li a { width: 123px; height: 0px; display: block; padding-top: 20px; color: #cccccc; overflow: hidden; } li.sub li a:hover { background-position:0 -20px; z-index: 50;} li.sub li.over a { background-position:0 -20px; } * html li.news a:link, * html li.news a:visited { height: 20px; he\ight: 0;} * html li.news a:hover { height: 20px; he\ight: 0;} li.news2007 { background: transparent url(../images/nav/sub-2007.gif) no-repeat 0 0; width: 123px; height: 20px; display: block;} li.news2007 a { width: 123px; height: 0; display: block; padding-top: 20px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/sub-2007.gif) no-repeat -123px 0;} li.news2007 a:hover { background-position: 0 -20px; z-index: 50;} li.news2007-over a { background: transparent url(../images/nav/sub-2007_over.gif) no-repeat 0 0; width: 123px; height: 0; display: block; padding-top: 20px; color: #cccccc; overflow: hidden;} li.news2008 { background: transparent url(../images/nav/sub-2009_over.gif) no-repeat 0 0; width: 123px; height: 20px; display: block;} li.news2008 a { width: 123px; height: 0; display: block; padding-top: 20px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/sub-2009_over.gif) no-repeat -123px 0;} li.news2008 a:hover { background-position: 0 -20px; z-index: 50;} li.news2008-over a { background: transparent url(../images/nav/sub-2009_over.gif) no-repeat 0 0; width: 123px; height: 0; display: block; padding-top: 30px; color: #cccccc; overflow: hidden;} li.publications { background: transparent url(../images/nav/publications.gif) no-repeat 0 0; width: 123px; height: 20px; display: block;} li.publications a { width: 123px; height: 0; display: block; padding-top: 20px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/publications.gif) no-repeat -123px 0;} li.publications a:hover { background-position:0 -20px; z-index: 50;} li.publications-over { background:transparent url(../images/nav/publications_over.gif) no-repeat 0 0; width: 123px; height: 20px; display: block;} * html li.publications a:link, * html li.publications a:visited { height: 20px; he\ight: 0;} * html li.publications a:hover { height: 20px; he\ight: 0;} li.research { background: transparent url(../images/nav/research.gif) no-repeat 0 0; width: 123px; height: 20px; display: block;} li.research a { width: 123px; height: 0; display: block; padding-top: 20px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/research.gif) no-repeat -123px 0;} li.research a:hover { background-position:0 -20px; z-index: 50;} li.research-over { background:transparent url(../images/nav/research_over.gif) no-repeat 0 0; width: 123px; height: 20px; display: block;} * html li.research a:link, * html li.research a:visited { height: 20px; he\ight: 0;} * html li.research a:hover { height: 20px; he\ight: 0;} li.faq { background: transparent url(../images/nav/faqs.gif) no-repeat 0 0; width: 123px; height: 20px; display: block;} li.faq a { width: 123px; height: 0; display: block; padding-top: 20px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/faqs.gif) no-repeat -123px 0;} li.faq a:hover { background-position:0 -20px; z-index: 50;} li.faq-over { background:transparent url(../images/nav/faqs_over.gif) no-repeat 0 0; width: 123px; height: 20px; display: block;} * html li.faq a:link, * html li.faq a:visited { height: 20px; he\ight: 0;} * html li.faq a:hover { height: 20px; he\ight: 0;} li.links { background: transparent url(../images/nav/links.gif) no-repeat 0 0; width: 123px; height: 20px; display: block;} li.links a { width: 123px; height: 0; display: block; padding-top: 20px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/links.gif) no-repeat -123px 0;} li.links a:hover { background-position:0 -20px; z-index: 50;} li.links-over { background:transparent url(../images/nav/links_over.gif) no-repeat 0 0; width: 123px; height: 20px; display: block;} * html li.links a:link, * html li.links a:visited { height: 20px; he\ight: 0;} * html li.links a:hover { height: 20px; he\ight: 0;} li.contactus { background: transparent url(../images/nav/contact.gif) no-repeat 0 0; width: 123px; height: 20px; display: block;} li.contactus a { width: 123px; height: 0; display: block; padding-top: 20px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/contact.gif) no-repeat -123px 0;} li.contactus a:hover { background-position:0 -20px; z-index: 50;} li.contactus-over { background:transparent url(../images/nav/contact_over.gif) no-repeat 0 0; width: 123px; height: 20px; display: block;} * html li.contactus a:link, * html li.contactus a:visited { height: 20px; he\ight: 0;} * html li.contactus a:hover { height: 20px; he\ight: 0;} li.siteaz { background: transparent url(../images/nav/siteaz.gif) no-repeat 0 0; width: 123px; height: 20px; display: block;} li.siteaz a { width: 123px; height: 0; display: block; padding-top: 20px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/siteaz.gif) no-repeat -123px 0;} li.siteaz a:hover { background-position:0 -20px; z-index: 50;} li.siteaz-over { background:transparent url(../images/nav/siteaz_over.gif) no-repeat 0 0; width: 123px; height: 20px; display: block;} * html li.siteaz a:link, * html li.siteaz a:visited { height: 20px; he\ight: 0;} * html li.siteaz a:hover { height: 20px; he\ight: 0;} li.login { background: transparent url(../images/nav/secure.gif) no-repeat 0 0; width: 123px; height: 20px; display: block;} li.login a { width: 123px; height: 0; display: block; padding-top: 20px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/secure.gif) no-repeat -123px 0;} li.login a:hover { background-position:0 -20px; z-index: 50;} li.login-over { background:transparent url(../images/nav/secure_over.gif) no-repeat 0 0; width: 123px; height: 20px; display: block;} * html li.login a:link, * html li.login a:visited { height: 20px; he\ight: 0;} * html li.login a:hover { height: 20px; he\ight: 0;} li.resources { background: transparent url(../images/nav/resources.gif) no-repeat 0 0; width: 123px; height: 20px; display: block;} li.resources a { width: 123px; height: 0; display: block; padding-top: 20px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/resources.gif) no-repeat -123px 0;} li.resources a:hover { background-position:0 -20px; z-index: 50;} li.resources-over { background:transparent url(../images/nav/resources_over.gif) no-repeat 0 0; width: 123px; height: 20px; display: block;} * html li.resources a:link, * html li.resources a:visited { height: 20px; he\ight: 0;} * html li.resources a:hover { height: 20px; he\ight: 0;} * html #nav a:hover { height: 20px; he\ight: 0;} #nav a { display: block; height: 0; overflow: hidden; } * html #nav a:link, * html #nav a:visited { height: 20px; he\ight: 0;} #nav .last { padding-right: 0;} #subnav .last { padding-right: 0;} /* content styles --------------------------------------------------------- */ .maincontent { font-size: 100%; color: #8F8B86; font-size: 75%;} .maincontent img { margin-bottom: 10px;} .maincontent p { color: #868789; padding-bottom: 10px; clear:both; } .maincontent h1 { font-size: 120%; color: #8F8B86; padding-bottom: 10px;} .maincontent h2 { font-size: 130%; color: #8F8B86; padding-bottom: 10px;} .maincontent ul { color: #8F8B86; padding-bottom: 10px;} .maincontent li { margin-left: 15px; padding-bottom: 10px;} #publications li, #library li { padding-left: 5px; margin-left: 20px; list-style-image: url(../images/pdf-icon.gif);} .maincontent a:link, .maincontent a:visited { color: #811C6A; text-decoration: none;} .maincontent a:hover { text-decoration: underline;} .maincontent .caption { color: #8F8B86; font-size: 70%;} ul.accesskeys { list-style-type: none; margin-bottom: 10px; padding: 0;} #mcc-logo { clear: both; text-align: center; padding-top: 20px;} #mcc-logo p { margin-bottom: 20px;} .error { color: #CC0000; color: #8F8B86; font-size: 70%;} .skiplink { display: none;} .purpletext { color: #811C6A; font-size: 100%;} /* forms ---------------------------------------------------------- */ #form { padding: 0; margin: 20px 0 10px 0; color: #333333; font-size: 100%;} #form .input, #form .textarea { width: 250px; margin-bottom: 5px; margin-top: 5px; padding: 4px; border: 1px solid #C1DAD7;} #formSubmit { width: 78px;} #formReg { color: #333333; font-size: 100%;} #formReg .input, #formReg .textarea { width: 250px; margin-bottom: 0; margin-top: 0; padding: 4px; border: 1px solid #C1DAD7;} #formSubmit { width: 78px;} /* additional styles - do not delete ---------------------------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix { display: inline-table;} /* Hides from IE-mac \*/ * html .clearfix { height: 1%;} .clearfix { display: block;} /* End hide from IE-mac */ .doc_image { float: left; padding-top: 5px; width: 20px; margin-top: 5px; display:block; } .doc_link { float: left; padding-top: 5px; margin-top: 5px; display:block; } .hpmain .doc_image { } .hpmain .doc_link { font-size: 85%; width: 100px; } .article h3 { margin-bottom:0.5em; font-size:1.16666em} .article { margin-bottom:0.5em}