/*
 * ----------------------------------------
 * Global HTML elements
 * ----------------------------------------
 */

    html {
        background-color: #C3C3C3;
    }
    
    body {
        font-family: Helvetica, Arial, Verdana, "sans-serif";
        font-size: 62.5%;
        color: #000000;
        background: #C3C3C3 repeat-x top url(../../images/bodygrad.gif);
        padding-top: 30px;
        text-align: center;
        margin: 0;
    }
    
    a {
        color: #F00;
        text-decoration: underline;
    }
    
    a:hover {
        color: #500;
        text-decoration: none;
    }
    
    img {
        border: 0;
    }
    
    h1 {
        font-family: Eurostile, Helvetica, Arial, Verdana, "sans-serif";
        margin: 10px 10px 10px 10px;
        font-weight: bold;
        
        font-size: 3.2em;
        color: #585858;
    }
    
    h2 {
        font-family: Eurostile, Helvetica, Arial, Verdana, "sans-serif";
        margin: 20px 10px 10px 10px;
        
        font-size: 1.8em;
        font-weight: bold;
    }
    
    h3 {
        font-family: Eurostile, Helvetica, Arial, Verdana, "sans-serif";
        margin: 20px 10px 10px 10px;
        
        font-size: 1.8em;
        font-weight: bold;
    }
    
    h4 {
        margin: 20px 10px 10px 10px;
        font-size: 1.5em;
        font-weight: normal;
        font-style: italic;
    }
    
    p, address {
        margin: 10px 10px 10px 10px;
        
        font-size: 1.5em;
        line-height: 1.5em;
        color: #333333;
    }
    
    ul, li {
        margin: 0;
        padding: 0;
    }
    
    #content ul {
        margin: 20px 10px;
    }
    
    #content li {
        margin: 8px 30px;
        padding: 0;
        
        font-size: 1.3em;
        line-height: 1.3em;
        color: #333333;
    }
    
    #content #juniorevents, #content #interevents, #content #seniorevents {
        padding: 0;
        margin: 0px;
    }
    
    .clearer {
        clear: both;
        height: 0px;
        visibility: hidden;
    }
    
    .intro {
        margin: 20px 10px 20px 10px;
        
        color: #000;
        font-size: 1.7em;
        line-height: 1.7em;
        text-align: center;
    }
    
    strong {
        color: #000;
        font-weight: bold;
    }
    
    p strong {
        color: #000;
        font-weight: bold;
    }
    
    address {
    }

/*
 * ----------------------------------------
 * Major Construction Elements
 * ----------------------------------------
 */

    #container {
        width: 800px;
        text-align: left;
        margin: 5px auto 10px auto;
        
        background: #FFFEF5 top left no-repeat url(../../images/capsulecornertopleft.gif);
        border-bottom: 3px solid #e60606;
        padding-bottom: 10px;
    }
    
    #topRight {
        background: top right no-repeat url(../../images/capsulecornertopright.gif);
        padding-top: 10px;
        text-align: center;
    }
    
    #content {
        margin: 10px 30px;
        
        border: 1px solid #bebe9d;
        background: #FaF9Ee;
    }
    
    #head {
        height: 215px;
        width: 750px;
        margin: 0 auto;
        padding: 0;
        
        text-align: center;
        background: url(../../images/photocapsulerepeat.gif) repeat-x top;
    }
    
    #headLeft {
        background: url(../../images/photocapsuleleft.gif) no-repeat top left;
        padding: 0;
    }
    
    #headRight {
        background: url(../../images/photocapsuleright.gif) no-repeat top right;
        padding: 0;
    }
    
    #slideshowLeft {
        text-align: left;
        width: 202px;
        float: left;
        
        margin: 30px 0 0 21px;
        border: 1px solid #B6B6B6;
    }
    
    #slideshowRight {
        text-align: left;
        width: 202px;
        float: right;
        
        margin: 30px 21px 0 0;
        border: 1px solid #B6B6B6;
    }
    
    #slideshowLeft img, #slideshowRight img {
        border: 1px solid #FFFFFF;
        /* display: none to hide images if javascript disabled */
        display: none;
    }
    
    #slideshowLeft img:first-child, #slideshowRight img:first-child {
        /* display: block to show first image if javascript disabled */
        display: block;
    }
    
    #navigation {
        margin: 30px 0px;
        padding: 2px 0 0 0 !important;
        text-align: center;
        
        background: repeat-x url(../../images/navrepeat.png) top;
    }
    
    #navigation li {
        display: inline;
        margin: 0 10px 0 10px;
        padding: 0;
        height: 38px;
        line-height: 34px;
    }
    
    #navigation a {
        font-family: Eurostile, Helvetica, Arial, Verdana, "sans-serif";
        font-weight: bold;
        color: #FFFFFF;
        font-size: 1.8em;
        text-transform: uppercase;
        text-decoration: none;
    }
    
    #navigation a:hover {
        text-decoration: underline;
    }
    
    #navigation a.navCurrent {
        font-style: italic;
    }
    
    #bottomNav {
        margin-top: 20px;
        text-align: center;
        font-size: 1.1em;
    }
    
    #bottomNav li {
        display: inline;
        margin: 0px 20px;
    }
    
    #bottomNav a {
        color: #BB0000;
        text-decoration: underline;
    }
    
    #bottomNav a:hover {
        color: #FF0000;
        text-decoration: none;
    }
    
    #footer {
        text-align: center;
        
        margin: 10px 30px 0px 30px;
        padding: 3px;
        
        border: 1px solid #bebe9d;
        background: #FaF9Ee;
    }
    
    .featureBoxTop {
        background: no-repeat top left #D8D7D0 url(../../images/featureBoxTop.gif);
    }
    
    .featureBoxBottom {
        padding: 10px;
        
        background: no-repeat bottom left url(../../images/featureBoxBottom.gif);
    }
    
    .imgc {
        text-align: center;
    }
    
    .imgr {
        float: right;
        margin: 0px 20px 10px 10px;
        clear: both;
    }
    
    .imgl {
        float: left;
        margin: 0px 10px 10px 20px;
        clear: both;
    }

/*
 * ----------------------------------------
 * Page Specific Elements
 * ----------------------------------------
 */



/* Events */
    
    #subnavigation {
        float: right;
        margin: -40px 0 0 0 !important;
        width: 400px;
        text-align: left;
        padding: 8px 0 12px 20px;
        
        background: url(../../images/subnavigation.png) no-repeat top left;
    }
    
    #subnavigation li {
        display: inline;
        margin: 0 10px 0 10px;
    }
    
    #subnavigation a {
        font-size: 1.1em;
    }
    
    #subnavigation .navCurrent a {
        text-decoration: none;
        color: #FF4444;
    }
    
    #subnavigation .navCurrent a:hover {
        color: #500;
    }

    .eventsEvent {
        margin: 20px 10px 10px 0px;
    }
    
    .eventsThumbnail {
        width: 150px;
        float: left;
        margin: 0px 5px 0px 0px;
        
        background: #D8D7D0;
    }
    
    .eventsThumbnail div {
        padding: 1px 3px 3px 3px;
        
        font-size: 1em;
        line-height: 1.2em;
        text-align: center;
    }
    
    .eventsContent {
        float: right;
        width: 400px;
    }
    
    .eventsContent h2 {
        margin-top: 5px;
    }
    
    .eventsContent p {
        margin: 5px;
    }
    
    ul.eventData {
        margin: 10px !important;
    }
    
    
    
/* Contact */
    
    #contacts {
        margin: 10px 0 20px 10px;
        list-style: none;
    }
    
    #contacts li {
        margin: 30px 10px 10px 10px;
    }
    
    #contacts img {
        float: left;
        
        width: 118px;
        height: 168px;
        
        margin-right: 15px;
    }
    
    #contacts li li {
        margin: 0px;
        font-size: 1.3em;
        line-height: 1.5em;
        list-style: none;
    }
    
    #contacts strong {
        font-size: 1.4em;
        font-family: Eurostile, Helvetica, Arial, Verdana, "sans-serif";
    }
    
    #address {
        width: 600px;
    }
    
    #hallphoto {
        float: left;
        margin: 10px 10px 20px 14px;
    }
    
    
    
/* Now */
    
    .post .postdate {
        float: right;
        
        margin-right: 10px;
        
        color: #C0C0C0;
        font-family: Eurostile, Helvetica, Arial, Verdana, "sans-serif";
        font-size: 1.8em;
        font-weight: bold;
    }
    
    .post h3 {
        margin-top: 30px;
        
        color: #C0C0C0;
        font-family: Eurostile, Helvetica, Arial, Verdana, "sans-serif";
        font-size: 2.3em;
        font-weight: bold;
    }
    
    .post img {
        float: left;
        
        margin: 0 10px 10px 10px;
    }
    
    .download {
        background: url(../../images/download.png) no-repeat 7px 5px #EEEEEE;
        border: 1px solid #CCCCCC;
        
        padding: 2px 10px 3px 30px;
    }
    
    .specialpost {
        margin-bottom: 60px;
    }
    
    .fadedpost {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }
    
    hr {
        border: 1px dashed #C0C0C0;
    }
    
    .sectionEvent {
        text-align: center;
        font-style: italic;
        font-size: 1.2em;
        margin-top: 0;
        background: #FFFFFF;
        border: 1px solid #BEBE9D;
    }
    
    
    
/* Connect */

    #partners {
        list-style: none;
    }
    
    #partners li {
        float: left
    }
    
    #partners li a {
        display: block;
        text-align: center;
        width: 180px;
        height: 230px;
        
        background: #EEEEEE;
        text-decoration: none;
        font-size: 1.7em;
        font-weight: bold;
        
        margin: 5px;
        padding: 5px;
        
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
    }
    
    #partners li a:hover {
        background: #FF0000;
        color: #FFFFFF;
    }
    
    #partners li a p {
        margin: 0;
    }