/* CSS Document */
/***********************************************************************************************/
/***************************** DONT EDIT *******************************************************/
/***********************************************************************************************/
/* Main Page Settings */
@import url(http://fonts.googleapis.com/css?family=Parisienne);
@import url(http://fonts.googleapis.com/css?family=Lato);
body {
	margin-left: 0px !important;
	margin-top: 0px !important;
	margin-right: 0px !important;
	margin-bottom: 0px !important;
}
/* Disables Focus Block */
:focus {
	outline: none !important;
}
/*Mozilla Support*/
.center1 {
	margin-left: auto !important;
	margin-right: auto !important;
}
/***********************************************************************************************/
/* Button */
/***********************************************************************************************/

/* Head Div */

.headerdiv {
	width: 100%;
	height: 300px;
	background: url(../images/header_bg.png) repeat-x #afc6d4;
}

.headerdiv2 {
	width: 100%;
	height: 300px;
	background: url(../images/header_bg.png) repeat-x #fff;
}

.sliderdiv {
	width: 100%;
	height: 592px;
	background-color: #afc6d4;
}
.middecodiv {
	width: 100%;
	height: 68px;
	background-image: url(../images/middle_deco.png);
	background-repeat: repeat-x;
}
.contentdiv {
	width: 100%;
	background-color: #FFFFFF;
}
.socialdiv {
	width: 100%;
	height: 450px;
	background-color: #f1f1f1;
}
.bottomdecodiv {
	width: 100%;
	height: 72px;
	background-image: url(../images/bottom_deco.png);
	background-repeat: repeat-x;
}
.footerdiv {
	width: 100%;
	background-color: #afc6d4;
}
/*************************************************************************************************/
/******************************* MAIN STYLES EDIT HERE *******************************************/
/*************************************************************************************************/

.box {
	padding: 10px 10px 10px 10px;
}

.thehorse {
	font-family: 'Tangerine', cursive;
	font-size: 25px;
	color: #000;
}
.content {
	font-family: 'Lato', sans-serif;;
	font-size: 15px;
	color: #000;
}
.contentheader {
	font-family: 'Tangerine', cursive;
	font-size: 30px;
	color: #247084;
}
.form {
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:16px;
	colour: #247084;
}

/* Links */

#link2 a {
	color: #FFF;
}
#link2 a:link {
	text-decoration: none;
}
#link2 a:visited {
	text-decoration: none;
	color: #FFF;
}
#link2 a:hover {
	text-decoration: none;
	color: #247084;
}
#link2 a:active {
	text-decoration: none;
	color: #FFF;
}

#link3 a {
	color: #247084;
}
#link3 a:link {
	text-decoration: none;
}
#link3 a:visited {
	text-decoration: none;
	color: #247084;
}
#link3 a:hover {
	text-decoration: none;
	color: #868686;
}
#link3 a:active {
	text-decoration: none;
	color: #247084;
}

/* Form Fields */

.fieldcell {    
 	background-color: #fff;    
 	color: #000;
	width:196px;
 	height:30px;    
 	border: 1px solid #E1E1E1;    
 	margin-right: 0px;    
}

.fieldcell2 {    
 	background-color: #F4F4F4;    
 	color: #000;   
 	border: 1px solid #E1E1E1;    
 	margin-right: 0px;    
}

/*-----------------------------------
------------ Navigation -------------
------------------------------------*/

@import url(http://fonts.googleapis.com/css?family=Oxygen+Mono);
/* Starter CSS for Menu */
#cssmenu {
  padding: 0;
  margin: 0 auto;
  border: 0;
  width: 1000px;
  
}
#cssmenu ul,
#cssmenu li {
  list-style: none;
  margin: 0;
  padding: 0;
  
}
#cssmenu ul {
  position: relative;
  z-index: 597;
  
}
#cssmenu ul li {
  float: left;
  min-height: 1px;
  vertical-align: left;
 
}
#cssmenu ul li.hover,
#cssmenu ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
  
}
#cssmenu ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%;
  
}
#cssmenu ul ul li {
  float: none;
  
}
#cssmenu ul ul ul {
  top: 0;
  left: 190px;
  width: 190px;
   
}
#cssmenu ul li:hover > ul {
  visibility: visible;
  
}
#cssmenu ul ul {
  bottom: 0;
  left: 0;
  
}
#cssmenu ul ul {
  margin-top: 0;
  
}
#cssmenu ul ul li {
  font-weight: normal;
}
#cssmenu a {
  display: block;
  line-height: 1em;
  text-decoration: none;
  
}
/* Custom CSS Styles */
#cssmenu {
  background: #ffffff;
  border-bottom: 4px solid #ffffff;
  font-family: 'Oxygen Mono', Tahoma, Arial, sans-serif;
  font-size: 12px;
}
#cssmenu > ul {
  *display: inline-block;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu ul {
  text-transform: uppercase;
}
#cssmenu ul ul {
  border-top: 4px solid #ffffff;
  text-transform: none;
  min-width: 190px;
}
#cssmenu ul ul a {
  background: #ffffff;
  color: #707070;
  border: 1px solid #e6e6e6;
  border-top: 0 none;
  line-height: 150%;
  padding: 16px 20px;
  font-size: 14px;
}
#cssmenu ul ul ul {
  border-top: 0 none;
}
#cssmenu ul ul li {
  position: relative;
}
#cssmenu ul ul li:first-child > a {
  border-top: 1px solid #e6e6e6;
}
#cssmenu ul ul li:hover > a {
  background: #ffffff;
  color: #56b6ea;
}
#cssmenu ul ul li:last-child > a {
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-box-shadow: 0 1px 0 #ffffff;
  -webkit-box-shadow: 0 1px 0 #ffffff;
  box-shadow: 0 1px 0 #ffffff;
}
#cssmenu ul ul li:last-child:hover > a {
  -moz-border-radius: 0 0 0 3px;
  -webkit-border-radius: 0 0 0 3px;
  border-radius: 0 0 0 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#cssmenu ul ul li.has-sub > a:after {
  content: '+';
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -8px;
}
#cssmenu ul li:hover > a,
#cssmenu ul li.active > a {
  background: #ffffff;
  color: #55b9ce;
}
#cssmenu ul li.has-sub > a:after {
  content: '+';
  margin-left: 5px;
}
#cssmenu ul li.last ul {
  left: auto;
  right: 0;
}
#cssmenu ul li.last ul ul {
  left: auto;
  right: 99.5%;
}
#cssmenu a {
  background: #ffffff;
  color: #696969;
  padding: 0 20px;
}
#cssmenu > ul > li > a {
  line-height: 48px;
  font-size: 14px;
}