body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 120%;
	background: #d7ccb0 url(../images/layout/page_background.jpg);
	padding: 0;
	margin: 0;
	text-align: center
}


/*primary text tags (all)*/
td, p, ul, h1, h2, h3 {
	color: #000000
}
p, ul {
	font-size: 70%
}
h1 {
	padding: 0;
	font-size: 110%;
	font-weight: bold
}
h2 {
	font-size: 90%;
	font-weight: bold
}
h3 {
	font-size: 70%;
	font-weight: bold;
	margin-left: -10px;
	padding: 0
}
a:link, a:visited {  
	font-weight: bold;
	text-decoration: underline
}
a:hover, a:active {
	font-weight: bold;
	color: #cc9966;
	text-decoration: underline
}
	a img {
		border-width: 0
	}
.clear {
	clear: both
}

	
/* page layout -- main pages */
#wrapper, #indexWrapper {
	width: 800px;
	margin: 0 auto;
	text-align: left
}
#indexWrapper {
	background-image: url(../images/layout/screen.jpg);
}	
#header {
	width: 800px;
	height: 100px;
	background-image: url(../images/layout/leaf_top800.jpg);
	background-repeat: no-repeat;
}
	#header img {
		padding: 29px 20px 0 20px
	}
#bar, #bottombar {
 	width: 800px;
	height: 8px;
	font-size: 0
}
	/*index column properties*/
		#indexContainer {
			background-image: url(../images/layout/indexBackground.gif);
			background-repeat: repeat-y;
			width: 790px;
			border-width: 0 8px 0 2px;
			border-style: solid;
			margin: 0;
			padding: 0			
		}
		.indexPictures {
			background-color: #eeeee0;
			background-image: url(../images/layout/sand.jpg);
			background-repeat: no-repeat;
			float: left;
 			width: 230px;
			padding-top: 20px;
			color: #000000;
			text-align: center
		}
		.indexContent {
			background-color: #eeeee0;
			float: left;
 			width: 390px;	
			padding: 20px 20px 0 20px;	
			vertical-align: top
		}
#mainContent, #mainEssay {
	float: left;
	width: 640px;
	padding: 0;
	border-width: 0 8px 8px 2px;
	border-style: solid
}
#mainContent {
	background-image: url(../images/layout/mainBkgrnd.gif);
	background-repeat: repeat-y;
}
#mainEssay {
	background-image: none;
	background-color: #ffffff
}
	.fullWidth {
		width: 600px;
		padding: 20px
	}
	.pictures {
		float: left;
		width: 190px;
		padding: 0 20px 0 20px;
		text-align: center
	}
	.text {
		float: left;
		width: 370px;
		padding: 0 20px 0 20px;
		text-align: left
	}
		#textHeadMin {
			width: 370px;
			padding-top:20px
		}
			.textTitle {
				float: left;
				width: 320px
			}
			.babelfish {
				float: left;
				width: 50px;
			}
				.babelfish img {
					padding: 10px 0 0 18px				
				}
 			.textSection {
				width: 275px;
				float: left
			}
	.item {
		float: left;
		width: 640px;
		background-color: transparent;
		padding: 0;
		margin: 0
	}
#footer {
	width: 640px;
	padding: 10px 0 10px 0;
	background-color: #ffffff;	
	text-align: center;
	border-top: 1px solid;
}
	#indexfooter {
		padding-bottom: 2px;
 		text-align: center;
		font-size: 90%;
		width: 800px;
	}
		#indexfooter a:link, #indexfooter a:visited {  
			color: #745536;
		}
		#indexfooter a:hover, #indexfooter a:active {  
			color: #ffffff;
			background-color: transparent
		}



/*navigation properties (ex P7 menu)*/
	/*left hand/navigation column (all)*/
	#sidebar {
		float: left;
		padding: 0;
		margin: 0;
		vertical-align: top;
		font-size: 100%;
		width: 150px;
		border-width: 2px 0 0 0;
		border-style: solid;
	}
	#menu {
		width: 150px;
		padding: 0;
		margin: 0;
	}
		/*icon table at base of main navigation panel (all)*/
			#icontable {
				width: 150px;	
				height: 25px;
				padding-top: 8px;
				vertical-align: middle;
				text-align: center
			}	
				#icontable a {
					width: 45px !important;
					border: 0 !important
				}
				#icontable a:link, #icontable a:visited {
					font-size: 70% !important;
					color: #ffffff !important;
					background-color: transparent
				}
	/*index menu definitions*/
		#indexMenu {
			width: 110px;
			padding-left: 20px;
			margin: 0;
			float: left;
			background-color: #333333
		}
			#indexMenu a {
	 			line-height: 120%;
				text-decoration: none
			}
			#indexMenu ul, td {
				padding: 0;
				margin: 0;
				list-style-type: none
			}
				#indexMenu a:hover, #indexMenu a:active {  
					color: #ffffff !important;
					background-color: transparent
				}

	/*leaf slice divider (all ex author, terms)*/
			#divider {
				background-image: url(../images/layout/leaf_divider.jpg);
				width: 150px;
				height: 25px
			}
		/*nav column end bar end (all)*/
			#navBar {
				width: 150px;
				height: 8px;
				font-size: 0
			}
		/*leaf tail end (all)*/
			#sideleaf {
				background-image: url(../images/layout/leaf_side.jpg);
				width: 150px;
				height: 165px
			}
		/*archive/site search/mailing list panel*/
			.archive, .blogarchive {
				background-color: #cdb38b;
				padding: 20px 2px 0 8px;
				border-width: 2px 0 2px 8px;
				border-style: solid;
				font-size: inherit;
			}
			.archive {
				line-height: 130%;
				font-size: 70%;
			}
			.blogarchive {
				line-height: 100%;
				font-size: inherit;
			}
				.archive a:hover, .archive a:active, .blogarchive a:hover, .blogarchive a:active {
					color: #ffffff !important;
					background-color: transparent
				}
				.archive p {
					font-size: 100%;
					margin: 0;
					padding: 0
				}
				.archive .archiveHeading {
					font-weight: bold;
					font-size: 100%;
					margin: 0;
					padding: 0
				}
			.syndicate a:link, .syndicate a:visited {
				color: #999999;
				text-decoration: none;
			}
			.syndicate a:hover, .syndicate a:active {
				color: #336666;
				text-decoration: none;
			}




/*miscellaneous text properties*/
.quote {
	font-family: "Times New Roman", Times, serif;
	color: #cc9966;
	font-size: 75%;
	line-height: 140%;
}
.quoteL {
	font-family: "Times New Roman", Times, serif;
	color: #dddddd;
	font-size: 75%;
	line-height: 140%;
}
.light {
	color: #dddddd;
}
.colour {
	text-align: left
}
.indent {
	padding-left: 30px
}
.caption {
	font-size: 65%;
	line-height:130%
}
.address {
	padding-left: 20px;
	color: #dddddd;
	text-align: left
}
.formfield {
	background-color: #ffffff;
	width: 120px;
	font-size: 11px;
	text-align: left
}
.box {
	background-color: #eeeee0;
	width: 80%;
	border-width: 2px;
	border-style: solid;
	padding: 10px
}
.popbox, .popboxwide, .popboxrep {
	background-color: #ffffff;
	padding: 10px;
	border-width: 2px;
	border-style: solid;
	position: static;
	overflow: auto;
	line-height: 120%;
	text-align: left
}
.popbox {
	width: 400px;
	height: 500px
}
.popboxwide {
	width: 520px;
	height: 500px
}
.popboxrep {
	width: 750px
}
.bio {
	text-align: left;
	border-width: 1px;
	border-style: solid
}
	.bio p, h3 {
		padding: 10px
	}
.subject {
	background: #cdb38b;
	border: 0;
	padding: 0;
	margin: 0;
	font-size: 10px;
	text-align: left
}
.displayon {
	font-size: 65%;
	display: block
}
.displayoff {
	display: none
}
.rightAlign {
	float: right
}
.leftAlign {
	float:left
}
.left {
	text-align: left
}
.tabletext {
	font-size: 70%;
	line-height: 120%
}
.quotebox {
	background-color: #eeeee0;
	width: 170px;
	padding: 8px;
	border-width: 2px;
	border-style: solid;
	text-align: left
}
#babeltext {
	background-color: #d7ccb0;
	width: 355px;
	padding: 10px;
	color: #745536;
	font-size: 70%;
	position: static
}
.provingMenu {
	text-align: left;
	margin-bottom: 50px
}


/* the index news box */
#news {
	width:180px;
	background:#ffffff;
	padding: 10px
	}
#news a {
	font-size: 11px;
}
		#news a:link, #news a:visited {  
		color: #cc9966;
		}
		#news a:hover, #news a:active {  
		color: #745536;
		}
#news ul {
	font-size: 11px;
	margin:10px;
	color: #000000;
	text-align: center;
	list-style-type: none
	}
#news li{
	padding:20px 0 20px 0;
	line-height:150%
}
/* the news box when JavaScript is available */
#news.hasJS {
	height:65px;
	overflow:hidden;
	position:relative
}
/* The nested UL when JavaScript is available */
#news.hasJS ul {
	position:absolute;
	top:70px;
	left:0;
	margin: 10px;
	padding: 10px
}
#DOMnewsstopper {
	font-size: 8px
}
	



/* page layout -- response & redirection pages */
#subWrapper {
	width: 700px;
	margin: 0 auto;
	text-align: left;
	background-color: #ffffff
}	
#subHeader {
	width: 700px;
	height: 100px;
	background-image: url(../images/layout/leaf_top700.jpg);
	background-repeat: no-repeat;
}
	#subHeader img {
		padding: 29px 20px 0 20px
	}
#subBar {
 	width: 700px;
	height: 8px;
}
#subContent {
	width: 700px;
	background-color: #ffffff;
}
#subMain {
	width: 690px;
	background-color: #ffffff;
	border-width: 0 8px 8px 2px;
	border-style: solid;
	text-align: center
}
#subFooter {
	width: 700px;
	padding: 10px 0 10px 0;
	background-color: #ffffff;	
	text-align: center;
	border-top: 1px solid;
}