/* CSS Site RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none;}

/* START CSS */
body, html {background: #f499c1; font-family:Arial, Helvetica, sans-serif; color: #000000;}

.clear {clear:both;}
.hide {display:none; visibility:hidden;}
.nav_categories {list-style-type: none;}

h1 {width:auto; padding: 15px 25px 5px 15px; height: 30px; color: #FFFFFF; display: block;}
h2 {font-weight: 12px; padding: 10px 15px;  font-size: 20px; font-weight: bold; color: #993399;}
h3 {font-weight: 12px;  padding: 10px 15px;font-size: 16px; font-weight: bold; color: #660066;}

p, ul, ol, dl, table, address, blockquote, fieldset, pre, form div {font-size: 0.8em; /* 12px */}
p {font-weight: 12px; padding: 10px 15px; }
b, strong {font-weight: 14px; color: #9C3392; padding-bottom: 0px; margin-bottom: 10px;}
a {font-size: 12px; color: #000000; text-decoration: underline; }

#container {width: 1004px; height: auto; margin: 0px auto; padding: 0px;}

#member-menu {width: 1004px; height: 20px; display: block; color: #FFFFFF; font-size: 10px; text-align: right;}
#member-menu a {text-decoration: underline; font-size: 10px; color: #FFFFFF;}

#header {width: auto; height: 45px; background: url(http://www.my60seconds.co.uk/images/interface/header-bg.jpg) top left no-repeat #f8c1d9; padding: 145px 0px 0px 10px;}

#header #menu {display: block; width: auto; height: 60px;}
#header #menu ul {list-style-type:none; display: inline; padding: 0px; margin: 0px;}
#header #menu li.home {float: left; height: 50px; width: 156px; background: url(http://www.my60seconds.co.uk/images/interface/my-sixty.jpg) top left no-repeat;}
#header #menu li.home a {height: 50px; width: 156px; display: block;}
#header #menu li.vaccination {float: left; height: 50px; width: 165px; background: url(http://www.my60seconds.co.uk/images/interface/the-vaccinations.jpg) top left no-repeat;}
#header #menu li.vaccination a {height: 50px; width: 165px; display: block;}
#header #menu li.faqs {float: left; height: 50px; width: 124px; background: url(http://www.my60seconds.co.uk/images/interface/hpv-faqs.jpg) top left no-repeat;}
#header #menu li.faqs a {height: 50px; width: 124px; display: block;}
#header #menu li.blog {float: left; height: 50px; width: 82px; background: url(http://www.my60seconds.co.uk/images/interface/blog.jpg) top left no-repeat;}
#header #menu li.blog a {height: 50px; width: 82px; display: block;}
#header #menu li.news {float: left; height: 50px; width: 87px; background: url(http://www.my60seconds.co.uk/images/interface/news.jpg) top left no-repeat;}
#header #menu li.news a {height: 50px; width: 87px; display: block;}
#header #menu li.contact {float: left; height: 50px; width: 136px; background: url(http://www.my60seconds.co.uk/images/interface/get-in-touch.jpg) top left no-repeat;}
#header #menu li.contact a {height: 50px; width: 136px; display: block;}

#contentcontainer {width: auto; min-height: 300px; background: #f8c1d9;}
#contentcontainer #content {min-height: 380px; width: 700px; display: block; background: url(http://www.my60seconds.co.uk/images/interface/content-bg.gif) top left no-repeat #ffffff; float: left; padding: 40px 10px;}
#contentcontainer #content a {padding: 0px 0px;}

.blog-bg-dark {background: #f2d4e1; padding: 10px 10px;}
.blog-bg-dark h3 {padding: 10px 0px;}
.blog-bg-dark p {padding: 10px 0px 10px 0px;}
.inner-dark {background: #c8528d; padding: 0px 10px ;}
.inner-dark p {color: #FFFFFF;}
.inner-dark a {color: #FFFFFF;}

.blog-bg-light {background: #FFFFFF; padding: 10px 10px;}
.blog-bg-light h3 {padding: 10px 0px; font-size: 16px;}
.blog-bg-light p {padding: 10px 0px 10px 0px;}
.inner-light {background: #e4e4e4; padding: 0px 10px ;}
.inner-light p {color: #000000;}
.inner-light a {color: #000000;}

#contentcontainer #contentright {height: auto; width: 241px; display: block; float: right; margin-right: 10px;}
#contentcontainer #contentright #top {height: 202px; width: 221px; display: block; background: url(http://www.my60seconds.co.uk/images/interface/blog-side.jpg) top left no-repeat; padding: 10px;}
#contentcontainer #contentright #bottom {height: 176px; width: 201px; display: block; background: url(http://www.my60seconds.co.uk/images/interface/news-side.jpg) top left no-repeat; padding: 20px;}

#footer {width: auto; height: 144px; background: #c8528d;}
#footer #footer-menu {display: block; width: 750px; height: 110px; float: left; padding: 10px 0px 0px 10px; text-align: right;}
#footer #footer-menu ul {list-style-type:none; display: inline; padding: 0px; margin: 0px;}
#footer #footer-menu li.arm {float: left; height:110px; width: 205px; background: url(http://www.my60seconds.co.uk/images/interface/arm-logo.jpg) top left no-repeat;}
#footer #footer-menu li.arm a {height: 110px; width: 205px; display: block;}
#footer #footer-menu li.faq-foot {float: left; height: 110px; width: 166px; background: url(http://www.my60seconds.co.uk/images/interface/faqs.jpg) top left no-repeat;}
#footer #footer-menu li.faq-foot a {height: 110px; width: 166px; display: block;}
#footer #footer-menu li.reminder {float: left; height: 110px; width: 182px; background: url(http://www.my60seconds.co.uk/images/interface/reminder.jpg) top left no-repeat;}
#footer #footer-menu li.reminder a {height: 110px; width: 182px; display: block;}
#footer #footer-menu li.contact-foot {float: left; height: 110px; width: 171px; background: url(http://www.my60seconds.co.uk/images/interface/contact-us.jpg) top left no-repeat;}
#footer #footer-menu li.contact-foot a {height: 110px; width: 171px; display: block;}

#footer #logo {height: 144px; width: 217px; display: block; background: url(http://www.my60seconds.co.uk/images/interface/nhs-logo.jpg) bottom left no-repeat; float: right;}
#footer #logo .nhs-link {height: 144px; width: 217px; display: block;}