html, body {
	height: 100%;
	}

/* zero out margins */
*{
	margin:0;
	padding:0
	}

	 
/* this is needed for IE */
body{
	height: 100%;
	text-align:center
	}

/* Body CSS - this is the main white background either side of main 960px site */
body{
	font-family:'Maven Pro',helvetica,arial,sans-serif;
	font-size:100%;
	font-weight:400;
	font-weight:normal;
	background-color:#f8f8f8;
	/*background-image:url(light_grey_texture.png);*/
	background-position:center;
	text-align:center;
	height: 100%;
	/* line-height: 125%; Not needed - But Keep Just In Case */
	padding: 0;
	margin: 0;
	overflow:auto; 
	}
/* End of Body CSS - main white background either side of main 960px site */
  
 
/* Main container 960px. Make sure to set a width. This is where everything is contained and centered */
#container{
	position:relative;
	max-width:960px;
	width: 100%;
	margin-top:0ems;
	margin-left:auto;
	margin-right:auto;
	/*background-color:#f1f2f2;*/
	/*-webkit-box-shadow:0px 2px 17px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:0px 2px 17px rgba(50, 50, 50, 0.75);
	box-shadow:0px 2px 17px rgba(50, 50, 50, 0.75);*/
	min-height:100%;
	overflow:auto;
	}

/* END OF Main container 960px where everything is contained and centred */

#header {
	position:fixed;
	background-color:#3e3e3e;
	height:8.500em;
	width:100%;
	border-bottom-style:solid;
	border-bottom-width:0.063em;
	border-bottom-color:#231f20;
	background-position:center;
	text-align:center;
	margin-top:0em;
	margin-left:0em;
	margin-right:0em;
	margin-bottom:1.563em;
	z-index:1000;
	}

#headercontentcontainer {
	position:relative;
	max-width:960px;
	width:100%;
	height:auto;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1.563em;
	}

#headercontent {
	position:relative;
	height:3.438em;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0.938em;
	/*background-color: ;*/
	}

#websitename {
	position:relative;
	top:0.938em;
	display:block;
	height:1.875em;
	width:100%;
	background-color: ;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1.350em;
	}

#websitename p{
	text-align:centre;
	font-family:Times, serif;
	font-size:2em;
	letter-spacing:0.17em;
	color:white;
	}

#contactdetails {
	position:relative;
	width:100%;
	/*float:right;*/
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0.625em;
	/*bottom:0.115em;*/
	}

#contactdetails p{
	text-align:centre;
	font-family:'Maven Pro',Helvetica, sans-serif;
	font-weight:700;
	font-weight:bold;
	font-size:0.85em;
	letter-spacing:0.12em;
	color:white;
	}

#contactdetails a:link {
	text-decoration: none;
	color:white;
	border: none;
	outline:none;
	}

#contactdetails a:visited {
	text-decoration: none;
	color:#d1d3d4;
	border: none;
	outline:none;
	}

#contactdetails a:hover {
	text-decoration: none;
	color:#d1d3d4;
	border: none;
	outline:none;
	}
	
#contactdetails a:active {
	text-decoration: none;
	color:#d1d3d4;
	background-color: none;
	border: none;
	outline:none;
	}

#underline {
	position:relative;
	background-color:white;
	height:0.063em;
	border:none;
	margin-bottom:0.625em;
	}
	
#cssmenu {
	position:relative;
	float:left;
	max-width:960px;
	width:100%;
	margin-bottom:1.250em;
	height:1.375em;
	/*background-color:white;*/
	/*padding-top:5px;*/
	font-family:'Maven Pro', helvetica,arial,sans-serif; 
	font-size:1em;
	font-weight:700;
	font-weight:bold; 
	line-height:1.125em;
	color:black;	
	text-align:center;
	}

#cssmenu > ul {
	width: 960px;
	list-style-type: none;
	padding: 0;
	margin: 0;
	background: #3e3e3e;
	border-bottom: 0.063em #C9252C;
	-webkit-border-radius: 0.063em;
	-moz-border-radius: 0.063em;
	-o-border-radius: 0.063em;
	border-radius: 0.063em;
	
	}
	
#cssmenu > ul li#responsive-tab {
	display: none;
	/* Hide for large screens */
	}
	
#cssmenu > ul li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	}

#cssmenu > ul li.right {
	float: right;
	}

#cssmenu > ul li.has-sub {
	position: relative;
	}

#cssmenu > ul li.has-sub:hover ul {
	display: block;
	}


#cssmenu > ul li.has-sub ul {
	display: none;/*Drop Down Menu Settings*/
	white-space:nowrap;
	position: absolute;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: #3e3e3e;
	/*border: 0.063em solid #C9252C;
	border-bottom: 0.063em solid #C9252C;
	border-top: 0 none;*/
	}

#cssmenu > ul li.has-sub ul li {
	
	display: block;
	}

#cssmenu > ul li.has-sub > a {
	
	background-repeat: no-repeat;
	
	}

#cssmenu > ul li.has-sub > a.active,
#cssmenu > ul li.has-sub > a:hover {
	
	
	}

#cssmenu > ul li a {
	display: block;
	padding-top:0.313em;
	padding-left:0.688em;
	padding-right:0.688em;
	padding-bottom:0.313em;
	text-decoration: none;
	color: #ffffff;
	/*text-shadow: 0px 1px 0px #fff;*/
	text-align:left;
	}

#cssmenu > ul li a.active,
#cssmenu > ul li a:hover {
	background: #3e3e3e;
	color: #d1d3d4;
	/*text-shadow: 0px 1px 0px #000;*/
	}


@media (max-width: 945px) {

#cssmenu > ul {
		width: 100%;
	}

  #cssmenu > ul li#responsive-tab {
	display: block;
	}
  
  #cssmenu > ul li#responsive-tab a {
    background: url('menu.png') no-repeat;
    background-position: 95% -14%;
	}
  
  #cssmenu > ul li#responsive-tab a:hover {
    background-color: #3e3e3e;
    background-position: 95% 116%;
	}
  
  #cssmenu > ul li {
    display: none;
	}
  
  #cssmenu > ul li.right {
    float: none;
	}
  
  #cssmenu > ul li.has-sub {
    position: relative;
	}
  
  #cssmenu > ul li.has-sub ul {
    display: block;
    position: static;
    width: 100%;
    background: #3e3e3e;
    border: 0 none;
	}
  
  #cssmenu > ul li.has-sub ul li {
    display: block !important;
	}
  
  #cssmenu > ul li.has-sub ul li a span {
    display: block;
    padding-left: 24px;
	}
  
  #cssmenu > ul li.has-sub > a {
    background-image: none;
	}
}

/* Make sure they show even if hidden in mobile view by JS */
@media (min-width: 945px) {
  #cssmenu > ul > li.collapsed {
    display: inline-block !important;
    *display: inline;
    zoom: 1;
  }
  #cssmenu > ul ul li.collapsed {
    display: block !important;
  }
}



#introtext{
	position:relative;
	float:left;
	max-width:100%;
	min-width:80%;
	/*height:60px;HEIGHT OF INTRO TEXT BOX MAYBE NO LONGER NEEDED*/
	/*margin-top:125px;*/
	margin-top: 10em;
	margin-left:1.250em;
	margin-right:1.250em;
	margin-bottom:1.250em;
	background-color: ;
	}
	
#introtext p{
	font-family:'Sorts Mill Goudy',serif;
	font-weight:400;
	font-weight:normal;
	font-size:1.5em;
	line-height:1.4em;
	text-align:left;
	color:#555555;
	}	
	
#sectionbuffer{
	position:relative;
	float:left;
	max-width:100%;
	min-width:80%;
	/*height:60px;HEIGHT OF INTRO TEXT BOX MAYBE NO LONGER NEEDED*/
	/*margin-top:125px;*/
	margin-top: 7.75em;
	margin-left:1.250em;
	margin-right:1.250em;
	margin-bottom:1.250em;
	background-color: ;
	}	
	
h1 {
	font-family:'Sorts Mill Goudy',serif;
	font-weight:400;
	font-weight:normal;
	font-size:2em;
	line-height:;
	text-align:left;
	color: ;
	}	
	
h2 {
	font-family:'Maven Pro',Helvetica, sans-serif;
	font-weight:700;
	font-weight:bold;
	font-size:1.2em;
	line-height:;
	text-align:left;
	color: ;
	}		
	
h3 {
	font-family:'Maven Pro',Helvetica, sans-serif;
	font-weight:700;
	font-weight:bold;
	font-size:1.2em;
	line-height:;
	text-align:left;
	color: ;
	}		
	
h4 {
	font-family:'Maven Pro',Helvetica, sans-serif;
	font-weight:700;
	font-weight:bold;
	font-size:1.2em;
	line-height:;
	text-align:left;
	color: ;
	}		
	
#links {
	font-family:'Maven Pro',Helvetica, sans-serif;
	font-weight:400;
	font-weight:normal;
	font-size:1em;
	line-height:;
	text-align:left;
	color: ;
	}		
		
#pagecontents {
	position:relative;
	float:left;
	width:95.83333333333334%;
	margin-left:1.250em;
	margin-right:1.250em;
	margin-bottom:1.250em;
	background-color: ;
	}

.margintop {
	margin-top:6.625em;
	}
	
#leftcolumn {
	position:relative;
	float:left;
	width:31.9%;
	
	margin-right:2.083333333333333%;
	margin-bottom:1.250em;
	background-color: ;
	}
	
#middlecolumn {
	position:relative;
	float:left;
	width:31.9%;
	
	margin-right:2.083333333333333%;
	margin-bottom:1.250em;
	background-color: ;
	}
	
#rightcolumn {
	position:relative;
	float:left;
	width:31.9%;
	
	margin-bottom:1.250em;
	background-color: ;
	}
	
#columnheadings {
	position:relative;
	width:86.3481%;
	top:1.250em;
	left:1.250em;
	font-family:'Maven Pro',Helvetica, sans-serif;
	font-weight:700;
	font-weight:bold;
	text-align:left;
	font-size:0.95em;
	color:#58595b;
	/*height:15px;*/
	margin-bottom:0.938em;
	background-color: ;
	}

#columnheadingsline {
	position:relative;
	width:90%;
	top:0.625em;
	left:1.250em;
	background-color:#58595b;
	height:0.063em;
	border:none;
	margin-bottom:0.625em;
	}
	
#columnheadingslineindex {
	position:relative;
	width:90%;
	top:0.625em;
	left:1.250em;
	background-color:#58595b;
	height:0.063em;
	border:none;
	margin-bottom:1.5em;
	}	

#columndescription {
	position:relative;
	width:86.3481%;
	left:1.250em;
	top:0.313em;
	height:0.938em;
	font-family:'Maven Pro',Helvetica, sans-serif;
	font-weight:400;
	font-weight:normal;
	font-size:0.95em;
	text-align:left;
	color:#808284;
	margin-bottom:1.250em;
	background-color: ;
	}

#columnimage {
	position:relative;
	left:1.250em;
	width:90%;
	height:auto;
	background-color: ;
	}

#columnimage img {
	width:100%;
	height:auto;
	}

#columnimage:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	-khtml-opacity: 0.5;
	}


#largecolumn {
	position:relative;
	max-width:49%;
	
	margin-bottom:1.250em;
	background-color:;
	}

#largecolumn img {
	max-width:100%;
	min-width:18.313em;
	height:auto;
	}

#largecolumnheadings {
	position:relative;
	width:86.3481%;
	top:1.250em;
	font-family:'Maven Pro',Helvetica, sans-serif;
	font-weight:700;
	font-weight:bold;
	text-align:left;
	font-size:0.95em;
	color:#58595b;
	/*height:15px;*/
	margin-bottom:0.938em;
	background-color: ;
	}
	
#largecolumnheadingsline {
	position:relative;
	width:100%;
	top:0.625em;
	background-color:#58595b;
	height:0.063em;
	border:none;
	margin-bottom:0.625em;
	}

#largecolumndescription {
	position:relative;
	width:86.3481%;
	top:0.313em;
	height:0.938em;
	font-family:'Maven Pro',Helvetica, sans-serif;
	font-weight:400;
	font-weight:normal;
	font-size:0.95em;
	text-align:left;
	color:#808284;
	margin-bottom:1.250em;
	background-color: ;
	}	

.floatleft {
	float:left;
	}

.floatright {
	float:right;
	}
	

	
#centeredcolumn {
	position:relative;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1.250em;
	}	

#centeredcolumn img {
	max-width:46.875%;
	min-width:18.313em;
	height:auto;
	}
	
#widecolumn {
	position:relative;
	width:100%;
	margin-bottom:1.250em;
	background-color:;
	}

#widecolumn img {
	width:100%;
	min-width:18.313em;
	}

#footer {
	position:relative;
	float:left;
	height:3.438em;
	width:95.83333333333334%;
	margin-left:1.250em;
	margin-right:1.250em;
	/*background-color:#c2c2c2;*/
	}
	
a:link {
	text-decoration: none;
	color:#58595b;
	border: none;
	outline:none;
	}

a:visited {
	text-decoration: none;
	color:#58595b;
	border: none;
	outline:none;
	}

a:hover {
	text-decoration: none;
	color:#000000;
	border: none;
	outline:none;
	}
	
a:active {
	text-decoration: none;
	color:#58595b;
	background-color: none;
	border: none;
	outline:none;
	}