BODY {
	BACKGROUND-COLOR: #ddd; MARGIN: 0px; FONT-FAMILY: Muli, "Century Gothic", CenturyGothic, AppleGothic, sans-serif; 
	FONT-SIZE: 100%
}
/* Gallery content container */
#gallery {
	TEXT-ALIGN: center; FLOAT: none; PADDING-TOP: 0px
}
/* Gallery styles */
#galleryImg {BORDER-BOTTOM: white 5px solid; BORDER-LEFT: white 5px solid; BORDER-TOP: white 5px solid; BORDER-RIGHT: white 5px solid }
#galleryImg A:hover {
	BACKGROUND-COLOR: #dddddd
}
#galleryNavText  {
	COLOR: #888888; 
none
}
#galleryNav A {
	PADDING-LEFT: 0px; DISPLAY: block; COLOR: #222222; TEXT-DECORATION: 
none
}
#galleryNav A:hover {
	BACKGROUND-COLOR: #dddddd
}
#galleryNav img { border-width: none }

/* Gallery index page content - nb large bottom padding to keep page format stable */
#galleryIndex {
	TEXT-ALIGN: center; FLOAT: none; PADDING-TOP: 20px; padding-left: 80px;
}
#galleryIndex UL {
	PADDING-BOTTOM: 110px; MARGIN: 0px; PADDING-TOP: 20px; text-align:center;
}
#galleryIndex LI {
	PADDING-BOTTOM: 3px; PADDING-LEFT: 0px; 
PADDING-RIGHT: 0px; list-style-type:square; none; PADDING-TOP: 3px
}
#galleryIndex A {
	PADDING-LEFT: 0px; DISPLAY: block; COLOR: #222222; TEXT-DECORATION: 
none
}
#galleryIndex A:hover {
	BACKGROUND-COLOR: #dddddd
}
/* Writings index page content - nb large bottom padding to keep page format stable */
#writingsIndex {
	TEXT-ALIGN: center; FLOAT: none; PADDING-TOP: 20px; padding-left: 80px;
}
#writingsIndex UL {
	PADDING-BOTTOM: 70px; MARGIN: 0px; PADDING-TOP: 20px; text-align:center;
}
#writingsIndex LI {
	PADDING-BOTTOM: 3px; LIST-STYLE-TYPE: none; PADDING-LEFT: 0px; 
PADDING-RIGHT: 0px; list-style-type:square; none; PADDING-TOP: 3px
}
#writingsIndex A {
	PADDING-LEFT: 0px; DISPLAY: block; COLOR: #222222; TEXT-DECORATION: 
none
}
#writingsIndex A:hover {
	BACKGROUND-COLOR: #dddddd
}
/* other styles added by KA */
/*#leftNavHeading { text-align:center; color: #888888; font-weight:bold;}*/
#leftNavHeading { text-align:center; color: #000000; font-weight:bold; font-size:115%}

#pageLinks {
	TEXT-ALIGN: center; FLOAT: none; PADDING-TOP: 0px; padding-left: 50px; WIDTH: 605px
}
#pageLinks UL {
	PADDING-BOTTOM: 30px; MARGIN: 0px; PADDING-TOP: 0px; text-align:center; 
}
#pageLinks LI {
	PADDING-BOTTOM: 3px; LIST-STYLE-TYPE: none; PADDING-LEFT: 0px; 
PADDING-RIGHT: 0px; list-style-type:square; PADDING-TOP: 3px
}
#pageLinks A {
	PADDING-LEFT: 0px; DISPLAY: block; COLOR: #000000; BACKGROUND-COLOR: #dddddd; TEXT-DECORATION: 
none
}
#pageLinks A:hover {
	BACKGROUND-COLOR: #bbbbbb
}
#pageImg {BORDER-BOTTOM: white 5px solid; BORDER-LEFT: white 5px solid; BORDER-TOP: white 5px solid; BORDER-RIGHT: white 5px solid }

/* this isn't quite right! Need a class just for the link itself, not the whole div - what is diff between class & id??? */
#textLink A {
	BACKGROUND-COLOR: #dddddd; COLOR: #000000; TEXT-DECORATION: none; FONT-WEIGHT: bold
}
#textLink A:hover {
	BACKGROUND-COLOR: #bbbbbb
}
/* Styles from Julian Shales */
/*#Page {
	BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; 
BACKGROUND-COLOR: #fff; MARGIN: 20px auto; WIDTH: 1000px; BORDER-TOP: 
#cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid
}*/
#Page {
	BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; 
BACKGROUND-COLOR: #fff; MARGIN: 20px auto; WIDTH: 1034px; BORDER-TOP: 
#cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid
}
#PageHeader {
	TEXT-ALIGN: center; MARGIN: 5px
}
#Breadcrumb {
	BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; 
MARGIN: 5px; BORDER-TOP: #000000 1px solid; BORDER-RIGHT: #000000 1px 
solid
}
#Breadcrumb LI {
	DISPLAY: inline
}
#Left {
	/*MARGIN: 5px; WIDTH: 196px; FLOAT: left*/
	MARGIN: 5px; WIDTH: 230px; FLOAT: left
}
#LeftNav {
	MARGIN: 5px 5px 10px
}
.ExtraLeftPanel {
	MARGIN: 5px 5px 10px
}
#LeftContact {
	MARGIN: 5px 5px 10px
}
#LeftNav UL {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 
0px; PADDING-TOP: 0px
}
#LeftNav LI {
	PADDING-BOTTOM: 3px; LIST-STYLE-TYPE: none; PADDING-LEFT: 0px; 
PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 3px
}
#LeftNav A {
	PADDING-LEFT: 10px; DISPLAY: block; COLOR: #000000; BACKGROUND-COLOR: #dddddd; TEXT-DECORATION: 
none
}
#LeftNav P {
	TEXT-ALIGN: center
}
#LeftNav A:hover {
	BACKGROUND-COLOR: #bbbbbb
}
/*#MainContainer {
	TEXT-ALIGN: center; BORDER-LEFT: #90a090 2px solid; PADDING-BOTTOM: 
15px; MARGIN: 5px; PADDING-LEFT: 15px; WIDTH: 755px; PADDING-RIGHT: 5px; 
FLOAT: left; PADDING-TOP: 0px
}*/
#MainContainer {
	TEXT-ALIGN: center; BORDER-LEFT: #90a090 2px solid; PADDING-BOTTOM: 
15px; MARGIN: 5px; PADDING-LEFT: 15px; WIDTH: 755px; PADDING-RIGHT: 5px; 
FLOAT: left; PADDING-TOP: 0px
}
#MainContainer P {
	TEXT-ALIGN: left
}
#MainContainer UL {
	TEXT-ALIGN: left
}
#MainContainer H1 {
	PADDING-BOTTOM: 10px; MARGIN: 20px 0px 0px; PADDING-LEFT: 0px; 
PADDING-RIGHT: 0px; FONT-SIZE: 155%; PADDING-TOP: 0px
}
#MainContainer H2 {
	TEXT-ALIGN: CENTER;
	FONT-SIZE: 125%
}
#MainContainer H4 {
	TEXT-ALIGN: left
}
#MainContainer img{
	border-width: thin; 
	border-color: #90a090;
}
#PageFooter {
	TEXT-ALIGN: center; BACKGROUND-COLOR: #cccccc; MARGIN: 5px; CLEAR: both
}