@charset "utf-8";
.TextRed {
	color: #b1262c;
}
.TextGreen {
	color:#090;
}
.TextBlue {
	color:#06C;
}
.TextIntro {
	font-weight: normal;
	color: #737373;
	line-height: 1.4;
	font-size: 130%;
	margin-bottom: 1.2em;
}
.TextCaption {
	font-style: italic;
	font-size: 90%;
	line-height: 1.2;
	color: #666;
}
h1 {
	font-size: 240%;
	font-weight: normal;
	color: #333;
	/*letter-spacing: -1px;*/
}
h2 {
	/*color: #184D09;*/
	font-size: 160%;
	color: #575757;
	text-align: left;
	line-height: 1.1;
}
h3 {
	font-weight: normal;
	color: #333;
/*	line-height: normal;*/
/*	font-size: 112%;*/
}
h4 {
	color: #505050;
}
.container .content ul {


}

.ImageLeft {
	margin-right: 15px;
	float: left;
	margin-top: 5px;
	margin-bottom: 8px;
	font-style: italic;
	font-size: 90%;
	color: #666;
}
.ImageLeft p {
	margin-top: 5px;
	margin-bottom: 0px;
	width: 250px;
}

.ImageRight {
	margin-left: 15px;
	float: right;
	margin-top: 5px;
	margin-bottom: 8px;
	font-style: italic;
	font-size: 90%;
	color: #666;
}
.ImageRight p {
	margin-top: 5px;
	margin-bottom: 0px;
	width: 250px;
}
.ButtonPurple, .ButtonGreen {
	border: none;
	font-size: 120%;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	padding-top: 0.3em;
	padding-right: 0.6em;
	padding-bottom: 0.3em;
	padding-left: 0.6em;
	cursor: pointer;
	white-space:nowrap;
	}
.ButtonPurple {
	background-color: #55469b;
}
.ButtonGreen {
	background-color: #469951;
}
.LabelRed, .LabelGrey {
	font-weight: normal;
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 80%;
	padding-top: 0.1em;
	padding-right: 0.3em;
	padding-bottom: 0.1em;
	padding-left: 0.3em;
}
.LabelRed {
		background-color: #B1262C;
}
.LabelGrey {
	background-color: #333;
}

.LinkGridref {
	background-image: url(../Images/icons/gridref_17px.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 22px;
}
.LinkPDF {
	background-image: url(../Images/icons/pdf_icon.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 26px;
}
.LinkWord {
	background-image: url(../Images/icons/word-icon_22.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 26px;
}
.LinkExcel {
	background-image: url(../Images/icons/excel-icon_22.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 26px;
}
th {
	/*background-color: #618f25;*/
	background-color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*color: #D6F79D;*/
	color: #EEEEEE;
}
.TableLayout tr td {
	border: 0px;
}
.TableData {
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	border: none;
}
.TableData table {
	border: none;
}
.TableData th {
	padding: 0.3em;
	border-top:none;
	border-bottom:none;
	border-left:none;
	border-right:2px solid #fff;
	background-color: #999999;
}
.TableData th:last-child {
	border-right:none;
	}
.TableData tr {
	border-left: none;
	border-right: none;
	border-top: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
}
.TableData tr:first-child {border:none;}
.TableData tr:nth-child(2) {border:none;}
.TableData td {
/*    border-top: 2px solid #CCC;
	border-bottom: 2px solid #CCC;*/
	border-left: none;
	border-right: none;
}
.TableData tr:nth-child(odd) {
	background-color: #F5F5F5;
}
.TableData tr:nth-child(even) {
	background-color: #FFF;
}
.CellPink {
    background-color: rgba(220, 57, 18, .15);
}
.CellBlue {
    background-color: rgba(51, 102, 204, .15);
}


.TableData.home tr:first-child {border-top:2px solid #CCC;}
.TableData.home tr:nth-child(2) {border-top:2px solid #CCC;}
.TableData.home td {
	padding: 0.3em;
/*	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 5px;*/
}
.TableData.home td:first-child {
	border-left: 1px solid #CCC;
}
.TableData.home td:last-child {
	border-right: 1px solid #CCC;
}
.TableData.home tr:nth-child(even) {
	background-color: #F5F5F5;
}
.TableData.home tr:nth-child(odd) {
	background-color: #FFF;
}

.TableData.type2 tr td {
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
.TableData.type2 th {
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
.TableAtlas td {
	padding-top:0.1em;
	padding-bottom:0.1em;
	}
.TableSite {
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	border: none;
	width: auto;
}

.TableSite th {
	background-color: #fff;
	font-size: 120%;
	font-weight: bold;
	color: #575757;
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #CCC;
	padding-bottom: 0.6em;
}
.TableSite tr {
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #CCC;
}
.TableSite td {
	border-right-style: none;
	border-left-style: none;
	padding-top: 0.6em;
	padding-bottom: 0.9em;
}
.TableSite tr:nth-child(even) {
	background-color: #F5F5F5;
}
.TableSite tr:nth-child(odd) {
	background-color: #FFF;
}
.TableSite p {
	}
.TableSpecies {
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	width: 100%;
	border: 3px solid #666;
	border-radius:6px;
    -moz-border-radius:6px;
}
.TableSpecies th {
	background-color: #666;
	color: #333;
	text-align: left;
	border-style: none;
	padding-top: 1.2em;
	padding-left: 0.9em;
	padding-bottom: 0.9em;
}
.TableSpecies tr {

}
.TableSpecies td {
	border: 1px solid #CCC;
	border-right-style: none;
	border-left-style: none;
	padding-top: 0.6em;
	padding-bottom: 0.9em;
	padding-left: 0.6em;
}
.TableSpecies h2 {
	color: #F5F5F5;
	margin-bottom: 0.6em;
}
.TableSpecies th p {
	font-style: italic;
	color: #CCC;
}
.TableSpecies td:nth-child(odd) {
	background-color: #F5F5F5;
}
.TableSpecies img {
	max-width: 48%;
	padding: 0.3em;
	}
.PromoIndex, .PromoIndex2 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	clear: both;
	padding-left: 0px;
	float: left;
	width: 100%;
}
ul.PromoIndex2  {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
.PromoIndex li, .PromoIndex2 li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	display: inline-block;
	clear:right;
	margin-left: 0em;
	margin-right: 0.9em;
	margin-bottom: 0.9em;
	list-style-type: none;
	line-height: 1.2;
	background-color: #F3F3F3;
	padding: 0.6em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-style: solid;
	border-color: #EBEBEB;
}
.PromoIndex li {
	width: calc(50% - 0.9em);
}
.PromoIndex2 li {
	/*width: calc(25% - 0.9em);*/
	width: calc(33.3% - 0.9em);
}

.PromoIndex2 li:hover, .PromoIndex2 li:active {
	background-color: #efebf1;
	}
.PromoIndex2 a h3 {
	color: #55469B;
	border-bottom: 1px solid #CCC;
	display:inline;
	}
.PromoIndex2 a:hover h3, .PromoIndex2 a:active h3 {
	border-bottom: 1px solid #55469B;
	}
.PromoIndex li img {
	float: left;
	margin-right: 10px;
}
.PromoIndex2 li img {
	max-width: 100%;
	height: auto;
	display: block;
	margin-bottom: 0.6em;
}
.TextSmall {
	font-size: 90%;
}
.ListHorizontal li {
	display: inline;
	margin-right: 0.9em;	
	}
.ListBoxLeft.Calendar, .ListBoxRight.Calendar 
	{overflow:hidden;
	border: none;
	border-left: 4px solid #CCC;
	background-color: #f3f3f3;
	}
.ListCalendar {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	padding: 0px;
	float: left;
	position: relative;
}
/*.ListCalendar li {
	font-weight: bold;
	color: #9B4661;
	background-color: #DDDDDD;
	display: inline-block;
	float: left;
	height: 70px;
	width: 70px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 2px solid #CCC;
	list-style-type: none;
	font-size: 20px;
	text-transform: uppercase;
	text-align: center;
	line-height: 3.2em;
	padding-bottom: 0em !important;
}*/
.ListCalendar li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: bold;
	color: #9B4661;
	background-color: #DDDDDD;
	display: inline-block;
	float: left;
	height: 4em;
	width: calc(25% - 0.6em);
	margin-right: 0.6em;
	margin-bottom: 0.6em;
	border: 2px solid #CCC;
	list-style-type: none;
	font-size: 120%;
	text-transform: uppercase;
	text-align: center;
	line-height: 3.2em;
	padding-bottom: 0em !important;
}
.ListCalendar li a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 0.6em;
	color: #999999;
	text-decoration: none;
	border-bottom: 0em;
}
.ListCalendar li a:hover, ListCalendar li a:active {
	background-color:#efebf1 !important;
	color: #55469B;
	cursor: pointer;
/*	border-bottom: 2px solid #CCC;*/
}
.TableSite img {
	max-width: 100%;
	height: auto;
}




.NumberBig {color: #9B4661; font-size: 200%; font-weight: bold;}

.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 14px solid gray;
  content: '';
  display: inline-block;
}

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 14px solid gray;
  content: '';
  display: inline-block;
}

.arrow-left {
  width: 0; 
  height: 0; 
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 14px solid gray;
  content: '';
  display: inline-block;
}
.arrow-right {
  width: 0; 
  height: 0; 
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 14px solid gray;
  content: '';
  display: inline-block;
}

.arrow-down.red {
   border-top: 14px solid red;
}
.arrow-up.green {
   border-bottom: 14px solid green;
}
/*.ListBoxLeft, .ListBoxRight {
	float: left;
	width: 346px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: 1px solid #CCC;
	margin-bottom: 1em;
}
.ListBoxLeft {
	 height:380px;
	margin-right: 6px;
}
.ListBoxRight {
	margin-left: 6px;
	 height:380px;
}*/


.BoxGrey {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
padding-top: 1.2em;
padding-bottom: 0.9em;
padding-left: 0.9em;
padding-right: 0.9em;
	border: none;
	margin-bottom: 0.9em;
	margin-top: 0.9em;
	overflow: none;
/*	background-color: #F7F7F7;*/
background-color: #F3F3F3;
}


.ListBox {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 0.9em;
	padding-right: 0em;
	padding-bottom: 0.6em;
	padding-left: 0.6em;
	border: 1px solid #CCC;
	margin-bottom: 2.1em;
	overflow: none;
	background-color: #F3F3F3;
}
.ListBoxLeft, .ListBoxRight {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: calc(50% - 0.6em);
	padding-top: 0.9em;
	padding-right: 0em;
	padding-bottom: 0.6em;
	padding-left: 0.6em;
	border: 1px solid #CCC;
	margin-bottom: 2.1em;
	overflow: none;
}
.ListBoxLeft {
	margin-right: 0.9em;
}
.ListBoxRight {
	margin-left: 0em;
}
.ListBoxLeft.grey, .ListBoxRight.grey {
	background-color: #F3F3F3;
	}
.ListBoxLeft.grey.atlas, .ListBoxRight.grey.atlas {
	height: 22em;
	border: none;
	border-top: 4px solid #CCC;
}

ul.ListButtons {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	clear: both;
	overflow: hidden;
	}
.ListButtons li {
	font-weight: bold;
	color: #9B4661;
	background-color: #DDDDDD;
	display: inline-block;
	float: left;
	margin-right: 0.6em;
	margin-bottom: 0.6em;
	border: 2px solid #CCC;
	list-style-type: none;
	font-size: 120%;
	text-align: center;
	padding-bottom: 0em !important;
	}
.ListButtons li a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 0.3em;
	padding-right: 0.3em;
	display: block;
	width: 100%;

	color: #999999;
	text-decoration: none;
	border-bottom: 0em;
}
.ListButtons li a:hover, ListButtons li a:active {
	background-color:#efebf1 !important;
	color: #55469B;
	cursor: pointer;
/*	border-bottom: 2px solid #CCC;*/
}

/* Boxes */

.box-highlight, .box-highlight-grey, .box-highlight-blue, .box-highlight-pink, .box-highlight-orange {
	display: block;
	background-color: #F7F7F7;
	padding: 0.6em;
	padding-top: 0.9em;
	padding-bottom: 0.9em;
	}
.box-highlight {
	border-left:  4px solid #b15a7d;		
	}
.box-highlight-grey {
	border-left:  4px solid #ccc;		
	}
.box-highlight-blue {
	border-left:  4px solid #7eb7ed;	
	}
.box-highlight-pink {
	border-left:  4px solid #b15a7d;		
	}
.box-highlight-orange {
	border-left:  4px solid #e8a800;		
	}


@media screen and (max-width: 600px), screen and (max-width: 1280px) and (-webkit-min-device-pixel-ratio: 2) and (orientation : portrait), 
screen and (max-width: 1280px) and (min-resolution: 192dpi) and (orientation : portrait)
 {
/*	 .PromoIndex li {
	width: calc(50% - 0.9em);
}*/
.PromoIndex li img {
	float: left;
	margin-right: 0px;
	margin-bottom: 10px;
	padding-right: 100%;
}
.PromoIndex2 li {
	width: calc(50% - 0.9em);
}
.ListBoxLeft, .ListBoxRight, .ListBoxLeft.grey.atlas, .ListBoxRight.grey.atlas {
	height:auto;
	width:100%;
	margin-left: 0px;
	margin-right: 0px;
	}
 }