body { margin:0; background-color:#000030; }

body, select, input, textarea, p, td, a, button, li {
  color: #222;
  font-family: 'Muli', Verdana, sans-serif;
  font-size:17px;
  line-height:24px;
  margin:0;
  padding:0;
}

body { background:url('../images/background/leafslice.jpg') repeat-x #3D4E1A; }

h1, h2, h3, h4, h5, h6 { 
    font-family:'Comfortaa'; 
    font-weight:700; 
    margin:0; 
    padding:0; 
    color:#006000;
    background:none;
}

a { 
    color:#222; 
    text-decoration:none; 
    border-bottom:2px dotted #262;
    padding:0; 
    transition:border-color 0.25s ease-in-out, box-shadow 0.25s; 
    -o-transition:border-color 0.25s ease-in-out, box-shadow 0.25s; 
    -webkit-transition:border-color 0.25s ease-in, box-shadow 0.25s; 
    -moz-transition:border-color 0.25s ease-in, box-shadow 0.25s;
}

a:hover { 
    color:#000; 
    background-color:#fdd017;
    border-bottom:none;
    box-shadow:6px 6px 6px 3px rgba(0,0,0,.5);
}

input, select, textarea, button, a.button {
    padding:3px;
    margin:5px;
    border-radius:5px;
    border-color:#ccc;
    background-color:#fff;
    background-image:none;
}

    a.button {
        text-decoration:none;
        border:1px solid #ccc;
    }

    a.img { text-decoration:none; border:none; }
    a.img:hover { }

    input[type=submit], input[type=button] {
        cursor:pointer;
    }

    input[type=submit]:hover, input[type=button]:hover, input[type=text]:focus {
        background-color:#fffec2;
    }

    input[readonly] {
        color:#444;
        background-color:#eee;
    }

    input[type=checkbox] {
        transform: scale(1.5);
    }

label {
    display:block;
}

em {
    font-style: normal;
    font-weight: bold;
    color: #262;
    /*background-color: #eafe9d;*/
}

    label.follow {
        display:inline;
    }

td {
	vertical-align: top;
}

h1 {
	margin:20px 0 20px 0;
	font-size:24px;
    font-weight:bold;
    text-align:center;
    color:#006000;
}

h2 {
	margin-top:5px;
	margin-bottom:10px;
	font-size:18px;
	border-top:none;
    color:#006000;
}

    h2 a {
		font-size:16px;
	}

	h2.top-h {
		border-top:none;
	}

    h4 {
        font-size:14px;
    }

    h2.top-h a {
        color:#fff;
    }

    #home h2 {
        border-bottom: 1px solid #262;
        background-color: #eafe9d;
    }

h3 {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 16px;
    background-color: #eafe9d;
}

p {
	margin-bottom: 12px;
}

    p.person {
        margin-top:20px;
        font-weight:bold;
        font-style:italic;
        margin-bottom:20px;
    }

    span.emphatic {
        color:#751803;

    }
/* ------------------------------------------------------------------------------------------------------ */

#navbar a { border:none; }

#navbar { margin:10px 5px 0; }

a.navcurrent { 
    background-color:#fdd017!important; 
    box-shadow: 5px 5px 5px #aaa; /* box-shadow color generally should be a little darker than that for the NON CSS3 capable browsers background-color */
    -moz-box-shadow: 5px 5px 5px #aaa;
    -webkit-box-shadow: 5px 5px 5px #aaa;
}

/* ------------------------------------------------------------------------------------------------------ */

.floatleft { float:left; }

.floatright { float:right; }

.clear { clear:both; }

#homepanel { }

div.banner { width:180px; float:left; height:120px; border:1px solid #fff; }

#pagebox {
    min-height:500px; 
    background-color:#fff;
    padding-bottom:20px;
}

#contents{
    padding:0;
}

#picturebar { display:none; }

h1.caption, h1.caption a {
    border:none;
    margin:0;
    text-align:right;
    color:#006000;
	font-size:24px;
    font-weight:bold;
    text-decoration:none;
    border:none;
    box-shadow:none;
    background:none;
}

h1.caption {
    margin-right:5px;
}

h1.caption-break {
    font-size:12px;
    border:none;
    margin:0;
    text-align:right;
    padding:5px 5px 0;
    color:#006000;
    line-height:16px;
    display:none;
    text-decoration:none;
    border:none;
    box-shadow:none;
}

a.logo {
    border:none;
    box-shadow:none;
    background:none;
}

#headline {
    margin-bottom:5px;
    padding-bottom:5px; 
    border-bottom:3px solid #3c7c23;
}

#logo {
    height:80px;
    margin-left:5px;
}

.leftcol { 
    padding-right:15px;
}

.rightcol { 
    padding-left:0;
}

ul { 
    margin-left:-20px; 
}

.section ul {
    list-style:none;
}

.section li {
    margin-bottom:10px;
}

.section li:before {
    font-family:'FontAwesome';
    content:'\f054';
    margin:0 0.2em 0 -1.2em;
    color:#3c7c23;
}

img.highlight {

}

img.resizing {
    width:100%;
}

div.section {
    padding:10px 10px 20px 10px;
}

.altsection {
    background-color:#ddd;
}

div.blueslice {
    background-image:url('../images/furniture/blueslice.jpg');
    background-repeat:no-repeat;
    height:120px;
}

div.greenslice {
    background-image:url('../images/furniture/greenslice.jpg');
    background-repeat:no-repeat;
    height:80px;
}

#slider
{
    padding:0;
	left:0px;
    margin:0px;
    /*width:890px;
    height:400px;*/
    z-index:20;
}

#slider img {
    width:100%; 
    max-width:880px; 
    height:auto !important;
}

.nivoSlider { }

a.call-to-action {
    padding:10px;
    background:#3c7c23;
    color:#ffffff;
    text-decoration:none;
    border:none;
    margin:10px 0 10px 0;
    display:inline-block;
}

a.call-to-action:after {
    font-family:'FontAwesome';
    content: '\f138';
    margin-left:15px;
}

a.call-to-action:hover {
    background-color:#fdd017;
    text-decoration:none;
    border:none;
}

a.action-download:after {
    content:'\f019';
}

a.action-offsite:after {
    content:'\f08e';
}

td {
    vertical-align:top;
}

#persform label.check {
    display: block;
    margin-bottom: 0;
    margin-left: 18px;
}

#persform label input[type='checkbox'] {
    margin-left: -18px;
}

#persform label:after {
    float:none;
}

#persform input[type=text], select, textarea {
    width: 95%;
    padding: 3px;
    margin: 5px;
    /*border: 1px solid #ccc;
    border-radius: 4px;*/
    box-sizing: border-box;
    resize: vertical;
}

.important { 
    color:#800; 
}

/* --- footer ---------------------------------------------------------------------------------------- */
footer {
    display: table-row;
    height: 0;
    background-color: #222;
    width: 100%;
    color: #888;
}

	footer a {
		color:#aaa;
		border:none;
		text-decoration:none;
        line-height:18px;
        /*background-color:#444;*/
		display:block;
        margin-bottom:10px;
	}

	footer a:hover {
		color:#fff;
        background: none;
		border:none;
		text-decoration:none;
        box-shadow:none;
	}

    footer br { line-height:0; }

    footer h2 { background:none; padding-left:0; color:#fdd017; }

#copyright {
	padding:5px;
	border-top:1px solid #888;
}

#copyright a {
	display:inline;
}

.funday {
    background-color:#e8fcbd;
}

.clubday {

}

/*--- Grid system --------------------------------------------------------------------------------- */

html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    display: table;
}

*,img,*:before, *:after {
    box-sizing: border-box;
}

.clearfix:after, .clear:after {
    content: "";
    display: table;
    clear: both;
}

.row {
  margin: 0;
}

#pagebox .row {
}

.row:last-child {
  margin-bottom: 0;
}

[class*="col-"] {
}

.nested {
    padding:0;
}

.mobile-narrow-show {
	display:block;
}

.normal-upcoming {
    display:block;
}

@media all and ( min-width: 800px ) {
    .col-2-3 {
        float: left;
        width: 66.66%;
    }
    .col-1-2 {
        float: left;
        width: 50%;
    }
    .col-1-3 {
        float: left;
        width: 33.33%;
    }
    .col-1-4 {
        float: left;
        width: 25%;
        min-width: 280px;
    }
    .col-1-5 {
        float: left;
        width: 20%;
    }
    .col-1-8 {
        float: left;
        width: 12.5%;
    }
}

@media all and ( min-width: 800px ) {
    .col-1-2-w {
        float: left;
        width: 50%;
    }
	.mobile-hide {
		display:block;
	}
	.mobile-show {
		display:none;
	}
	.mobile-narrow-hide {
		display:block;
	}
	.mobile-narrow-show {
		display:none;
	}
    .normal-upcoming {
        display:block;
    }
    .mobile-upcoming {
        display:none;
    }
}

@media all and ( max-width: 800px ) {
	.mobile-hide {
		display: none;
	}
	.mobile-hide {
		display: block;
	}
	.mobile-narrow-hide {
		display: none;
	}
	.mobile-narrow-show {
		display:block;
	}
    .normal-upcoming {
        display:none;
    }
    .mobile-upcoming {
        display:block;
    }
    h1.caption {
        font-size:14px;
    }
}

@media all and ( max-width: 500px ) {
    h1.caption {
        display:none;
    }
    h1.caption-break {
        display:inline-block;
    }
}

img.resizing {
    max-width: 100%;
    height:auto;
}

img.race-logo {
    max-height:80px;
    width:auto;
}

.contained {
    max-width:910px;
    margin: auto;
    /*padding:0 5px 0 5px;*/
}

.not-contained {
    max-width:1380px;
    margin:0 auto;
    padding:0 5px 0 5px;
}

.wide {
    width:1600px;
    margin:0 auto;
    padding:0 5px 0 5px;
}

.half-contained {
    max-width:570px;
}

.full-size {
    width:100%;
}

.centered-3-4 {
    max-width:70%;
	margin-left:15%;
}

.max-3-4 {
    max-width:850px;
}

.centered {
    text-align:center;
}

.middle {
    margin: 0 auto;
}

.left-align {
	text-align:left;
}

.left-side {
    float:right;
}

.float-left, .floatingleft {
    float:left;
    padding-right:10px;
}

.float-right, .floatingright {
    float:right;
}

/*--- debugging --------------------- */
/*

[class*="col-"] {
    border:1px dotted green;
}

.row {
    border:1px dotted blue;
}

*/