/* Global */

html,html body
{
	background-color: white;
	color: black;
	margin: auto;
	font-family: sans-serif;
	max-width: 46em;
	padding: 1em;
	padding-top: 0em;
}

/* Top Banner */

div.banner
{
	margin: 0em;
	padding-top: 0.1em;
	min-height: 100px;
}

div.banner img
{
	float: left;
	padding: 3px;
	border: none;
}

div.banner h1
{
	font-size: xx-large;
	font-family: serif;
	font-variant: small-caps;
	text-align: center;
	margin-bottom: 0.2em;
}

div.banner p
{
	text-align: center;
	font-size: small;
	margin: 0.2ex auto;
}

div.banner img.currentbutton
{
	border: 1px solid black;
	background-color: white;
	float: right;
	margin-bottom: 3px;
	padding: 0px;
}


/* Top Menu */

div.topmenu
{
	margin: auto;
	margin-top: 0ex;
	width: 100%;
	border-top: thin solid black;
}

div.topmenu ul
{
	list-style: none;
	margin: auto; padding: 0em;
	margin-right: 0em;
}

div.topmenu li
{
	float: right;
	margin: 0em;
	border: thin solid black;
	border-top: none;
	margin-bottom: 1ex;
}

div.topmenu a
{
	display: block;
	width: 11em;
	height: 5ex;
	padding: 0.5ex 0.5em;
	margin: auto;
	text-decoration: none;
	font-weight: bold;
	font-size: small;
	color: black;
	background-color: white;
	text-align: center;
}

div.topmenu a:hover { background-color: #ddd; }

/* Titles Menu */

div.titlesmenu
{
	margin: 2ex 1em 0ex 0.5em;
	text-align: center;
	float: left;
}

div.titlesmenu a
{
	display: block;
	margin: 1ex auto;
	min-height: 10ex;
	color: black;
	text-decoration: none;
}

div.titlesmenu a img
{
	display: block;
	margin: auto;
	border: thin solid black;
}

/* Content */

div.content
{
	text-align: justify;
	margin: auto;
	margin-right: 0em;
	padding: 0ex 0.5em;
	clear: right;
}

div.poster { text-align: center }

div.poster img { border: thin solid black }

h1,h2 { margin-bottom: 0.5ex }


/* Footer */

div#sitebysig
{
	text-align: center;
	font-size: small;
	border-top: solid thin #ccc;
	margin-top: 1ex;
	clear: both;
}


/* Page Images */
div.imagelist, div.potthumbs
{
	margin: auto;
	text-align: center;
}

div.imagelist
{
	width: 90%;
}

div.potthumbs
{
	width: 100%;
}

div.imagelist img, div.potthumbs img
{
	margin: 0.5em;
	border: thin solid black;
}

/* News & Events */

div.forthcoming-title h3,h4 { margin: 0ex auto }

div.forthcoming-title p { margin-top: 0.1ex }

table.eventlist { border-collapse: collapse }

table.eventlist td
{
	border-top: thin solid #bbb;
	border-bottom: thin solid #bbb;
	padding: 0.2ex 0.4em;
}

table.eventlist td.date
{
	width: 25%;
	text-align: left;
}

/* Book Pages */

img.fullcover
{
	float: left;
	margin: 0ex 5px 0ex 0px;
	border: thin solid black;
}

/* ensure subsequent content clears the image */
div.synopsis { min-height: 325px }

div.synopsis p { margin-top: 0ex }

table.bookcontents th
{
	width: 4em;
	vertical-align: top;
}

table.bookcontents#raybook th
{
	width: 70%;
}

table.bookcontents#raybook td
{
	text-align: right;
}

table.bookcontents#raybook td#rayapp { text-align: left }

table.bookcontents h4 { margin: 0em }

table.bookcontents ul, ul.sizespec
{
	margin: 0ex 0em 1ex;
	padding-left: 1em;
}

ul.sizespec li { margin-left: 1em }

table.bookcontents .booksectitle { text-decoration: underline }


/* Reviews */

div.review .info p, div.review .info h3
{
	margin-top: 0ex;
	margin-bottom: 0ex;
}


/* Links / Contact */

div.address h2 { margin-bottom: 0ex }

div.address p { margin-top: 0ex }

ul.links
{
	margin-top: 0ex;
	list-style-position: inside;
	list-style-type: square;
}

ul.links li { margin-bottom: 0.3ex }

ul.links a { text-decoration: none }


/* Misc small parts */

img.emailaddr { vertical-align: middle }

img#map { float: right }

span.sectitle { font-weight: bold }

span.important { font-weight: bold }

span.romantic { font-style: italic }

.clear { clear: both }

.clearleft { clear: left }

.clearright { clear: right }

.reference { font-style: italic }

h2, h3, h4 { text-align: left }

.gallery
{
	text-align: center;
}

.underlined { text-decoration: underline }