body {
	
	margin : 0;
	padding : 0;
	border : 0;
	width : 100%;
	color : #333;
	background-color : #ffb;
	min-width : 550px;
	font-size : 95%;
	line-height : 150%;
	font-family : "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
}

a {
	color : #369;
}

a:hover {
	color : #fff;
	background-color : #444;
	text-decoration : none;
}

a.external {
	padding : 0 15px 0 0;
	background : url(/Images/externalLink.gif) right center no-repeat;
}

.selected {
	font-weight : bold;
	color : #444;
}

.formButton {
	font-family : "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	font-size : 85%;
	color : #444;
	border : 2px outset #ffb;
	background : #fffffc;
	padding-left : 2px;
	padding-right : 2px;
}


/* ---------------------------------------------------	*/
/*	Masthead Styles		*/
/* ---------------------------------------------------	*/

#masthead {
	clear:both;
	float:left;
	width:100%;
	text-align:center;
	margin-top : 2em;
	overflow : hidden;
	position : relative;
	border-bottom : 2px solid #663;
	background-color : #ffb;
}

#masthead p,
#masthead h1,
#masthead h2 {
	padding : .4em 15px 0 15px;
	margin : 0;
	text-align : center;
	color : #444;
}

#masthead h1 {
	font-size : 350%;
}


/* ---------------------------------------------------	*/
/*	Nav Submenu		*/
/* ---------------------------------------------------	*/

#nav {
	clear : both;
	background-color : #fffffc;
	margin : 0;
	padding : 6px 15px !important;
	text-align : center;
}

.no_print {
	display : none;
	visibility : hidden;
}


/* ---------------------------------------------------	*/
/*	Paragraph Styles		*/
/* ---------------------------------------------------	*/

h1 {
	font-size : 250%;
	line-height : 150%;
	font-weight : bold;
	color : #444;
	text-align : left;
	vertical-align : top;
	margin : .75em 0 .5em 0;
	padding : 0;
}

h2 {
	font-size : 140%;
	line-height : 150%;
	font-weight : bold;
	color : #555;
	text-align : left;
	vertical-align : top;
	margin : .5em 0 0 0;
	padding : 0;
}

p {
	line-height : 150%;
	text-align : left;
	vertical-align : top;
	margin : .75em 0 .75em 0;
	padding : 0;
}

ul {
	line-height : 150%;
	text-align : left;
	text-indent : 0;
	vertical-align : top;
	list-style-type : square;
	margin : -.25em 0 0 1em;
	padding : 0 0 0 1em;
}

li {
	line-height : 150%;
	text-align : left;
	vertical-align : top;
	margin-top : 0.75em;
	padding-top : 0.05em;
}

li.circle {
	list-style-type : circle;
}

hr {
	border : 0 none ;
	height : 1px;
	color : #555;
	background-color : #555;
}


/* ---------------------------------------------------	*/
/*	Character Styles		*/
/* ---------------------------------------------------	*/

.strong {
	font-weight : bold;
}

.emphasis {
	font-style : italic;
}

.date {
	font-weight : bold;
	margin : 1.5em 0 .25em 0;
}

.title {
	font-size : 130%;
	font-style : italic;
	line-height : 140%;
	margin : .25em 0 0 0;
}

.tight {
	margin-top : .25em;
	padding-top : 0;
}

img {
	border : none;
	border-collapse : collapse;
}

img.borderOnly {
	border : 2px ridge #ffc;
	padding : 1px;
}

img.photort {
	float : right;
	margin-left : 7px;
}

img.photolt {
	float : left;
	margin-right : 7px;
}

img.location {
	float : right;
	margin-top : 10px;
	margin-bottom : 5px;
	margin-left : 10px;
}

.backToTop {
	text-align : left;
	font-size : 90%;
}

.centre {
	text-align : center;
}


/* ---------------------------------------------------	*/
/*	Column Container		*/
/* ---------------------------------------------------	*/


.colmask {
	position : relative;
	clear : both;
	float : left;
	width : 100%;
	overflow : hidden;
}


/* ---------------------------------------------------	*/
/*  Common Column Settings		*/
/* ---------------------------------------------------	*/

.colright,
.colmid,
.colleft {
	float : left;
	width : 100%;
	position : relative;
}

.col1,
.col2 {
	float : left;
	position : relative;
	padding : 1.5em 0 1em 0;
	overflow : hidden;
}


/* ---------------------------------------------------	*/
/*	2-column Settings		*/
/* ---------------------------------------------------	*/

.leftmenu {
	background : #fff;		/* right column background colour */
}

.leftmenu .colleft {
	right : 80%;		/* right column width */
	background :  #f4f4f4;	/* left column background colour */

}

.leftmenu .col1 {
	width : 76%;		/* right column content width */
	left : 102%;		/* 100% plus left column left padding */
}

.leftmenu .col2 {
	width : 16%;		/* left column content width (column width minus left and right padding) */
	left : 6%;			/* (right column left and right padding) plus (left column left padding) */
	background : url("/Images/bookStack.gif") no-repeat left center;
}


/* ---------------------------------------------------	*/
/*	Table Styles		*/
/* ---------------------------------------------------	*/

table {
/*	width : 100%;
	table-layout : fixed;	*/
	border-collapse : separate;
	padding : 0;
	margin : 0;
	vertical-align : top;
	text-align:left;
}

table.borders {
	padding : 2px;
	border-spacing : 0;
	border : 2px inset #ebe5d5;
}

tr {
	padding : 0;
	margin : 0;
	vertical-align : top;
	text-align : left;
}

th {
	font-weight : bold;
	border-collapse : separate;
	padding-top : 0;
	padding-right : 5px;
	padding-bottom : 0;
	padding-left : 0;
	vertical-align : top;
	text-align : left;
}

th.borders {
	padding : 2px;
	border : 1px outset #ebe5d5;
}

th.bordersb {
	padding : 2px;
	border : 1px outset #ebe5d5;
	background-color: #ffd;
}

td {
	border-collapse : separate;
	padding-top : 0;
	padding-right : 5px;
	padding-bottom : 0;
	padding-left : 0;
	vertical-align : top;
	text-align : left;
	overflow : hidden;
}

td.borders {
	padding : 2px;
	border : 1px outset #ebe5d5;
}

td.bordersb {
	padding : 2px;
	border : 1px outset #ebe5d5;
	background-color : #ffd;
}


/* ---------------------------------------------------	*/
/*	Footer Styles		*/
/* ---------------------------------------------------	*/

#footer {
	clear : both;
	float : left;
	width : 100%;
	border-top : 1px dotted #444;
}

#footer p {
	padding : 10px;
	margin : 0;
	text-align : center;
}