/* Colour scheme based on the Kuler Elstree Colourful */

html,
	body {
		margin:0;
		padding:0;
		height:100%;
		color: #000000;
		/*font-family: Georgia, serif;*/
		font-family: Verdana,Arial,Helvetica,Sans-Serif;
		background-color: #f2f2f2;
		background-image: url(../images/bg-fade.jpg);
		background-repeat: repeat-x;
		background-position: top;}
		
	#container {
		min-height:100%;
		position:relative;
		width: 100%;
		
	}
	#header {
		padding:0;
		width: 100%;
	}
	
	h1 {
		margin: 0;
		padding: 0;
		/*border-bottom: 1px #000000 solid;*/
		background-image: url(../images/banner.01.jpg);
		background-repeat: no-repeat;
		height: 112px;
		background-color: #c5b5a2;
		width: 100%;
	}
	
			
	h2 {
  		font-size: 1.5em;
		margin: 0 0 0 3%;
		padding: 0;
		font-style: italic;
		}
		
	h4 {
		padding: .5em 0 0 0;
		margin: 0 0 0 .8em;
		letter-spacing: .4em;
		font-size: 1.1em;
	}	

#strapline {
		padding: 0;
		background-color: #59534c;
		color: #f2f2f2;
		height: 2em;
		width: 100%;
		background-image: url(../images/strapline.jpg);
		background-repeat: no-repeat;
		background-position: left top;
		}
		
	.float-left {
		float: left;
		
		}
		
	p.float-left {
		font-size: .9em;
		margin: .6em 0 0 1em;
		font-weight: bold;
		letter-spacing: .1em;
		
		
	}		
		
	#menu{
		font-weight: bold;
		letter-spacing: .1em;
		border-top: 1px #000000 dashed;
		border-bottom: 1px #000000 dashed;
		margin: 0;
		padding: 0;
		background-color: #c5a37a;
		color: #ffffff;
		float: left;
		width: 100%;
		}	

	dl#topnav {
		padding-left: 0;
		margin: 0 5%;
		list-style-type: none;
		font-size: 1em;
		}
		
		
   dl#topnav dd{
		display: inline;
		}
		
	dl#topnav a {
		display: block;
		float: left;
		padding: .1em .8em 0 .8em;
		text-decoration: none;
		color: #ffffff;
		border-right: 1px solid #ffffff;
		}
		
	dl#topnav a:link a.visited {
		color: #ffffff;
	}
	
	dl#topnav a:hover {
		background-color: #c5883f;}
		
	a.live-border {
		border-left: 1px solid #ffffff;
		} /* Creates a left border for menu item */	
		
	a#live {
		background-color: #c56c00;}	
		
	#submenu {
		margin: 0 0 0 0;
		padding: 0;
		border-top: 1px #000000 dashed;
		width: 100%;
		}
		
	#submenu dl {
		margin: 0;
		padding: 0;
		font-size: .75em;
		text-align: left;
		background-color: #c5a37a;
		color: #ffffff;
		letter-spacing: .1em;
		float: left;
		width: 100%;
		list-style-type: none;
		display: inline;
		}
		
	#submenu dd {
		display: inline;
	}
	#submenu a {
		float: left;
		display: inline;
		padding: 2px 3px;
		text-decoration: none;
		color: #ffffff;
		border-right: 1px solid #ffffff;
		}
	
	#submenu a:link a.visited {
		color: #ffffff;
	}
	
	#submenu a:hover {
		background-color: #c5883f;}
	
	#content {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 6em;	/* Height of the footer */
		clear: both;
		}

	.inner-wrap {
		margin: 0 auto 2em auto;
		width: 92%;
		padding: 0 0 1em 0;
		background-image: url(../images/in-wrap-bg.png);
		background-repeat: repeat;
}		
	
	.inner-wrap p {
		text-align: justify;
		padding: .5em 1em 0 1em;
		margin: 0;
		line-height: 1.6em;
		font-size: .9em;
	}	
	
	.inner-wrap p.centered {
		text-align: center;
		padding: 0;
		margin: 1em auto 0 auto;
		font-size: 1.1em;
		letter-spacing: .2em;
	}
	
	p.smaller {
		font-size: small;
	}
	
	#footer {
		position:absolute;
		bottom:0;
		width:100%;
		height: 6em;			/* Height of the footer */
		clear: both;
		background-image: url(../images/footer-bg.jpg);
		background-repeat: repeat-x;
		background-position: bottom;
		}
	
	dl#footer-menu {
		margin: 0 auto;
		padding-top: .5%;
		padding-bottom: .5%;
		padding-left: 0;
		list-style-type: none;
		font-size: .7em;
		font-weight: normal;
		color: #c5c5c5;
		text-align: center;
		border-bottom: 1px solid #000000;
		background: #12100f;
		}
				
	dl#footer-menu dd {
		display: inline;
		padding: 2% 1%;
		margin: 0;
		}			
	
	dl#footer-menu a {
		letter-spacing: .1em;
		}
		
	dl#footer-menu a:link {
		color: #c5c5c5;
		text-decoration: none;
		border-bottom: 1px #c5c5c5 dashed;
		}
	
	dl#footer-menu a:visited {
		color: #c5c5c5;
		text-decoration: none;
		border-bottom: 1px #c5c5c5 dashed;
		}
		
	dl#footer-menu a:hover {
		text-decoration: underline;
		border-bottom: none;
		color: #c56c00;
		}
		
	p.copyright {
		font-size: .7em;
		font-style: italic;
		text-align: center;
		margin: 0;
		padding: 0 0 1em 0;
		}

	p.wc3 {
		text-align: center;
		margin: 0;
		margin: 0;
		}

	p.wc3 img {
		border: none
		
		}
	
	/* Contact form styling */
	
	fieldset {
	margin: .5em 1em 0 1em;
	padding: 1em;
	background-image: url(../images/con-frm-bg.png);
	background-repeat: repeat;
	border: none;
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	}
	
	form#contact {
		padding: 0;
		margin: 0;
		font-size: .9em
		}
		
	form#contact label {
		float: left;
		width: 20%;
		margin-right: 2%;
		margin-left: 0;
		padding: 0;
		text-align: right;
		font-size: .9em;
		font-weight: bold;
		clear: left;
		}
	
		
	input#send {
			margin-left: 45%;
			background-color: #bfb2a3;
			color: #000000;
			font-weight: bold;
			}		
			
	input#reset {
			margin-left: 2%;
			color: #000000;
			background-color: #bfb2a3;
			font-weight: bold;
			}

	input#name, input#email, input#telephone, textarea#comments {
			font-family: Verdana,Arial,Helvetica,Sans-Serif;
			background-color: #a69e8f;
			font-size: 1em;
			width: 70%;
			}
			
				
	input#name:focus, input#email:focus, input#telephone:focus, textarea#comments:focus {
			background-color: #f2f2f2;
			}		

/* Styling for Tables */

	table {
	width: 90%;
	margin: 0 5% 1em 5%;
	font-size: .8em;
	border-collapse: collapse;
	}

	caption {
	text-align: left;
	font-size: 1em;
	font-weight: bold;
	}

	td, th {
	border: 1px #000000 solid;
	padding: 3px 5px 2px 5px;
	}
	
	th {
	text-align: left;
	background: #c5a3a1;
	}

	tr.alt td {
	background: #b7c5a1; 
	}

/* Other Cosmetic styling */
	
	.hidden {
		display: none;
		}
	
	h3.default {
     	font-size: 1.3em;
     	margin: 1em 0 .5em 4%;
		padding: 0;
		letter-spacing: .1em;
		clear: both;
		color: #f2f2f2;
		font-style: italic;
		}
		
	h4.img-heading {
     	font-size: 1.2em;
     	text-decoration: underline;
     	margin-top: 0;
       	margin-bottom: 0;
 		margin-left: 6%;
 		padding: 0;
		letter-spacing: .1em;
		clear: both;
		}	
	
	p.default {
		margin: 0 5%;
		padding: 0 0 1% 0;
		text-align: justify;
		font-size: 1em;
		width: 90%;
		}
		
	p.clear {
		clear: both;
		margin: 0 5% 0 5%;
		padding: 0 0 1% 0;
		text-align: justify;
		font-size: 1em;
		width: 90%;
		}	

	ol.default{
		padding: 0;
		margin: 1em 8%;
		clear: both;
	}

	span.strong {
		font-weight: bold;
		}
		
	span.para-links a {
		color: #c56c00;
		letter-spacing: .1em;
		}
	
	span.para-links a:link {
		text-decoration: none;
		border-bottom: 1px #c56c00 dashed;
		}

	span.para-links a:visited {
		text-decoration: none;
		border-bottom: 1px #c56c00 dashed;
		}

	span.para-links a:hover {
		text-decoration: underline;
		border-bottom: none;
		}
	
	.italic {
		font-style: italic;
		}
	
	span.para-links a {
		color: #c56c00;
		letter-spacing: .1em;
		}

	span.para-links a:link {
		text-decoration: none;
		border-bottom: 1px #c56c00 dashed;
		}

	span.para-links a:visited {
		text-decoration: none;
		border-bottom: 1px #c56c00 dashed;
		}

	span.para-links a:hover {
		text-decoration: underline;
		border-bottom: none;
		}
		
	.quote {
		font-size: 1.4em;
		font-style: italic;
		text-align: center;
		padding: 0;
		margin: .5em auto;
	}
	
	.des-exams {
		margin: 0 6% 1em 6%;
		min-height: 240px;
		}

	img.design-ex-img {
		float: left;
		width: 360px;
		margin: .5em .5em 0 .5em;
		}

	.des-exams p {
		margin: 0;
		font-size: 1em;
		text-align: justify;
		padding: 10px .5em .5em .5em;
		}
			
	.des-exams ul li {
		padding-top: 1em;
		padding-bottom: 1em;
		}
		
/* Style list inside inner-wrap div */

	.inner-wrap ul {
		margin: 0;
		padding: 1em 1em 0 1em;
		font-size: .8em;
		text-align: justify;
		font-style: italic;
		list-style-type: none;
		}

	.inner-wrap ul li {
		margin: 0;
		padding: 0 0 .5em .5em;
	}