html,
	body {
		margin:0;
		padding:0;
		height:100%;
		color: #000000;
		font-family: Georgia, serif;
		}
	#container {
		min-height:100%;
		position:relative;
		background: #ffebd1;
		
	}
	#header {
		padding:0;
	}
	
	h1 {
		font-size: 2em;
		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;
	}
	
			
	h2.italic{
  		font-size: 1.5em;
		margin: 0;
		padding: .5% 4%;
		font-style: italic;
		border: none;
		background-color: #c57718;
		color: #ffffff;
		}
		
	#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:8em;	/* Height of the footer */
		clear: both;
		}
	
	
	
	#footer {
		position:absolute;
		bottom:0;
		width:100%;
		height:8em;			/* Height of the footer */
		background:#c5a3a1;
		border-top: 1px dashed #000000;
		border-bottom: 1px dashed #000000;
		clear: both;
	}
	
	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 0 1% 0;
		padding-top: 1%;
		}

	p.wc3 {
		text-align: center;
		padding-top: 1%;
		margin: 0;
		border-top: 1px #000000 dashed;
		}

	p.wc3 img {
		margin: 0;
		padding: 0 1% 0 1%;
		border: none;
		height: 31px;
		width: 88px;
		}
	
	/* Contact form styling */
	
	fieldset {
	margin: 0 6%;
	padding: 2em;
	width: 82%;
	background: #b7c5a1;
	border: 2px #000000 solid;
	}
	
	form#contact {
		padding: 0;
		margin: 0;
		font-size: .9em
		}
		
	form#contact label {
		float: left;
		width: 33%;
		margin-right: 2%;
		margin-left: 0;
		text-align: right;
		font-weight: bold;
		clear: left;
		}
	
		
	input#send {
			margin-left: 45%;
			background-color: #c5a3a1;
			color: #000000;
			font-family: Georgia, serif;
			font-weight: bold;
			}		
			
	input#reset {
			margin-left: 2%;
			color: #000000;
			background-color: #c5a3a1;
			font-family: Georgia, serif;
			font-weight: bold;
			}

	input#name, input#email, input#telephone, textarea#comments {
			background-color: #deccb6;
			font-family: Verdana, Helvetica, Arial, sans-serif;
			font-size: .8em;
			width: 50%;
			margin-top: -.1em;
			margin-right: 0;
			}
			
	input#name:focus, input#email:focus, input#telephone:focus, textarea#comments:focus {
			background-color: #c56c00;;
			}		

/* 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-top: 3em;
       	margin-bottom: 0;
 		margin-left: 5%;
		padding: 0;
		letter-spacing: .1em;
		clear: both;
		}
		
	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;
		margin: 10px 20px 10px 5px;
		border: 1px #c5a37a dashed;
		}

	.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;
		}