* {
		margin: 0;
		padding: 0;
		}

html {
		font-size: 100%;
		}

body {
		font: 62.5%/1.5 Verdana, Arial, Helvetica, sans-serif;
		padding: 20px;
		background-color: #02406f;
		}
#mainwrapper {
		padding: 20px 20px 50px;
		background: #ffffff;
		font-size: 1.2em;
		line-height: 1.5em;
		width: 752px;
		margin: 0 auto;
		}


#wrapper {
		padding: 20px 20px 50px;
		background: #ffffff;
		font-size: 1.2em;
		line-height: 1.5em;
		width: 775px;
		margin: 0 auto;
		}
p {
		margin-bottom: 1.5em;
		}

/* ---------- add your code below ---------- */


#subheading {
		font-size: 1.2em;
		line-height: 1.5em;
		font-weight : bold;
		}
		

h1 {
	font-family: Verdana, Arial, Helvtica, sans-serif;
	}

#listindent {
		font-size: 1.2 em;
		line-height: 1.5em;
		margin-left: 2em;
		}

blockquote {
		background: url(quote-open.gif) 0 0 no-repeat;
		margin: 1.2em 2em;
		}		
		
blockquote p {
		color: #555555;
		font-size: 1.2em;
		font-weight: bold;
		text-align: justify;
		background: url(quote-close.gif) 100% 90% no-repeat;
		padding: 0 33px;
		margin-bottom: 0;
		}			

cite {
		background: none;
		display: block;
		text-align: right;
		font-size: 1.1em;
		font-weight: normal;
		font-style: italic;
		}		



#navContainer {
		font: 1.1em/1 Georgia, "Times New Roman", Times, serif;
		background: #AC1F18;
		text-align: center;
		padding: 7px 0px;
		border-top: 1px solid #898989;
		border-bottom: 1px solid #898989;
		margin-bottom: 0px;
		width: 815px;
		margin: 0 auto;

		}


#navContainer2 {
		font: 1.1em/1 Georgia, "Times New Roman", Times, serif;
		background: #3A6421;
		text-align: center;
		padding: 7px 0px;
		border-top: 1px solid #898989;
		border-bottom: 1px solid #898989;
		margin-bottom: 0px;
		width: 815px;
		margin: 0 auto;

		}
		
#navContainer3 {
		font: 1.1em/1 Georgia, "Times New Roman", Times, serif;
		text-align: center;
		padding: 7px 0px;
		border-top: 1px solid #898989;
		border-bottom: 1px solid #898989;
		margin-bottom: 0px;
		width: 815px;
		margin: 0 auto;

		}


#navigation ul {
		list-style: none;
		}

#navigation li {
		display: inline;
		padding: 0px 9px;
		border-right: 0px solid #aaaaaa;
		font-size: 1em;
		color: #FFFFFF;
		}

#navigation #contactDetailsPageLink {
		border-right: none;
		}

#navigation a:link, #navigation a:visited {
		text-transform: uppercase;
		text-decoration: none;
		}

#navigation a:link {
		color: #FFFFFF;
		}

#navigation a:visited {
		color: #E5E6E9;
		}

#navigation a:hover {
		text-decoration: underline;
		}

#navigation a:active {
		color: #ff0000;
		}

.dropCap span {

		font-size: 4.8em;
		line-height: 1.4em;
		}

.dropCap {
		float: left;
		height: 4.8 em;
		margin-top: -1.5em;
		margin-left: -0.4em;
		margin-right: 0.5em;

		}

.menu {
		padding: 0px 20px 10px;
		background: #000000;
		font-size: 1.2em;
		line-height: 1.5em;
		width: 776px;
		margin: 0 auto;

		}

.postcardImageMap {
		text-transform: uppercase;
		background: url('menugrayscale.jpg');
		width: 778px;
		height: 243px;
		position: relative;
		margin-bottom: 10px; font-style:normal; font-variant:normal; font-weight:normal; line-height:1; font-size:1.0em; font-family:Arial, Helvetica, sans-serif
		}

.postcardImageMap a {
		display: block;
		text-indent: -100000px;
		text-decoration: none;
		}

.postcardImageMap:hover .cardOne, .postcardImageMap:hover .cardTwo, .postcardImageMap:hover .cardThree .postcardImageMap:hover .cardFour .postcardImageMap:hover .cardFive .postcardImageMap:hover .cardSix .postcardImageMap:hover .cardHome{
		border: 0px solid #000000;
		}

.postcardImageMap li {
		list-style: none;
		position: absolute;
		display: block;
		}

.cardOne {
		width: 126px;
		height: 108px;
		left: 12px;
		top: 30px;
		}

.cardOne a {
		height: 108px;
		}

.cardOne a:hover {
		background: url('menu.jpg') -13px -31px;
		}

.cardTwo {
		width: 126px;
		height: 108px;
		left: 141px;
		top: 30px;
		}

.cardTwo a {
		height: 108px;
		}

.cardTwo a:hover {
		background: url('menu.jpg') -142px -31px;
		}

.cardThree {
		width: 126px;
		height: 108px;
		left: 270px;
		top: 30px;
		}

.cardThree a {
		height: 108px;
		}

.cardThree a:hover {
		background: url('menu.jpg') -269px -31px;
		}
		
.cardFour {
		width: 126px;
		height: 108px;
		left: 400px;
		top: 30px;
		}

.cardFour a {
		height: 108px;
		}

.cardFour a:hover {
		background: url('menu.jpg') -400px -31px;
		}

.cardFive {
		width: 126px;
		height: 108px;
		left: 525px;
		top: 30px;
		}

.cardFive a {
		height: 108px;
		}

.cardFive a:hover {
		background: url('menu.jpg') -525px -31px;
		}
		
.cardSix {
		width: 126px;
		height: 108px;
		left: 650px;
		top: 30px;
		}

.cardSix a {
		height: 108px;
		}

.cardSix a:hover {
		background: url('menu.jpg') -650px -31px;
		}

.cardHome {
		width: 96px;
		height: 108px;
		left: 355px;
		top: 139px;
		}

.cardHome a {
		height: 104px;
		}

.cardHome a:hover {
		background: url('menu.jpg') -355px -139px;
		}


.postcardImageMap a:hover {
		text-indent: 0;
		color: #ffffff;
		}

.postcardImageMap a:hover span {
		padding: 2px;
		background-color: #000000;
		position: absolute;
		bottom: 0;
		right: 0;
		}
		
#sidebar {
		float: left;
		width: 197px;
		}

#mainContent {
		float: left;
		width: 558px;
		margin-right: 20px;
		}


.clearFix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		}

.boxout {
		float: right;
		width: 180px;
		margin: 0 0 20px 20px;
		background: #e1e1e1 url(boxout-bottom.gif) 0 100% no-repeat;
		padding: 0 10px;
		}

.boxout h2 {
		background: #d7932a url(boxout-top-orange.gif) no-repeat;
		margin: 0 -10px 10px;
		padding: 5px 10px;
		border-bottom: 1px solid #ffffff;
		font: bold 1.2em Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #ffffff;
		}

.boxout p {
		font-size: 0.9em;
		}
		
.photoright {

	border-width: 8px 8px 8px 8px;
	border-style: solid;
	border-color: #000000;
	float: right;
	marign-top: 20px;
	margin-left: 20px;
	marigin-right: 20px;
	margin-bottom: 20px;
	}
	
.photoleft {

	border-width: 8px 8px 8px 8px;
	border-style: solid;
	border-color: #000000;
	float: left;
	marign-top: 20px;
	margin-left: 20px;
	marigin-right: 20px;
	margin-bottom: 20px;
	}
	
.photocenter {

	border-width: 8px 8px 8px 8px;
	border-style: solid;
	border-color: #000000;
	float: center;
	margin-left: 20px
	margin-right: 20px
	margin-bottom: 20px;
	}