<!--

/*---------------------------------------------------

NOTES

This style sheet defines styles used on all public
pages of the website.

When the printable version of page is being viewed, 
print.css is uded instead.

Image urls (eg for body background) are not defined 
they need to be relative to the page being viewed.

---------------------------------------------------*/

/*---------------------------------------------------
General formatting applying to all pages
---------------------------------------------------*/

/* Set backgroun color, page margin */
body {
	background-color: RGB(191,215,224);
	margin: 7px;
	padding: 0px;
}

/* Center page */
#divbodyouter { 
	border-style: none;
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

/* White page border, center page */
#divbodyinner {
	border-style: solid;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-right-width: 2px;
	border-color: RGB(255,255,255);
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px; 
	margin-top: 0px; 
	padding: 0px; 
	text-align: center;
	width: 831px; 
}

/* Page outer table: contains header and menu images in rows */
#tablebodyouter {
	background-color: transparent;
	border-width: 0px;
	margin: 0px; 
	padding: 0px; 
	text-align: left;
	width: 831px; 
}

/* Page inner table: contains sub-menu, page body */
#tablebodyinner {
	text-align: left;
	background-color: transparent;
	background-repeat: repeat-y; 
	background-position: top left;
	margin: 0px; 
	padding: 0px; 
	border-width: 0px;
	width: 830px;
}

#rowsubmenu {
	text-align: left;
	border-width: 0px;
	border-style: none;
	width: 830; 
	height: 28px; 
}

#cellsubmenuleft {
	text-align: left;
	vertical-align: top;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: 0px; 
	padding: 0px; 
	border-width: 0px;
	width: 20px; 
	height: 28px; 
}

#cellsubmenumiddle {
	text-align: left;
	vertical-align: top;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: 0px; 
	padding: 0px; 
	border-width: 0px;
	width: 790px; 
	height: 28px; 
}

#cellsubmenuright {
	text-align: left;
	vertical-align: top;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: 0px; 
	padding: 0px; 
	border-width: 0px;
	width: 20px; 
	height: 28px; 
}

#tablesubmenu {
	width: 790px;
	height: 28px;
	margin: 0px;
	padding: 0px;
}

.cellsidebar {
	text-align: left;
	vertical-align: top;
	width: 180px;
	font-size: 11px;
	line-height: normal;
}

.cellbodytext {
	text-align: left;
	vertical-align: top;
	width: 590px;
}

.navleft{
	text-align: left;
	vertical-align: middle;
	font-style: normal;
	font-weight: normal; 
	font-size: 11px;
	line-height: normal;
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
}
.navmiddle{
	text-align: center;
	vertical-align: middle;
	font-style: normal;
	font-weight: normal; 
	font-size: 11px;
	line-height: normal;
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
}

.navright{
	text-align: right;
	vertical-align: middle;
	font-style: normal;
	font-weight: normal; 
	font-size: 11px;
	line-height: normal;
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
}

.sidebarheading {
	font-style: normal;
	font-weight: bold; 
	font-size: 11px;
	line-height: normal;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

ul.sidebar {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 25px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 15px;
	list-style-type: disc;
	list-style-position: outside;
}

p.sidebar, td.sidebar {
	margin-top: 2px;
	margin-bottom: 12px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
	line-height: 15px;
	font-size: 11px;
}

.imagecaption {
	text-align: center;
	font-weight: normal;
	font-size: 11px;
}

.reviewexcerpt {
	font-style: italic;
	margin-left: 20px;
	margin-right: 20px;
}

.indentedquote {
	font-style: italic;
	margin-left: 30px;
	margin-right: 30px;
}

.indentedpara {
	margin-left: 30px;
	margin-right: 30px;
}

table {
	border-style: none;
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

tr, td {
	font-family: Verdana, helvetica, Arial, Sans-Serif;
	color: RGB(78,96,126);
	font-style: normal;
	font-weight: normal; 
	font-size: 12px;
	line-height: 18px;
	border-style: none;
	border-width: 0px;
	margin: 0px;
	padding: 0px;
} 

h1 {
	font-size: 20px;
	font-weight: normal;
	line-height: normal;
}

h2 {
	font-size: 13px;
	font-weight: bold;
	line-height: normal;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

a:link, a:visited { 
	color: RGB(202,99,62); 
	text-decoration: none; 
} 

a:active, a:hover { 
	color: RGB(78,96,126); 
	text-decoration: underline; 
}

/*---------------------------------------------------
Works search / details page
---------------------------------------------------*/

.worktitle {
	font-weight: bold; 
}

.workdetails {
	font-size: 11px;
}

.worklabel {
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
}

.worklabelsub {
	text-align: right;
	vertical-align: top;
	font-weight: normal;
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
}

.workdetail {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

/*---------------------------------------------------
Articles pages
---------------------------------------------------*/

.writingtitle {
	font-weight: bold;
	margin-bottom: 1px;
}

.writingdetails {
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 8px;
}

.articlesummary {
	margin-top: 0px;
	margin-bottom: 1px;
}

/*---------------------------------------------------
Images
---------------------------------------------------*/

.sidebarimage {
	text-align: middle;
	margin-top: 4px;
}

/*---------------------------------------------------
Forms
---------------------------------------------------*/

input, select, textarea {
	vertical-align: top;
	/*background-color: RGB(217,231,236); */
	border-style: solid;
	border-color: RGB(78,96,126);
	border-width: 1px;
	margin: 0px;
	/*
	padding-left: 3px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 1px;
	*/
	padding: 3px;
	font-family: Verdana, helvetica, Arial, Sans-Serif;
	font-size: 12px;
	color: RGB(78,96,126);
	font-style: normal;
	font-weight: normal; 
}

input.sidebar, select.sidebar {
	vertical-align: middle;
	background-color: RGB(217,231,236); 
	border-style: solid;
	border-color: RGB(78,96,126);
	border-width: 1px;
	margin: 0px;
	/*
	padding-left: 2px;
	padding-right: 1px;
	padding-top: 2px;
	padding-bottom: 1px;
	*/
	padding: 3px;
	font-family: Verdana, helvetica, Arial, Sans-Serif;
	color: RGB(78,96,126);
	font-style: normal;
	font-weight: normal; 
	font-size: 11px;
	height: 24px;
}

.formlabel {
	margin: 0px;
	vertical-align: top;
	font-weight: bold; 
	wwhite-space: nowrap;
}

.formlabelerror {
	margin: 0px;
	vertical-align: top;
	font-weight: bold; 
	wwhite-space: nowrap;
	color: RGB(255,78,17);
}

/*---------------------------------------------------
Blog
---------------------------------------------------*/

.postheading {
	font-weight: bold; 
	margin-bottom: 2px;
}

.postdetails {
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 6px;
}

/*---------------------------------------------------
News
---------------------------------------------------*/

.newstitle {
	font-size: 12px;
	font-weight: bold;
	margin-top: 14px;
	margin-bottom: 1px;
}

.newssummary {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	margin-top: 0px;
	margin-bottom: 2px;
}

.newssub {
	font-size: 11px;
	line-height: 16px;
	margin-top: 0px;
	margin-bottom: 2px;
}

-->