/* GENERAL STYLES
=================================*/
body {
  /* ONLY SET BACKGROUND COLOUR OR IMAGE HERE */
  background: #fff url(/themes/defaulttheme/images/shattered.jpg);
	background-position: center top;
	background-attachment:fixed;
	background-repeat:repeat;
	/*background-size:100%;*/
}
.container {
  /* SET A GENERAL FONT STYLE AND COLOUR TO USE ACROSS THE SITE HERE */
  font-family: "Raleway", Arial, Helvetica, sans-serif;
  color: #291200;
  font-size: 16px;
}
img{
	border:0;
}
  /* SET GENERIC STYLES PREFIXED BY THE CONTAINER ID */
  #content h1,
  #content h1 a,
  #content h2,
  #content h2 a,
  #content h3,
  #content h3 a {
    color: #262262;
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-decoration: none;
  }
  #content h1 {
    font-size: 28px;
		padding:58px 20px 20px;
    font-weight: 700;
		text-align:center;
  }
  #content h2 {
    font-size: 22px;
    font-weight: 700;
		padding:58px 20px 20px;
		text-align:center;
  }
  #content h3 {
    font-size: 22px;
    font-weight: 700;
		color:#262262;
		padding:25px 20px 20px;
		text-align:center;
		clear:both;
  }
  #content p {
    font-size: 14px;
    line-height: 1.8em;
    margin: 0;
    padding: 0 20px 12px 20px;
  }
  #content a {
    color: #262262;
		font-weight:500;
		text-decoration:none;
  }
  #content a:hover {
    text-decoration: underline;
  }
  #content p a:hover {
    text-decoration: underline;
  }
  #content ul,
  #content ol {
    margin: 0;
    padding: 0 30px 12px 45px;
    font-size:14px;
  }
  #content ul li {
    list-style: disc;
    line-height:1.7em;
  }
  #content .ccm-error,
  #content .ccm-error p {
    color: #CC0000 !important;
  }
  /* This sets the colours when someone highlights some text if needed*/
  /*  
  .container ::selection {
    background: #374F1E;
    color: #FFFFFF;
    text-shadow: none;
  }
  */
	/*So we get consistent colors of adding block no matter what the background color is*/
	.ccm-add-block{
		color:#fff !important;
		text-shadow:
			-1px -1px 0 #000,
			1px -1px 0 #000,
			-1px 1px 0 #000,
			1px 1px 0 #000;  
		font-size:12px !important;
		font-family:Verdana;
	}
	iframe[name='google_conversion_frame'] { 
			height: 0 !important;
			width: 0 !important; 
			line-height: 0 !important; 
			font-size: 0 !important;
			margin-top: -13px;
			float: left;
	}

/* HEADER AREA SPECIFIC STYLES
================================ */
#header .container {
  background-color: #fff;
}
#header .logo img {
  padding: 20px 0;
}
#header .phone_email_group{
	text-align:right;
	margin:60px 0 0 0;
}
#header .phone_email_group a:hover{
	text-decoration:underline;
}
#header .phone{
	margin:0 0 10px 0;
}
#header .phone p,
#header .phone a {
  color: #056839;
  text-decoration: none;
  font-size: 24px;
  font-weight: 500;
	margin:0;
	padding:0;
}
#header .phone p:before {
  font-size: 24px;
  content: "\f095";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #262262;
  margin-right: 10px;
}
#header .email,
#header .email p,
#header .email a {
  color: #056839;
  text-decoration: none;
}
#header .email p {
  font-size: 15px;
	font-weight:500;
	margin:0;
}
/* NAVIGATION AREA SPECIFIC STYLES
================================ */
#navigation {
}

#navigation ul.nav {
  margin-left: 0px;
  padding: 0px;
  z-index: 20;
	list-style-type:none;
}
#navigation ul.nav li {
  /* The style of a standard button, which applies to all levels */
  background-color: #262262;  /* Set the background colour to be the bottom of the gradient, in case the button wraps onto two lines */
  margin-bottom: 1px;
	list-style-type:none;
}
#navigation ul.nav li.nav-selected {
  /* Styles for the active page */
	background-color: #332f78;
}
#navigation ul.nav li:hover {
  /* Styles for the button hover state. Change the button background and border colours (if necessary) here */
  background-color: #332f78;
}
#navigation ul.nav li a {
  /* Set backgrounds on the li.  Only set font stuff and padding in here */
  display: block;
  width: 200px;
  padding: 38px 10px;
  color: #EEEEEE;
  font-size: 18px;
  line-height: 23px;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;	
	text-align:center;
}
#navigation ul.nav li:hover a {
  /* only change the font colour in here */
  color: #FFFFFF;
}

/* SECOND (AND THIRD) LEVEL SPECIFIC MENU STYLES */
#navigation ul.nav ul {
  top: 0%;
  left: 100%;
}
#navigation ul.nav ul li {
  background-image: none;
  background: #3B3B3B;
}
#navigation ul.nav ul li.nav-selected { background-image: none !important; }
#navigation ul.nav ul li:hover {
  background: #323232;
}
#navigation ul.nav ul li a {
  font-size: 14px;
  line-height: 19px;
  width: 200px !important;
  padding: 7px 20px 9px 20px;
}	
/* THIRD LEVEL SPECIFIC MENU STYLES */
#navigation ul.nav ul li ul li {
  background: #4A4A4A;
}
#navigation ul.nav ul li ul li:hover {
  background: #383838;
}


/* BANNER AREA SPECIFIC STYLES
================================ */
#banner_container{
  height:399px;
  overflow:hidden;
}
#banner_container .slide{
  height:399px;
  width:100%;
	text-align:center;
}
#banner_container .slide_edit{
  height:50px;
  overflow: hidden;
}
#banner_container .slide a{
	display:inline-block;
	width:720px;
	height:399px;
	color:#fff;
	text-decoration:none;
}
#banner_container .slide p{
	color:#fff;
	text-shadow:1px 1px 1px #000;
	font-size:36px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	margin-top:182px;
	padding:0 20px;
}
/* CONTENT AREA SPECIFIC STYLES
================================ */
#content .container{
	background:#fff;
}
.ornament{
	display:block;
	margin:10px auto;
}
#content table.normal{
	width:660px;
	margin:0 20px;
	border:1px solid #fff;
	background:#fff;
	border-spacing:1px;
	opacity: 0;
	filter: alpha(opacity=0);
}
#content table.normal td{
	background:#f8f8f8;
	vertical-align:top;
}
#content table.normal tr td:first-child{
	background:#f4f4f4;
}
#content table.normal tr td:first-child p{
	font-weight:600;
}
#content table.normal tr:first-child td{
	background:#f4f4f4;
}
#content .image_ba{
	width:700px;
	margin:0;
	clear:both;
	opacity: 0;
	filter: alpha(opacity=0);
}
#content .image_before_container,
#content .image_after_container{
  margin:0 0 40px 0;
  width: 330px;
  text-align: center;
  font-weight: 600;
	font-size:0;
	float:left;
}
#content .image_after_container{
  margin-left: 40px;
}
#content .ba_text{
	font-size:14px;
	padding-top:10px;
}
#content .image_ba h2{
	color:#4b4b4b;
	font-size:16px;
	overflow:hidden;
	font-weight: 500;
	padding:10px 0 10px 0;
	margin: 0;
	text-align:center;
}
/* FOOTER AREA SPECIFIC STYLES
================================ */
#footer .container {
	font-size:14px;
	background:#f4f4f4;
	
}
#footer_top .container{
	background:#fff;
}
#footer_accreditation{
	text-align:center;
	padding:20px;
}
#footer_accreditation img{
	vertical-align:middle;
	margin:0 20px 20px 20px;
}
#footer p{
	margin:0;
}
#footer a{
	color: #056839;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
#footer .footer_logo{
	padding:20px 0 20px 50px;
	display:block;
	text-align:right;
}
#navigation_footer{
	padding:20px 0;
}
#navigation_footer a{
	padding:0 10px;
	font-weight:500;
}
#navigation_footer li:first-child a{
	padding-left:0;
}