body { margin: 0px; padding: 0px; color: #AAA; margin-top: 30px; min-width: 700px; text-align: center; font-family: verdana, tahoma, arial, sans-serif; font-size: 80%; line-height: 1.5; }

h1 { font-family: "Times New Roman", Times, serif; font-size: 1.6em; xmargin: 1em 0px; }
h2 { font-family: "Times New Roman", Times, serif; font-size: 1.4em; xmargin: 1em 0px; }
h3 { font-family: "Times New Roman", Times, serif; font-size: 1.3em; xmargin: 1em 0px; }
h4 { font-family: "Times New Roman", Times, serif; font-size: 1.2em; xmargin: 1em 0px; }

img {	border: 0px; }
a { text-decoration: none; }

html div#center { margin-right: -100%; }
html div#left { margin-left: 0px; }

p { margin: 1em 0px; }
pre { text-indent: 30px; }
ul { margin: 1em 2em; }

.filed { background: url(./ico_filed.gif) no-repeat; color: #621F04; font-family: "Times New Roman", Times, serif; font-size: 1.3em; padding: 1px 12px 6px 16px; }
.submenu { left: 0px; position: absolute; top: 0px; visibility: hidden; width: 100%; }
#center { color: #000; float: left; margin-right: -95%; width: 100%; }

.header { margin-top: 20px; border-top: 1px solid #CCC; margin-bottom: 6px; padding-top: 4px; }
.header h2 { height:24px; line-height:24px; margin: 0; padding: 0; }
.header .time { font-family: "Times New Roman", Times, serif; background: url(/ico_time.gif) 0px 4px no-repeat; padding-left: 16px; color: #621F04; font-size: 1.3em; float:right; margin-top:-24px; height:24px; line-height:24px; }

#topcorner { position: absolute; left: 883px; height: 32px; top: -2px; width: 38px; }
#wrapper { padding: 12px; word-wrap: break-word; }
#wrapper { background-color: #fff; border-bottom: #4a1c21 1px solid; border-left: #4a1c21 1px solid; border-right: #4a1c21 1px solid; border-top: #4a1c21 1px solid; font-size: 80%; margin: 0px auto; text-align: left; width: 90%; width: 900px !important; width: 920px; padding: 10; }
#wrapper { position: relative; z-index: 500; }


/*Win IE browsers - hide from Mac IE\*/
* html #submenu { height: 1%; }
/*IE workaround*/
/*All IE browsers*/
* html #submenu li { border-left: 1px solid black; font-size: 13px; margin: 0 0.4em 0 -0.4em; padding: 4px 0.4em 0 0.4em; }
* html #submenu li { display: block; float: left; }
/*End hide*/
/*Mac IE 5*/
* html #submenu li:first-child { border-left: 0; }

#right a:visited, #left a:visited, #center a:visited, #right a:link, #left a:link, #center a:link {
		border-bottom: 1px dashed gray }


#center a { color: #946d84; }
#centerpad { margin: 0px 190px; }

#contentfloatholder { float: left; margin-top: 0px; position: relative; width: 100%; }
#contentfloatholder:unknown { clear: both; content: "."; display: block; height: 0px; visibility: hidden; }
#footer { margin-top: 10px; text-align: center; }
#footer div { padding-bottom: 1px; padding-left: 0px; padding-right: 0px; padding-top: 1px; }

#header { clear: both; height: 138px; width: 100%; }
#header { color: #fff; padding-bottom: 1px; padding-left: 0px; padding-right: 0px; padding-top: 1px; text-align: right; }

#development h1 {	text-align: right; margin-top: 20px; margin-right: 20px; font-family: verdana, tahoma, arial, sans-serif; font-size: 3em; font-weight: bold; color: white; }

#headercolours { POSITION: absolute; TOP: 130px; LEFT: 855px; margin: 0; padding: 0; height: 12px; padding-top: 1px; width: 46px; }
#headercolours a, #headercolours a:link, #headercolours a:visited  { margin: 0; padding: 0; margin-left: 2px; border: 1px solid black; }
#headercolours a:hover { border: 1px solid white; }

#left { float: left; margin-left: -5%; width: 170px;}
#left h1, #right h1 { font-family: verdana, tahoma, arial, sans-serif; font-size: 1.2em; font-weight: bold; border-bottom: 2px solid #FAF8F7; border-top: 8px solid white; margin: 0; padding: 0; padding-top: 4px; text-indent: 6px; height: 22px !important; height: 36px; }
#left h2, #right h2 { font-family: verdana, tahoma, arial, sans-serif; font-size: 1.1em; font-weight: bold; padding-left: 6px; padding-top: 1px; }
#left h3, #right h3 { padding-bottom: 0px; padding-left: 20px; padding-right: 20px; padding-top: 0px; }
#left p, #right p { margin: 6px; margin-top: 10px; margin-bottom: 10px; }

#right { float: right; width: 170px;  overflow: hidden }
#right p { }

#navcontainer { margin-left: 30px; }
#pagetop { color: #000; height: 7em; padding-top: 1em; position: relative; width: 100%; }
#pagetop h1 { font-size: 1.4em; }
#pagetop h2 { font-size: 1.2em; }
#pagetop h3 { font-size: 1em; }
#pagetop h3, #pagetop h1, #pagetop h2 { font-family: georgia, serif; margin: 0.3em 220px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; }

#subnav { border-left: #4a1a21 0px solid; border-right: #4a1a21 0px solid; border-top: #4a1a21 1px solid; color: #000; }
#subnav, #footer { clear: both; width: 100%; height: 1px; }
#subnav { margin-bottom: 20px; height: 62px; }


#tabmenu { color: #000; height: 26px; padding: 2px; margin: 6px 0 0 0 !important; margin: 4px 0 0 0; padding: 0px; z-index: 1; }
#tabmenu a, #tabmenu a.active { font: 13px "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 0px 0px; padding: 3px 12px; text-decoration: none; }
#tabmenu li { display: inline; list-style-type: none; overflow: hidden; }


/*Fat Erik's Pipelist*/
#submenu { margin: 2px; padding: 2px; }
#submenu a, #submenu a.active { color: #000; font: 11px "Trebuchet MS", Arial, sans-serif; margin: 10px 0px 0px 0px; padding: 4px 12px 4px; text-decoration: none; }
#submenu a:visited { color: #000; }
#submenu li { display: inline; margin: 0; padding: 0; }
#submenu li:before { content: "| "; }
#submenu li:first-child:before { content: ""; }
#submenu li { list-style: none; }



/* Popup calendar control styles */
	.calcpYearNavigation,
	.calcpMonthNavigation
			{ background-color: #999; text-align:center; vertical-align:center; text-decoration:none;
			color:#FFFFFF; font-weight:bold; }
	.calcpDayColumnHeader,
	.calcpYearNavigation,
	.calcpMonthNavigation,
	.calcpCurrentMonthDate,
	.calcpCurrentMonthDateDisabled,
	.calcpOtherMonthDate,
	.calcpOtherMonthDateDisabled,
	.calcpCurrentDate,
	.calcpCurrentDateDisabled,
	.calcpTodayText,
	.calcpTodayTextDisabled,
	.calcpText
		{ font-family:tahoma; font-size:8pt; }
	TD.calcpDayColumnHeader { text-align:right; border:solid thin #485172; border-width:0 0 1 0; }
	.calcpCurrentMonthDate,
	.calcpOtherMonthDate,
	.calcpCurrentDate
		{ text-align:right; text-decoration:none; }
	.calcpCurrentMonthDateDisabled,
	.calcpOtherMonthDateDisabled,
	.calcpCurrentDateDisabled
		{ color:#D0D0D0; text-align:right; text-decoration:line-through; }
	.calcpCurrentMonthDate { color:#485172; font-weight:bold; }
	.calcpCurrentDate { color: #FFFFFF; font-weight:bold; }
	.calcpOtherMonthDate { color:#808080; }
	TD.calcpCurrentDate { color:#FFFFFF; background-color: #CFD4E3; border-width:1; border:solid thin #444; }
	TD.calcpCurrentDateDisabled { border-width:1; border:solid thin #FFAAAA; }
	TD.calcpTodayText, TD.calcpTodayTextDisabled { border:solid thin #485172; border-width:1 0 0 0; }
	A.calcpTodayText, SPAN.calcpTodayTextDisabled { height:20px; }
	A.calcpTodayText { color:#485172; font-weight:bold; }
	SPAN.calcpTodayTextDisabled { color:#D0D0D0; }
	.calcpBorder { border:solid thin #485172;	}

	
	
	
	#caldiv table {
		width: 160px;
	}

	
tr {
	font-size: 9px;
}

#viewbody table {	width: 500 }
#viewbody td, .tab #viewbody td { font-size:11px; padding: 5px}
#viewbody .ruled { background-color: #DDB268; color: white; cursor: hand;}
#viewbody tr.header{  margin-bottom: 10px; margin-top: 25px; color: White; font-variant: small-caps; font-weight: bold; padding: 4px;  background-color: #70798B; cursor: default}
#viewbody td.header { border-top: 10px solid #FFF;  border-bottom: 10px solid #FFF; }
#viewbody tr.subheader, #viewbody tr.subheadernoclick  { color: #FFF; font-variant: small-caps; font-weight: bold; border-top: 20px solid white; border-bottom: 5px solid white; background-color: #B17D27; }
#viewbody td.subheader, #viewbody td.subheadernoclick  { color: #FFF; font-variant: small-caps; font-weight: bold; border-top: 20px solid #FFF; border-bottom: 5px solid white; background-color: #B17D27; }
#viewbody h2 { color: red;}

/* Standard caption cell and field cell in a formbody table */
#formbody table {	width: 500; border: 0px solid white; padding: 4px; }
#formbody td {	font-size:9px; }
#formbody .tblInset td { margin: 4px; border: 1px solid #B4B9CF; border-bottom: 1px solid gray; border-right: 1px solid gray}
#formbody .tblInset { border: 1px solid #F3F4F8; background-color: #B4B9CF }

.tblCap, .tblCap a, .tblCap a:link, .tblCap a:hover,.tblCap a:visited   { font-size: 11px; color: #444; background-color: #F6F6F6; display: inline-block; padding: 2px }
.tblField { font-size: 11px; background-color: #EBEBF1; padding: 2px; }
.tblError { font-size: 11px; background-color: #E04E4E; padding: 2px; }
.tblHeading { font-size:12px; padding: 5px; color: white; font-weight: bold;  background: #485172 url(headingback.png) no-repeat left; }

#centerpad {
	width: 500px;
}

.calendar td {
	font-size: 9px; color: #AAA;
}


/*
TH {color: black; font-family: verdana; font-size: 9px; font-weight: bold; border-bottom: solid black 1px; text-align: center; background-color: #ccccff;}
TD {font-family: verdana; font-size: 9px;}
.outer {border: solid black 1px;}
.spacetop {font-size: 10px; font-weight: bold; height: 15px; text-align: center; border: solid #000000 1px; background-color: #999999;}
.spacebottom {font-size: 10px; font-weight: bold; height: 60px; text-align: center; border: solid #000000 1px; background-color: #cccccc;}
.weekendtop {font-size: 10px; font-weight: bold; height: 15px; text-align: center; border: solid #000000 1px; background-color: #ffcccc;}
.weekendbottom {font-size: 10px; font-weight: normal; height: 60px; text-align: center; border: solid #000000 1px; background-color: #fff0f0;}
.weekdaytop {font-size: 10px; font-weight: bold; height: 15px; text-align: center; border: solid #000000 1px; background-color: #ccccff;}
.weekdaybottom {font-size: 10px; font-weight: normal; height: 60px; text-align: center; border: solid #000000 1px; background-color: #ffffff;}
.cellcontent {height: 58px; overflow: auto;}

.cellcontent A {display: block; padding-bottom: 4px; xpadding: 3px 0 3px 0;}
.cellcontent A:HOVER {background-color: #ccccff;}
*/


TD { font-size: 9px;}


xTH { color: black; font-weight: bold; text-align: center;}
.outer {border: solid #AAA 1px; border-bottom: 0px; border-right: 0px}
.spacetop { height: 15px; border: solid #000000 0px;}
.spacebottom { height: 90px; border: solid #000000 0px;}
.weekendtop { font-weight: bold; height: 15px; text-align: center; border: solid #000000 0px;}
.weekendbottom { font-weight: normal; height: 60px; text-align: center; border: solid #000000 0px;}
.weekdaytop { font-weight: bold; height: 15px; text-align: center; border: solid #000000 0px;}
.weekdaybottom { font-weight: normal; height: 60px; text-align: center; border: solid #000000 0px; background-color: #ffffff;}
.cellcontent {height: 89px; overflow: auto;}
.cellcontent A {display: block; padding-bottom: 4px; padding: 3px 0 3px 0;}
.cellcontent A:HOVER {background-color: #ccccff;}
.weekdaybottom, .weekendbottom, .spacebottom { border-bottom: 1px solid #AAA }
.weekdaybottom, .weekendbottom, .spacebottom, .weekdaytop, .weekendtop, .spacetop { border-right: 1px solid #AAA }

#buddhahome { width: 600px; height: 90px; position: absolute; left: 10px; top: 60px; cursor: hand; }


.caldrop select, .caldrop button { font-size: 9px; }

.today {	background-color: white; color: black; border: 1px solid gray; }

.programme { border: 1px solid gray; width: 95%; border-collapse: collapse; margin: 10px; margin-left: 20px; }
.programme td { margin: 10px; padding: 4px; }
.programme tr { vertical-align: top; }
.programme th { width: 18%; text-align: left; padding: 4px; }
.programme .head { border-right: 1px solid gray; background-color: #EDEDED; }

#left ul, #right ul {  margin: 15px 5px 15px 30px; padding: 0; }

#ceremony li {	list-style: outside url(/ico_cer.gif); }
#post li {	list-style: outside url(/ico_post.png); }
#dhamma li {	list-style: outside url(/ico_cog.gif); }

.activities { border: 1px solid #CCC; width: 520px; border-collapse: collapse; }
.activities th, .activities td { border: 1px solid white; padding: 4px; }
.activities th { width: 210px; text-align: left; font-weight: normal; color: black; background-color: #EEE }




/* styling for the blogs view */
#blogcomments { background-color: #f1f1f1; padding: 4px; border: 1px solid #c0c0c0; margin: 10px; }
#blogcommentlink { background-color: #f1f1f1; padding: 3px; }
#blogbody { padding: 10px; }
#blogcontainer .blogdocument { margin: 0 0 20 0; border: 1px solid #ccc; }
.blogtitleheader { font-weight: bold; background-color: #f1f1f1; font-size: 16px; padding: 4px; border-bottom: 1px solid #c0c0c0; }
.blogdateheader { font-style: italic; margin-bottom: 0px; padding: 4px; }
.blogtitleheader a, .blogtitleheader a:visited { text-decoration: none; font-size : 1.2em; color: #000; }
.blogtitleheader a:hover { color: #fff; }

/* Selectors used to layout forms with label-field couplings */
div.row { clear: both; padding-top: 4px; }
div.row span.label { float: left; width:100px; text-align: left; }
div.row span.formw { float: right; width : 350px; text-align: left; }
span.required { color: #f00; font-weight: bold; }

/* ----- Poll / Voting styles ----- */
#poll { border: 1px solid silver; width: 170px; position: relative; background-color: white; }
#poll h2 { font-size: 1em; font-family: verdana, tahoma, arial, sans-serif; background-color: silver; color: white; padding: 4px; margin: 0px; }
#pollbody { position: relative; }
#vote { position: relative; top: 0px; left: 0px; padding: 4px; width: 100%; }
#vote a:visited, #vote a, #vote a:link { display: block; text-decoration: none; border: 0; text-align: center; margin-top: 4px; background-color: #EEE; padding: 4px; }
#vote a:hover { background-color: gray; }
#results  { position: relative; top: 0px; left: 0px; padding: 4px; width: 100%; }
#vote form { margin: 0 }
#poll #submitting { border: 8px solid white; width: 120px; position: absolute; top: 40px; left: 18px; display: none; 
							background-color: silver; color: white; font-weight: bold; z-index: 10; padding: 8px; }

							
blockquote { background: transparent url(/quoleft.png) no-repeat left top; }
blockquote div { padding: 0 48px; background: transparent url(/quoright.png) right bottom no-repeat; }
blockquote span.quotefrom { padding: 6px 48px 0 0; display: block; font-style: italic; color: gray; text-align: right; }


.floater{
	margin:0;
	float:right;
	margin-top:-28px;
	line-height:28px;
}

#example1, #example2, #example3, #example4, #example5{
	margin:2em 0;
}

#example1 h2{
	border-bottom:1px solid #e1e1e1;
	padding-bottom:5px;
}
#example1 .floater a{
	padding-left:18px;
	text-transform:uppercase;
	font-size:90%;
	background:url(link.gif) no-repeat 0 50%;
}