﻿body {
    color: #f2f2f2;
    background-color: #000000;
    /*font-family: 'Karla','Arial', 'Helvetica', sans-serif;*/
    /*font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;*/
    font-family: 'PT Sans', sans-serif;
    font-size:1.1em;
    line-height:1.4em;
}
a {
    text-decoration:underline;
    color:#f2f2f2;
}
a:hover {
    text-decoration:underline;
    color:#ffffff;
}

div.headerContainer {
    /*background-image: url(../pix/Hurstwic_site_header.png);*/
    width:100%;
    height:180px;
    background-position:center;
    background-position-y:bottom;
    background-repeat:no-repeat;
}
div.header {
    width:1024px;
    height:200px;   
    margin: auto;
    vertical-align:top;
}
div.header img {
    float:left;    
}
#menuBar {
    font-size:2.1em;
    font-family: 'Cinzel', serif;
    font-weight:bold;
    padding-top: 70px;
    padding-left:336px;
    padding-bottom: 8px;
}
div.menu-items {
    font-size:.6em;
    font-weight:normal;
    padding-top:36px;
    text-align:right;
    font-family: 'Karla','Arial', 'Helvetica', sans-serif;
}
#menuBar a {
    text-decoration:none;
    color:#ffffff;    
    padding-right:24px;
}
div.footerContainer {
    width: 100%;    
}
div.footer-banner {
    background-image: url(../pix/Hurstwic_site_header.png);
    height:105px;
    background-position:center;
    background-position-y:bottom;
    background-repeat:no-repeat;
}
div.footer {
    width:1024px;
    margin: auto;
    padding-top: .6em;
    text-align: center;
    font-size:.7em;
    line-height:1.2em;
}
div.footer a {
    color: #ffffff;    
}

div.contentContainer {
    width:100%;
}
div.content {
    width: 1024px;
    margin: auto;
}
.training-slider {
    margin-top:18px;
    margin-bottom:18px;
}
div.content-area {
    width: 100%;    
}
div.content-dynamic {
    overflow: hidden;
    min-height: 800px;
}
div.content-dynamic div {
    margin-bottom:12px;    
}
div.content-sidebar {
    float:right;
    width:220px;
    font-size:medium;
    margin-left:16px;
    margin-top:8px;
    margin-bottom: 48px;
}
div.content-sidebar a {
    text-decoration: underline;
    color: #f2f2f2;
}
div.content-sidebar div.sm-bar img {
    height:38px;
    width:38px;
    padding:4px;
}
div.content-sidebar h1 {
    font-family: 'Cinzel', serif;
    font-size:medium;
    text-align:center;
}
div.content-sidebar div {
    margin-bottom:18px;
}
div.introBlock {
    text-align:center;
    margin-top: 14px;
    margin-bottom: 12px;
    padding-bottom: 8px;
}
div.bannerItem {
    margin-top:12px;
}
div.newsBox {
   width:760px;
   margin-bottom: 8px;
   padding-top:24px;
   margin-right:4px; 
}
div.newsBox img {
    width:225px;
    float:left;
    padding: 2px;
    margin-right:8px;
}
div.itemBox {
   width:1024px;
   margin-bottom: 10px;
   padding-top:8px;
}
div.itemBox img {
    width:150px;
    float:left;
    padding: 2px;
    /*border: double 2px #ffffff;*/
    margin-right:8px;
}
div.itemBox section {
    width:800px;
    float:left;
    /*margin-left:12px;*/
    margin-right:4px;    
}
div.itemBox section p {
    background-color:#cccccc;
    color:#000000;
    margin-top:0px;
    height:100%;
    padding:4px;
    border-bottom: 4px solid #b3b3b3;
    border-right: 4px solid #b3b3b3;
    min-height:110px;
}
div.itemBox section h1 {
    font-weight: normal;
    margin-top:18px;
    margin-bottom:6px;
}
div.itemBox section h1 a {
    font-weight: normal;
    margin-top:18px;
    margin-bottom:6px;
    color: #f2f2f2;
    text-decoration:none;
}
div.itemBox section h1 a:hover {    
    text-decoration:none;
}
div.itemBox a {
    text-decoration:underline;
    color:#000000;
}
div.itemBox a:hover {
    text-decoration:underline;
    color:#696969;
}
div.itemBox a.button {
    margin-top:20px;
    float:left;
}
div.itemBox br {
    clear:both;
}
a.button { 
    background-image:url(../pix/buttonsprite.png); 
    display:block; 
    width:258px;
    height:63px; 
    text-align:center; 
    line-height:63px;
    vertical-align:middle; 
    background-position: 0 -4px;
    color: #FFFFFF;
    text-decoration: none;
    font-size:xx-large;
    font-family: 'Cinzel', serif;
}
a.button:hover {
    background-position: 0 -75px;
}

a.button:active {
    background-position: 0 -145px;
}

div.horizontalLine {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,fe0308+20,fe0308+80,000000+100 */
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(left,  #000000 0%, #fe0308 20%, #fe0308 80%, #000000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #000000 0%,#fe0308 20%,#fe0308 80%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #000000 0%,#fe0308 20%,#fe0308 80%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
    height: 2px;
    width:100%;
}
div.horizontalRightFade {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,fe0308+0,fe0308+80,000000+100 */
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(left,  #000000 0%, #fe0308 0%, #fe0308 80%, #000000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #000000 0%,#fe0308 0%,#fe0308 80%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #000000 0%,#fe0308 0%,#fe0308 80%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
    height: 1px;
    margin-bottom:2px !important;
}
article {
    background-color: #ffffff;
    color: #000000;
    padding-left:12px;
    padding-right:8px;
    padding-top:1.2em;
}
article header h1 {
    font-size: xx-large;
    margin-bottom:0em;
}
figure {
    margin-top:0px;
    margin-left: 20px;
    margin-right: 20px;
}
figure.left {
    float:left;
}
figure.right {
    float:right;
}
figcaption {
    text-align:center;
    font-size:.8em;
}