/*** Adapted from "A List Apart Article 211 - In Search of the Holy Grail", by Matthew Levine ***/
/*** Example 2 ***/

		/* General Styles */
        /* LC=left column; CC=centre column; RC=right column; FW=width+padding+border */

body {
		min-width: 704px;         /* 2 x (LC FW + CC padding) + RC FW */
		background-color: #9c9; /* websafe pale green */
        color: black;
        margin: 0px;
        padding: 0px;
        font-family: tahoma, sans-serif;
		font-size: 1.0em;
        }
h1 {
		font-size: 1.5em;
        }
h2 {    /* formerly cv.html only */
        font-family: "Times New Roman", serif;
        font-size: 1.3em;
        font-style: italic;
        font-weight: bold;
        color: black;
        background-color: inherit;
        margin: 0px;
        }
h3, h4 {    /* formerly cv.html only */
        font-family: "Times New Roman", serif;
        font-size: 1.1em;
        font-style: italic;
        font-weight: bold;
        color: black;
        background-color: inherit;
        margin: 10px 0px 0px 0px;
		text-decoration: underline;
        text-transform: capitalize;
        }
h4 {    /* formerly cv.html only */
		text-decoration: none;
        }
h5 {	/* for cv.html only */
		font: normal bold 0.8em Arial, sans-serif;
        color: black;
        background-color: inherit;
		}
p {
		font-size: 1em;
		}
#Content {
		padding-left: 146px;      /* LC FW */
		padding-right: 206px;     /* RC FW + CC padding */
		}
#Content .column {
		position: relative;
		float: left;
		}
acronym {
		cursor: help;
		border-bottom: 1px dashed gray;
         }
.key {
        color: #c60;
        font-weight: bold;
        }
.skip {
		position: absolute; /* skip to navigation */
		left: -100%;
		width: 200px;
        }

		/* Top styles */
#header {
        margin: 0 auto;
        }
#header p {
        text-align: center;
        font-family: "Times New Roman", serif;
        font-size: 1.2em;
        font-style: italic;
        font-weight: bold;
        color: #c60; /* web-safe orange */
        background-color: inherit;
        position: relative;
        top: -10px;
        }

        /* Heading styles */
#header h1 {
        text-align: center;
		color: #966; /* websafe brown */
        background-color: transparent;
        line-height: 1.5em;
        }
#path {   /* You are here */
		position: absolute;
        top: 10px;
        left: 10px;
        font: 0.8em/1em "Courier New", serif;
        }

        /* Link styles */
a:link {
		color: #309;
        background-color: transparent;
        }
a:visited {
		color: #966;
        background-color: transparent;
        }
a:hover {
		background-color: white;
        color: inherit;
        }
a:active {
		color: black;
        background-color: transparent;
        }
a.extlink:hover {
		color: white;
        background-color: #c60; /* web-safe orange */
		}

		/* Main content styles */
#main {
		padding: 0px 20px;       /* CC padding */
		width: 100%;
        text-align: justify;
        background-color: #cfc; /* web-safe pale green */
        color: #060; /* web-safe dark green */
        }
#main p img, #main li img, #main dd img {   /* Back to top */
		float: right;
        margin: 0px 5px 0px;
        border: none;
        display: inline;
        }
.pic1 {  /* Page icon */
		float: left;
        margin: 10px 10px 10px 0px;
        border: 1px dashed gray;
        }
.pic2 {  /* Garden image */
		float: left;
        top: -200px;
        margin-right: 10px;
        margin-bottom: 10px;
        }

        /* Footer styles */
#foot {
		border-top: 1px solid gray;
        color: black;
        background-color: #9c9;
        margin-top: 30px;
        }
#foot p {
        text-align: center;
		font-size: 0.8em;
        }
#foot p img {
		float: none;
        margin: 0px;
        display: inline;
        }

		/* Navigation styles */
        /* General */
.listhead {
		font-weight: bold;
        font-size: 0.8em;
        line-height: 1.0;
		text-align: center;
        }
#NavInt1 a, #NavExt1 a {
		display: block;
        }
#NavInt1, #NavExt1 {
		border: 3px ridge #fc9;
        font-family: Rockwell, "Times New Roman", serif;
		font-size: 0.9em;
        line-height: 1.5;
        }
		/* Navigation styles */
        /* Left */
#NavInt1 {
		width: 130px;             /* LC width */
		padding: 10px 5px;          /* LC padding */
		right: 186px;             /* LC FW + CC padding */
		margin-left: -100%;
        text-align: right;
        }
		/* Navigation styles */
        /* Right */
#NavExt1 {
		width: 150px;             /* RC width */
		padding: 10px 5px;          /* RC padding */
		margin-right: -100%;
        }
#NavInt1 img, #NavExt1 img {
		border: none;
        padding: 5px 0px;
        }

		/*** IE Fix ***/
* html #NavInt1 {
			left: 166px;              /* RC FW */
		}