body {
		text-align: center;
		margin: 0 auto;
		padding: 0;
		font-family: Verdana, sans-serif;
		font-size: 62.5%;
        background: #000066;
        background-image: url(../images/blue-tile1.jpg)
	}
	/*  to outline div boxes
	div {
		border: 1px solid Black;
	}
	*/

	#wrapper {
		text-align: center;
		color: #333;
		margin: 0 auto;
		padding: 0;
		width: 90%;
		min-width: 780px;
		max-width: 960px;
		background: #ffffff;
		border: 0px solid Fuchsia;
	}

	/* header ======================= */

	#header {
		background: #e0e0e6;
		margin: 0px;
		padding: 0px;
		border: 0px solid blue;
	}

	#header h1 {
		float: left;
		margin: 10px 0 0 0;
		padding: 0px 4%;
		font-family: Georgia, serif;
		font-size: 200%;
		color: #000066;
	}

	#header h1 strong {
		font-size: 200%;
	}

	#header img {
		float: left;
		width: 100px;
		margin: 10px 0 10px 2%;
	}

	#header .strip {
		margin: 0px;
		padding: 1px;
		height: 14px;
		background: #999;
		border: 0px solid green;
	}

	.clear {
		clear: both;
	}

	/* mainNav 	======================= */

	#navigation {
		text-align: center;
		margin: 0 auto;
		padding: 0px 0px 6px 0px;
		width: 34%;
		background: #999;
		border: 0px solid yellow;
	}
	
	#navigation .corner {
		position: relative;
		float: right;
		padding: 0px;
		margin: 0px -10px 0px 0px;
		border: 0px solid black;
	}
	
	#navigation .corner-l {
		position: relative;
		float: left;
		padding: 0px;
		margin: 0px 0px 0px -10px;
		border: 0px solid black;
	}

	ul {
		margin: 0 auto;
		padding: 0px;
		width: 92%;
		background: #999;
		list-style: none;
		text-transform: uppercase;
		border: 0px solid Fuchsia;
	}

	ul li {
		padding: 1px;
		margin: 0;
		border: 0px solid red;
	}

	ul a:link, ul a:visited, ul a:hover, ul a:active  {
		display: block;
		padding: 0.1em 1em;
		text-decoration: none;
		color: #fff;
		background: #5a5a99;
		border: 0px solid green;
	}

	ul a:hover {
		background: #cc0033;
	}

	
	/* more page id's needed in above code */


	/* Content start ======================= */

	#content {
		text-align: center;
		float: left;
		width: 100%;
		margin: 0 auto;
		padding: 0px;
		font-size: 1.1em;
		color: #333;
		line-height: 1.5em;
		border: 0px solid yellow;
	}

    .more-photos-header {
		text-align: center;
		font-weight: normal;
		color: #cc0033;
		margin: 10px 0px 20px 0px;
		padding: 0px;
		font-size: 1.8em;
	}

   	.more-photos img {
		margin: 10px 1% 10px 1%;
		padding: 8px;
		background: #e0e0e0;
		border: 1px solid #000066;
	}

    .enlarge-link {
       text-align: center;
		font-weight: normal;
		margin: 10px 0px 20px 0px;
		padding: 0px;
		font-size: 1.4em;
    }

	h2 {
		text-align: center;
		font-weight: normal;
		color: #cc0033;
		margin: 30px 0px 40px 0px;
		padding: 0px;
		font-size: 2.4em;
	}
	
   	.content-text {
    	font-size: 140%;
	    font-style: normal;
	    text-align: center;
	    margin: 0px 0px 4px 0px;
    }

    .map {
      margin: 10px auto 10px auto;
      padding: 0;
      text-align: center;
      font-size: 140%;
      }

    .map img {
      border: 2px solid #000066;
      margin: 6px auto 6px auto;
    }



	.contrasting-color {
		color: red;
	}



	/* footer ======================= */

	#footer {
		clear: both;
		background: #777;
	}

	#footer p {
		margin: 0;
		padding: 15px;
		font-size: 100%;
		color: #fff;
	}

	/*  IE fixes ======================= */

	#content, #sidebar, #footer {
		height: 1%;
	}
	* html dl.feature { /* for IE5+6 */
		height: 1%;
	}
	*:first-child+html .feature { /* for IE7 */
		min-height: 1px;
	}