body { padding: 0; margin: 0; }

.pagecontainer { margin: 0; padding: 10px 0; font-family: arial, verdana, sans-serif; font-size: 81.25%; background: #eceded; }

h1, p { margin: 0; padding: 0 0 10px 0; }
h2 { margin: 0; padding: 5px 0; }
img { vertical-align: bottom; border: 0; }
.clear { clear: both; }

.imageRight { float: right; padding: 10px 0 10px 10px; }

.main { width: 970px; margin: 0px auto; background: url(../images/ysh/middle-back.gif) repeat-y; }

.header { padding: 27px 0 27px 27px; background: url(../images/ysh/top-back.gif) no-repeat; }
.header .logo { padding: 0 20px 10px 0; }

.content { margin: 0 37px 37px 27px; background: url(../images/ysh/content-back.gif) top left no-repeat; border-top: 1px solid #fff; }
.content h1 { font-size: 150%; color: #0084b6; }
.content h2 { font-size: 130%; color: #0084b6; }
.content h3 { font-size: 110%; color: #0084b6; }
.content p { line-height: 150%; }
.content ul { margin-top: 0; padding-top: 0; }

.content .left { width: 214px; float: left; padding-bottom: 20px; }
.content .left p.menu { color: #fff; background: #ae2b2c; display: block; padding: 2px 15px 3px 15px; font-weight: bold; font-size: 170%; line-height: 100%; margin: 0 0 20px 0; }

.content .left .navigation { margin: 0; padding: 0; list-style-type: none; }
.content .left .navigation li { margin: 0 0 4px 0; padding: 0; border-bottom: 1px solid #fff; }
.content .left .navigation li a { color: #fff; background: #ae2b2c; display: block; padding: 7px 15px; text-decoration: none; font-weight: bold; margin: 0; }
.content .left .navigation li.selected a{ background: #0084b6; }
.content .left .navigation li a:hover { text-decoration: underline; }

.content .bottomLeft { width: 285px; background: #0585b8 url(../images/ysh/chlamydia-panel.gif) no-repeat; height: 220px; padding: 10px; margin-right: 15px; float: left; padding-right: 150px; color: #fff; font-size: 90%; }
.content .bottomLeft h2 { color: #fff; font-size: 220%; }
.content .bottomLeft p { padding-bottom: 5px; line-height: 130%; }
.content .bottomLeft p a { color: #fff; }
.content .bottomRight { width: 341px; background: #b0363a url(../images/ysh/red-panel.gif) no-repeat; height: 220px; padding: 10px; float: left; padding-left: 95px; color: #fff; font-size: 90%; }
.content .bottomRight hr { color: #fff; height: 0px; border: 0; border-top: 1px dashed #fff; clear: both; }
.content .bottomRight p { padding-bottom: 5px; line-height: 130%; }
.content .bottomRight p a { color: #fff; }

.content .centre { width: 448px; float: left; padding: 48px 15px 0 15px; }

.content .centre li p { padding: 0 0 2px 0; }

.content table { width: 100%; }
.content table p { padding: 0; }
.content table th { padding: 5px; vertical-align: top; color: #fff; background: #0084b6; border: 0; }
.content table td { padding: 5px; vertical-align: top; border: 0; background: #E0EBEF; }

.content .right { width: 214px; float: left; padding-top: 48px; margin-bottom: 10px; }
.content .right .cbox { background: #0084b6; }
.content .right .cbox h2 { color: #fff; font-size: 200%; padding: 10px; }
.content .right .cbox p { color: #fff; padding: 0 10px 10px 10px; }
.content .right .cbox img { padding: 0 10px 10px 10px; }
.content .right .cbox a { color: #eef; }

.content .bottom .blueBox { float: left; padding-right: 12px; }
.content .bottom a { float: left; margin: 0 12px 12px 0; display: block; width: 181px; height: 101px; }


.footer { background: url( ../images/ysh/bottom-back.gif ) bottom left no-repeat; padding: 0 37px 27px 27px; }
.footerContent { border-top: 1px dotted #7a7b7c; font-size: 80%; padding: 15px 0; }
.footerContent a { color: #666; }
.footerContent img { float: right; }
.footer p { margin: 0; padding: 0; }

img.imageCenter { display: block; margin: 1em auto; padding: 0; }
img.imageRight { display: block; margin: 0; padding: 0 0 10px 10px; }
img.imageLeft { display: block; margin: 0; padding: 0 10px 10px 0; }