/* CSS generated by Silktide Site Manager at 09:14am 09/03/2010 - do not edit this file directly */ /*----------------------------------------------------------------------------------------------------------------------------------------------------------- CSS for Independent Midwives - Main Stylesheet Author: Alison Springall (alisonspringall@silktide.com) / Silktide Ltd Created: 10/03/2009 -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Global Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* commented backslash hack \*/ html, body { height: 100%; } /* end hack */ body { background: #EEEBF1 url(http://www.independentmidwives.org.uk/private/templatefiles/im_body_bg.jpg) repeat-x 0 -30px; font: 75% 'trebuchet ms', verdana, arial, helvetica, sans-serif; text-align: center; padding: 0; margin: 0;} h1, p.largetext { font: bold 1.4em 'trebuchet ms', arial, verdana, helvetica, sans-serif; color: #502686; margin: 0 0 15px; } h2 { font: bold 1.3em 'trebuchet ms', arial, verdana, helvetica, sans-serif; color: #502686; margin: 15px 0; } h3 { font: bold 1.0em a'trebuchet ms', rial, verdana, helvetica, sans-serif; color: #502686; margin: 10px 0; } p { font-size: 1.0em; line-height: 1.7em; margin: 10px 0; } li { font-size: 1.0em; line-height: 1.7em; margin: auto; } #content li { list-style-type: square; } a, a:visited { text-decoration: none; color: #512787; } a:hover, a:active { color: #696969; } hr { height: 1px; background-color: #e8e8e8; color: #e8e8e8; border: 0; margin: 15px 0; } img { border: 0; } form { background: transparent; font-size: 1.0em; } table { background: transparent; font-size: 1.0em; } th, td { vertical-align: top; } .tablestyle { border-collapse: collapse; } .tablestyle td, .tablestyle th { vertical-align: top; padding: 5px 5px 5px 0; } .tableborder td, .tableborder th { vertical-align: top; padding: 5px; border: 1px solid #e8e8e8; } .clear { height: 0; clear: both; font-size: 0.1em; line-height: 0.1em; padding: 0; margin: 0; } .right { float: right; } .left { float: left; } .widthwrapper { width: 100%; } .padding { padding: 20px; } #accessibility { display: none; } /* Layout Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #container { width: 971px; min-height: 100%; height: auto; background: transparent url(http://www.independentmidwives.org.uk/private/templatefiles/im_header_bg.jpg) no-repeat 0 15px; text-align: left; padding: 0 9px 0 10px; margin: 0 auto -90px; } /* margin-bottom to match #clearfooter */ * html #container { height: 100%; } #header { } #join { width: 141px; height: 59px; float: right; overflow: hidden; background: transparent url(http://www.independentmidwives.org.uk/private/templatefiles/im_join_bg.png) no-repeat bottom left; font-weight: bold; font-size: 1.4em; text-align: center; padding-top: 10px; margin: 40px 30px 0 0; } #join span { font-weight: normal; font-size: 0.8em; } #sitelogo { display: block; padding: 40px 15px 15px; margin: 0; } #mainnav { height: 44px; padding: 0; border-bottom: 5px solid #502686; margin: 0 0 0; } #mainnav li { float: left; font-size: 1.1em; line-height: 1.5em; list-style-type: none; text-align: center; padding: 0; margin: 0 1px 0 0; } #mainnav li a, #mainnav li a:visited { width: 242px; height: 44px; float: left; background: transparent url(http://www.independentmidwives.org.uk/private/templatefiles/im_tab1.png) no-repeat bottom left; font-weight: bold; font-size: 1.2em; line-height: 44px; color: #fff; } #mainnav li a:hover, #mainnav li a:active { background-image: url(http://www.independentmidwives.org.uk/private/templatefiles/im_tab3.png); } #mainnav li#tab10591 a, #mainnav li#tab10591 a:visited { background-image: url(http://www.independentmidwives.org.uk/private/templatefiles/im_tab2.png); } #mainnav li#tab10591 a:hover, #mainnav li#tab10591 a:active { background-image: url(http://www.independentmidwives.org.uk/private/templatefiles/im_tab4.png); } #mainnav li#tab10592 a, #mainnav li#tab10592 a:visited { background-image: url(http://www.independentmidwives.org.uk/private/templatefiles/im_tab3.png); } #mainnav li#tab10592 a:hover, #mainnav li#tab10592 a:active { background-image: url(http://www.independentmidwives.org.uk/private/templatefiles/im_tab1.png); } #mainnav li#tab723 { margin-right: 0; } #mainnav li#tab723 a, #mainnav li#tab723 a:visited { background-image: url(http://www.independentmidwives.org.uk/private/templatefiles/im_tab4.png); } #mainnav li#tab723 a:hover, #mainnav li#tab723 a:active { background-image: url(http://www.independentmidwives.org.uk/private/templatefiles/im_tab2.png); } #sidecol { width: 242px; float: left; } #sidecol .submenu { min-height: 224px; background: #693A71 url(http://www.independentmidwives.org.uk/private/templatefiles/im_subnav_bg.jpg) repeat-x 0 0; padding: 5px 10px 12px; margin: 0;} #sidecol ul { padding: 0; margin: 0; } #sidecol ul li { font-weight: bold; font-size: 1.1em; line-height: 1.5em; list-style-type: none; padding: 0; border-bottom: 1px solid #B178BB; margin: 0; } #sidecol ul li a, #sidecol ul li a:visited { display: block; color: #fff; border-bottom: 1px solid #52235C; padding: 3px 15px; } #sidecol ul li a:hover, #sidecol ul li a:active { color: #B178BB; } #sidecol ul ul { min-height: auto; background: transparent none; padding: 5px 10px 15px; margin: 0; } #sidecol ul ul li { font-size: 0.85em; border: 0; } #sidecol ul ul li a, #sidecol ul ul li a:visited { border-bottom: 0; } .subcontenttop { width: 227px; height: 10px; background: transparent url(http://www.independentmidwives.org.uk/private/templatefiles/im_subcontent_top.png) no-repeat bottom left; padding: 0; margin: 15px 0 0; } .subcontent { width: 187px; min-height: 75px; position: relative; background: #fff url(http://www.independentmidwives.org.uk/private/templatefiles/im_subcontent_bg.jpg) no-repeat bottom left; padding: 10px 15px 35px 25px; margin-top: 0; } .subcontent p.largetext { font-size: 1.1em; } p.button { position: absolute; bottom: 15px; right: 15px; background: transparent url(http://www.independentmidwives.org.uk/private/templatefiles/im_button.png) no-repeat top right; font-weight: bold; line-height: 1.7em; font-size: 1.1em; text-align: center; color: #fff; margin: 0; } p.button a, p.button a:visited { width: 104px; height: 25px; display: block; color: #fff; padding: 0; margin: 0; } p.button a:hover, p.button a:active { color: #B178BB; } #postcard { width: 187px; height: 127px; position: relative; background: transparent url(http://www.independentmidwives.org.uk/private/templatefiles/im_postcard_bg.jpg) no-repeat top left; padding: 10px 15px 15px 25px; margin-top: 15px; } #postcard p { color: #000; margin: 0; } #subcol { width: 227px; float: right; margin-top: 10px; } #home #subcol { width: 234px; margin-top: 1px; } #findamidwife { width: 204px; min-height: 210px; position: relative; background: #e1e4e7 url(http://www.independentmidwives.org.uk/private/templatefiles/im_find-a-midwife.jpg) no-repeat bottom left; padding: 15px; } #findamidwife p, #findamidwife label { font-weight: bold; font-size: 1.1em; color: #512787; } #findamidwife input { width: 180px!important; margin-left: 15px; } #findamidwife input.button { width: 104px!important; height: 25px; background: transparent url(http://www.independentmidwives.org.uk/private/templatefiles/im_button.png) no-repeat top right; font-weight: bold; color: #fff; border: 0; margin: 10px 0 0 95px; } #findamidwife #transmidwife { position: absolute; bottom: 0; left: 0; } #latestnews { background-color: #D6D1E5; border: 1px solid #fff; padding: 5px 15px; margin-top: 15px; } #latestnews h2 { margin-top: 0; } #latestnews p.date { background: transparent url(http://www.independentmidwives.org.uk/private/templatefiles/im_divider.jpg) no-repeat top center; color: #0B65B2; padding-top: 10px; margin: 0; } #latestnews p { margin-top: 0; } #donation { width: 204px; height: 96px; background: transparent url(http://www.independentmidwives.org.uk/private/templatefiles/im_donation_bg.jpg) no-repeat 0 0; padding: 5px 15px; margin-top: 15px; } #donation p { line-height: 1.2em; color: #98AB8C; margin: 0; } #donation p a, #donation p a:visited { color: #fff; } #donation p a:hover, #donation p a:active { color: #98AB8C; } #donation p#editable { line-height: 1.2em; color: #000; margin: 20px 0 0 40px; } #donation p#editable a, #donation p#editable a:visited { color: #98AB8C; } #donation p#editable a:hover, #donation p#editable a:active { color: #000; } #home #donation h3 { line-height: 1.2em; color: #000; margin: 20px 0 10px 40px; } #home #donation p#editable { line-height: 1.2em; color: #000; margin: 10px 0 0 40px; } .subimg { text-align: center; margin-bottom: 10px; } .subimg img { border: 2px solid #fff!important; margin; 0 auto; } .quote { background: #D6D1E5; padding: 10px; border: 1px solid #fff; margin-bottom: 10px; } #contentwrapper { padding: 10px 0 0 10px; margin-left: 243px; } #home #contentwrapper { padding: 1px 0 0 0; margin-left: 243px; } #contenttop { width: 484px; height: 10px; background: transparent url(http://www.independentmidwives.org.uk/private/templatefiles/im_content_top.png) no-repeat bottom left; padding: 0; margin: 15px 0 0; } #content { width: 454px; min-height: 300px; background: #fff url(http://www.independentmidwives.org.uk/private/templatefiles/im_content_bg.jpg) no-repeat bottom left; padding: 5px 15px 50px; margin-top: 0; } #bannerimg { display: block; } .gallery img { padding: 2px; border: 1px solid #e8e8e8; } #clearfooter { clear: both; height: 90px;} /* height to match height + padding + margin etc in #footer */ #footer { width: 100%; height: 85px; clear: both; background: #fff url(http://www.independentmidwives.org.uk/private/templatefiles/im_footer_bg.jpg) repeat-x 0 0; font: 0.85em arial, verdana, helvetica, sans-serif; text-align: center; margin-top: 5px; } #footer .wrapper { width: 971px; text-align: left; padding-top: 15px; margin: 0 auto; } #footer p { color: #696969; padding: 5px 0; margin: 0; } #footer p a, #footer p a:visited { color: #696969; padding: 0 10px 0 0; } #footer p a:hover, #footer p a:active { color: #512787; } #footer ul { padding: 0; margin: 0 0 0 -5px; } #footer ul li { list-style-type: none; display: inline; color: #512787; } #footer ul li a, #footer ul li a:visited { color: #512787; padding: 0 5px; } #footer ul li a:hover, #footer ul li a:active { color: #696969; } table#mapresultstable td { vertical-align: top; padding-bottom: 10px; }