body {
	color: #666;
	font-family: Century Gothic, Avenir Light, Tahoma, Arial, Helvetica, sans-serif;
	margin-top: 50px;
    background-color: #ad3333;
}


						/* FONT BASICS */
						

h1, h2, h3, h4, h5 {
	font-family: Century Gothic, Avenir Light, Tahoma, Arial, Helvetica, sans-serif;
    color: #ad3333;
	line-height: 170%;	
}

p, li, h5, h6, td {	
	line-height: 170%;
}


a, a:visited, a:hover, a:active {
	text-decoration: underline;
	}
	
a, a:visited {
	color: #ad3333;
	text-decoration: underline;
	}	
	
a:hover, a:active {
	color: #e3c100;
	text-decoration: underline;
	}	
	
	
	
	
	
						/* NAVBAR */

.navbar {
	margin-bottom: 0px;  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
}						

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #fff;  /*Sets the text hover color on navbar*/
background-color: #8e1515;
	text-decoration: none;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active >   
 a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #fff; /*BACKGROUND color for active*/
background-color: #8e1515;
	text-decoration: none;
}

  .navbar-default {
    background-color: #ad3333;  /*BACKGROUND color of the navbar*/
    border-bottom: 2px solid #8e1515;
}

  .dropdown-menu {
  background-color: #ad3333;  /*change color of links in drop down here*/
   }

  .dropdown-menu > li > a {
    color: #fff;
   text-decoration: none;
padding-top: 10px;
padding-bottom: 10px;  /*change color of links in drop down here*/
   }

  .dropdown-menu > li > a:hover,
   .dropdown-menu > li > a:focus {
    color: #fff;
   text-decoration: none;
  background-color: #8e1515;  /*change color of links in drop down here*/
   }

 .nav > li > a:hover,
 .nav > li > a:focus {
    text-decoration: none;
    background-color: #8e1515; /*Change rollover cell color here*/
  }


  .navbar-default .navbar-nav > li > a {
   color: #fff; /*Change active text color here*/
   padding-left: 20px;
   padding-right: 20px;
	text-decoration: none;
    }

@media (max-width: 992px) {
	  .navbar-default .navbar-nav > li > a {
   color: #fff; /*Change active text color here*/
   padding-left: 16px;
   padding-right: 16px;
	text-decoration: none;
	font-size: 12px;
    } 
}
	
.navbar-default .navbar-toggle .icon-bar {
  border-color: #fff;
  background-color: #fff;
}	

.navbar-default .navbar-toggle:hover {
  background-color: #8e1515;
}		

.navbar-default .navbar-toggle:focus {
  background-color: #8e1515;
}	


.navbar .navbar-collapse {
  text-align: right;
}
 
    .dropdown-toggle:active, .open .dropdown-toggle {background:#ad3333 !important; color:#fff !important;}
 
@media (max-width: 765px) {
 
 .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
	
	.navbar .navbar-collapse .dropdown-menu {
		text-align: right;
	}

   .dropdown-toggle, .dropdown-toggle:hover, .dropdown-toggle:focus, .dropdown-toggle:active {
	   background-color: #ad3333;
   }
   
.navbar-default .navbar-nav .open .dropdown-menu>li>a, .navbar-default .navbar-nav .open .dropdown-menu {
    color:#fff;
  }
 
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 40px;}
	
.navbar-default .navbar-nav .open .dropdown-menu {
	margin: 0px;
	border: 0px;
	padding: 0px;
}	
 
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
    color:#fff;
	background-color: #8e1515;
  }  


  .dropdown-menu > .divider {
		display: none;  
   }

}
 
@media (min-width: 765px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
}
	
	
							/* STRUCTURE */

.divider {
	padding-bottom: 0px;
	border-bottom: 1px solid #ddd;
	margin-top: 45px;
	margin-bottom: 45px;
	overflow: hidden;
	clear: both;
	}
	
.white_divider {
	padding-bottom: 0px;
	border-bottom: 1px solid #fff;
	margin-top: 45px;
	margin-bottom: 45px;
	overflow: hidden;
	clear: both;
	}
	
.divider_index {
	padding-bottom: 0px;
	border-bottom: 1px solid #ddd;
	margin-top: 50px;
	margin-bottom: 0px;
	overflow: hidden;
	clear: both;
	}	
	
.divider-dot {
	padding-bottom: 0px;
	border-bottom: 1px dotted #ad3333;
	margin-top: 0px;
	margin-bottom: 15px;
	overflow: hidden;
	width: 50%;
	}

.intro {
	padding-top: 30px;
	padding-bottom: 20px;
	overflow: hidden;
	clear: both;
    border-bottom: 2px solid #8e1515;
		
	}
	
.intro_home {
	background: #ddd url(../palette/transbg.jpg); 
	background-position: center center;
	background-size: cover;
	}	

@media (max-width: 500px) {
	
	.intro {
	padding-top: 10px;
	padding-bottom: 0px;
		
	}
	
}
	

.intro h2, .intro h4, .intro p {
	color: #fff;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	}	

.intro a, .intro a:visited, .intro a:hover, .intro a:active {
	color: #fff;
	}


.greyback {
	background-color: #ddd;
	padding: 30px 0px;
	border-bottom: 1px solid #bbb;
	}
	
.greyback_notice {
	background-color: #ddd;
	padding: 0px 0px;
	border-bottom: 2px solid #ad3333;
	}	

.greyback_selector {
	background-color: #ccc;
	padding: 0px 0px;
	}	

.whiteback {
	padding: 30px 0px;
	background-color: #fff;
	}

@media (max-width: 767px) {
	.big {
		display: none;
		}
	
	.small {
		display: block;
		}
			
	.greyback-xs {
		background-color: #ddd;
		padding-top: 30px;
		padding-bottom: 30px;
		margin-top: 30px;
		}
			
	.img-intro {
		max-width: 70%;
		}
			
}

@media (min-width: 768px) {
	.small {
		display: none;
		}
	
	.big {
		display: inline;
		}
	}
			
@media (max-width: 500px) {
	.logobig {
		display: none;
		}
	
	.logosmall {
		display: inline;
		}			
}

@media (min-width: 500px) {
	.logosmall {
		display: none;
		}
	
	.logobig {
		display: inline;
		}
	}

			
.footer {
	padding-top: 20px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	margin-top: -30px;
	overflow: hidden;
	clear: both;
	background-color: #ad3333;
	}

.footer p, .footer a, .footer h4 {
	color: #fff;
	}



									/* OTHER */

									
.well h4 {
	margin-top: 0px;
	}							
	
.news {
	border-left: 5px solid #ad3333;
	padding-left: 15px;
	padding-bottom: 5px;
	margin-bottom: 60px;
	}
	
.results {
	border-left: 5px solid #ad3333;
	padding-left: 10px;
	padding-bottom: 5px;
	margin-bottom: 60px;
	}	
	
.coaching1 {
	border-left: 4px solid #ad3333;
	padding-left: 10px;
	margin-top: 20px;
	}	
	

.img-title {
	margin: 0px 0px 0px 0px;
	max-width: 95%;
	}
	


.img-news {
	float: right;
	margin: 0px 0px 30px 30px;
	width: 150px;
	clear: right;
	}
	
.img-code {
	width: 100%;
}			
			
			
			
		.diary h5 {
			margin-top: 4px;
			margin-bottom: 0px;
			font-weight: bold;
			margin-left: 50px;	
		}

		.diary p {
			margin-left: 50px;	
		}

		.diary {
			padding-bottom: 0px;
			margin-bottom: 35px;
		}

		.icon-diary {
			float: left;
		}

		.icon-heading {
			margin-right: 10px;
		}

.fa {
	color: #e3c100;
	margin-right: 10px;
	}	

h3 .fa {
	margin-right: 15px;
}

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

.well {
	margin: 15px 0px 15px 0px;
	}

		.btn-primary {
			background-color: #ad3333;
			border-width: 0px;
			border-radius: 0;
			margin: 10px;
		}

		.btn-primary:hover {
			background-color: #8e1515;
			border-width: 0px;
			border-radius: 0;
		}



.leftcol {
	float: left;
	clear: both;
	}

.memberinfo {
	margin-left: 150px;
	margin-top: -5px;
	min-height: 150px;
	}

.contact p {
	margin: 0px 0px 5px 0px;
	}	
	
th {
	border-bottom: 1px solid #ddd;
}

td.first {
	padding-top: 15px;
}

td.last {
	border-top: 1px solid #ddd;
	padding-top: 15px;	
}

ul {
	padding-left: 25px;
}

/*appointments table section*/
			
#appointments_table table {
	border-collapse: collapse;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
	}

#appointments_table td {
	border-collapse: collapse;
	border-top: 1px dotted #ddd;
	text-align: center;
	}

#appointments_table td p {
	margin: 10px 5px;
	text-align: left;
	font-size: 85%;
	}	

#appointments_table td.date {
	background-color: #666;
	}			

#appointments_table td.date p {	
	font-weight: bold;
	text-align: center;
	color: #fff;
	}	
	
#appointments_table td.league {
	background-color: #eee;
	}			

#appointments_table td.league p {	
	font-weight: bold;
	}
	
#appointments_table td.heading p {	
	font-style: italic;
	font-weight: bold;
	}	
	
#appointments_table p.red {	
	color: red;
	}	

.mc-field-group {
	margin-bottom: 10px;
}
.mc-field-group input {
	width: 100%
}	

.member-title {
	padding-left: 5px;
	padding-right: 5px;
}

.note-divider {
	margin-top: 30px;
	margin-bottom: 30px;
	width: 100%;
}

.follow {
	margin-top: -10px;
}

.fbk_text {
	margin-top: -5px;
}

.img-advert {
	width: 90%;
	margin-bottom: 10px;
}

.advert {
	padding: 4px 4px 0px 4px;
	border: 1px solid #ddd;
	width: 90%;
}

.advert_linkpage {
	padding: 4px 4px 0px 4px;
	border: 1px solid #ddd;
	width: 100%;
}

.no-top {
	margin-top: -4px;
}

.assoc {
	width: 75px;
	padding: 5px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.btn-primary {
	border-width: 0px;
	border-radius: 0;
	margin: 10px 2px 10px 2px;
}

.btn-primary:hover {
	background-color: #8e1515;
	border-width: 0px;
	border-radius: 0;
}

.btn-this {
	background-color: #8e1515;
}

.year-selector {
	padding: 4px;
}

.year-selector h4, .year-selector .btn-primary {
	margin-top: 3px;
	margin-bottom: 3px;
}
.year-text {
	margin-right: 20px;
}

@media (max-width: 765px) {

	
	.same-line {
	display: none;
	}
}

@media (min-width: 765px) {
	
	.own-line {
	display: none;
	}
}

th {
	font-size: 8pt;
}

.win {
	padding: 3px;
	background-color: #e3c100;
	font-size: 8pt;
	color: #fff;
	margin-left: 10px;
}

.qual {
	padding: 3px 4px;
	background-color: #ddd;
	font-size: 8pt;
	color: #333;
	margin-left: 10px;
}

.relegated {
	padding: 3px 4px;
	background-color: #ad3333;
	font-size: 8pt;
	color: #fff;
	margin-left: 10px;
}

.promoted {
	padding: 3px 4px;
	background-color: #1da02f;
	font-size: 8pt;
	color: #fff;
	margin-left: 10px;
}

.rulen {
	padding: 3px 4px;
	background-color: #222;
	font-size: 8pt;
	color: #fff;
	margin-left: 10px;
}

@media (max-width: 600px) {
	#table_id td, #table_id2 td, #table_id3 td, #table_id4 td, #table_id5 td {
		padding: 4px 2px;
		font-size: 8pt;
	}
	#table_id th, #table_id2 th, #table_id3 th, #table_id4 th, #table_id5 th {
		padding: 30px 2px 2px 2px;
		font-size: 8pt;
	}
	
	.win, .qual, .relegated, .promoted, .rulen {
		font-size: 7pt;
	}
}
.th-band, .th-band-grad {
	width: 50%;
}

.th-cond, .th-prev {
	width: 30%;
}

.td-band {
	font-weight: bold;
	text-align: left;
}

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

.td-total {
	font-weight: bold;
}

.table-center {
	text-align: center;
}

tfoot {
	font-style: italic;
}

tfoot .td-band {
	text-align: right;
}

#map_canvas {
	border: 1px solid #ddd;
	width: 100%; 
	height: 600px;
	
	}

.map {
	margin-left: 5%;
	padding: 4px 4px 0px 4px;
	border: 1px solid #ddd;
	width: 90%;
}	

#map {
        height: 600px;  /* The height is 400 pixels */
        width: 100%;  /* The width is the width of the web page */
       }

	
	.gallery-img {
		text-align: center;
		margin-bottom: 20px;
	}
	.gallery-img img {
		margin: 10px;
	}
	
	.gallery-img h6 {
		margin-top: -5px;
	}
	
.contest {
	width: 40%;
	margin: 10px;
}	

.well h4 {
	font-weight: bold;
}

.cancellation{
	border: 2px dashed #ad3333;
	margin: 15px 15px;
	padding: 10px;
}