/* To set the basic defaults and background colour */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0px;
	margin-top: -30px;
	padding: 0px;

}
#container #footnav ul {
	margin-top: 10px;
	margin-left: 40px;
}
#container {
	width: 100%;
	margin: 0px;
	background-color: #FFFFFF;
	padding: 0px;

}

/* To format and colour the different states of links.  */
#leftnav a {
	font-family: Bedini, "Bermuda Solid", "Times New Roman", sans-serif;
	height: 70px;
	background-color: CCCCFF;
}
#rightnav a {

	font-family: Bedini, "Bermuda Solid", "Times New Roman", sans-serif;
}
a:link, a:visited {
	color: #000099;
}
a:hover {
	background-color: #DD8800;
}
a:active {
	background-color: #00FFFF;
}

/* To prevent a gap between image and text in the links in the navigation menu. */
#leftnav img {
	margin-bottom: -20px;
	background-color: #CC99FF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
}
#rightnav img {
	margin-bottom: -20px;
}

/* To lay out the left and right parts of the navigation menu around the business card image. */

#pageheadingleft {
	float: left;
	margin-top: 10px;
	margin-left: 5px;
}
#leftnav {
	text-align: left;
	float: left;
	background-color: #CCCCFF;
	width: 220px;
	padding-top: 20px;
	border: 10px none #FF88FF;
	background-image: url(assets/images/bkgnd-pearl.jpg);
}
#leftlink {
	height: 70px;
	margin-left: 20px;
}
#pageheadingmiddle {
	width: 1000px;
	font-size: 75%;
	background-image: url(assets/images/logo-cat-small.jpg);
	height: 170px;
	margin: -10px;
	padding: 0px;
	background-repeat: no-repeat;
}

#maincontent p {
	font-family: "Cataneo BT", "Calligraph421 BT", "Times New Roman", serif;
	font-size: 110%;
}

#rightnav {
	text-align: left;
	float: left;
	margin-top: 20px;
	margin-left: 50px;
	background-color: #FF00FF;
}
#pageheadingright {
	text-align: right;
	padding: 0px;
	margin: 12px;
	border: thick none #000000;
}


/* To format the main content area, where the introductory blurb for each page goes.*/
#maincontent {
	font-size: 150%;
	text-align: center;
	font-family: "Cataneo BT", "Calligraph421 BT", "Times New Roman", serif;
	margin-top: 40px;
	height: 200px;
	width: 300px;
	float: center;
	margin-left: 400px;
	background-repeat: no-repeat;
}
#maincontent h1 {
	font-size: 130%;
	text-align: center;
	font-family: "Cataneo BT", "Calligraph421 BT", "Times New Roman", serif;
	margin-top: 5px;
}
#maincontent p {
	font-size: 100%;
	font-family: "Cataneo BT", "Calligraph421 BT", "Times New Roman", serif;
	margin-top: 10px;
}
#maincontent a {
	font-size: 70%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
/* To lay out the list of links to pictures */
#lowerhalf ul {
	margin-left: 8%;
}
#lowerhalf li {
	display: inline;
	float: left;
	margin: 10px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
}

/* To format the secondary navigation bar at the bottom of the page. */
#footnav {
	background-color: #FFFFFF;
	width: 2000px;
	background-image: url(assets/images/bkgnd-yellow.jpg);
	height: 40px;
	background-repeat: repeat-x;
	padding: 1px;
	margin-top: -20px;
}
#footnav li {
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin: 5px;
	text-align: center;
}

/* To format the footer that contains the Web Design logo. */
#footer {
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #000099;
	border-right-color: #000099;
	border-bottom-color: #000099;
	border-left-color: #000099;
	font-size: 80%;
}
#AF-JF-logo {
	border: 1px solid #0000FF;
	text-align: center;
	width: 70%;
	margin-top: 20px;
	color: #000099;
}

/* To format the Bio Note popup */
#note p {
	font-size: 80%;
}
#note h1 {
	font-size: 100%;
	text-decoration: underline;
	margin-top: 30px;
}

/* Miscellaneous classes for use in layout */

/* ... to make an image go on the left of its paragraph. */
.floatleft {
	float: left;
	margin: 10px;
}
/* ... to make an image go on the right of its paragraph */
.floatright {
	float: right;
	margin: 10px;
}
/* ... to clear a float */
.clearfloat {
	font-size: 1px;
	line-height: 0px;
	clear: both;
	height: 0px;
}
#container #lowerhalf td {
	font-size: 80%;
}
#welcome h1 {
	font-family: "Cataneo BT", "Calligraph421 BT", "Times New Roman", serif;
	font-size: 250%;
	margin: 0px;
	padding: 0px;
	color: #4D6185;
}
#welcome p {
	font-family: "Cataneo BT", "Calligraph421 BT", "Times New Roman", serif;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
}
#intro h1 {
	font-family: "Cataneo BT", "Calligraph421 BT", "Times New Roman", serif;
	font-size: 150%;
}
#intro {
	height: 200px;
	width: 70%;
	padding-left: 40px;
	padding-top: 20px;
	margin-left: 5px;
}

#intro p {
	font-family: "Cataneo BT", "Calligraph421 BT", "Times New Roman", serif;
	font-size: 110%;
}
#note {
	background-image: url(assets/images/lozenge-white.jpg);
}
#lowerhalf p {
	margin: 0px;
	padding: 0px;
}
#lowerhalf form {
	margin: 0px;
	padding: 0px;
}
#note {
	margin: 0px;
	padding: 10px;
}