/* main.css ---11 STYLES FOR STANDARDS BROWSERS */

@import url('whitebox.css');

@media handheld {
div#sidebar-bkg, div#sidebar {
	display: none;
}
}
/* THESE NEXT TWO ARE TEMP ENTRIES USED FOR TESTING ONLY: */
div.tempclear p { clear: right !important; }
div.tempclear .rightpix, div.tempclear .leftpix { 
	float: left !important; 
	clear: both !important; 
	margin-left: 10px !important;
	margin-right: 15px !important;
}
 

* html div#sidebar-bkg {  /* This is required to lengthen the left sidebar panel for IE6 only. */
	height: 1500px;
}

div.netscapewarning, div#netscapewarning {
	display: none;
}

.google {
	position: relative;
	display: block;  /* THIS TOGGLES THE SEARCH/NON-PROFIT LINES IN ALL BROWSERS  */
	width: 174px; 
	padding-left: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff; background-color: transparent;
}

* html .google { 
	margin-top: -3em; /* RULE FOR IE ONLY  */
}

div.googlesearch {
  	display: none;  /* THIS IS NEEDED TO KEEP THE IE SEARCH/NON-PROFIT LINES FROM DUPLICATING IN STDS BROWSERS  */
}

div.google span {
	display: block;
	margin-bottom: -1.3em;
	padding-top: 3px;
	white-space: nowrap; 
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
}

div.google div {
	width: 178px; 
	vertical-align: middle;
}

body {
	margin: 0;
	padding: 0;
	background: url(/newsite/images/white-bkg.jpg) #FFFFFF fixed; /* Background for Netscape 4.x ONLY  */
	color: #002166;
	z-index: 1;
	font-size: 14px !important;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	/*/*/  	
	line-height: 1.2em;  
	background: url(../images/white-bkg.jpg) #FFFFFF fixed;			
	/* */   /* These 2 lines will NOT be recognized by Netscape 4  */
}

blockquote { text-align: justify; }

#mainpg h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	line-height: 1.4em;
	margin: 1em 0 0;
}

.IE6only { display: none; }
* html .IE6only { display: inline; }

.left, .alignleft {
	text-align: left !important;
}

.justify {
	text-align: justify !important;
}

.centre, th.centre {
	text-align: center !important;
}

.centre {
	margin-left: auto;
	margin-right: auto;
}

.smalltext { font-size: 0.9em; }

p.search {
	position: relative;
	font-size: 12px !important; 
	text-align: center !important; 
	margin-bottom: 1px;
	left: -3px;
}

em em, h3 em, h5 em {
	font-style: normal;
}

div.border-article h5 {
	margin-bottom: 0;
}

#mainpg .border-article p {
	margin-bottom: 0; margin-top: 0;
}

#mainpg span.new {
	background-color: #ff9; 
	border: 1px solid #ccc;
	color: #FF0000;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	padding: 2px 2px 1px 2px;
}

.noshow, div#toplinks, div#iemenu, div#menu, div#ie5-mac-menu p.sidebar-txt { /* This rule will be recognized ONLY by Netscape 4.x  */
	/*/*//*/  display: none;  /* */
}

h3 {
	font-size: 1.2em;
}

#indent h3 {    /* USED ON HOME PAGE  */
	color: #666666 !important; background-color: transparent;
}

#indent h3.raised {	
	margin-top: -0.8em;
}

h5 {
	font-size: 1.1em;
}

.hr {
	/*/*/  display: none;  /* */
}

.floatright { float:right; }

.rightpix { 
	float:right;
	clear: right; 
	margin: 0.5em 0 0.5em 1em;
	text-align: center;
	page-break-inside: avoid;
}

.leftpix { /*	border: 1px solid #CCCCCC;  */
	float: left; 
	clear: left;
	margin: 0.5em 1em 0.5em 0;
	text-align: center;
	page-break-inside: avoid;
}

ul.nobullets li { list-style-type: none !important; }

#mainpg div.whitebox h3 {
	color: #FE923B !important; background-color: transparent !important;
}

#mainpg div.whitebox h4 {
	color: #FF0000 !important; background-color: transparent !important;
	margin-top: 0;
}

#mainpg td marquee  { 
	margin:1em auto;
	max-width: 556px;
	padding: .5em;
	padding-left: 1em;
	border: solid 1px #6699FF;
	letter-spacing: .5em;
}

#mainpg .tightspacing li {
	margin: 0.2em auto;
	line-height: 1em;
}

#mainpg .caption { 
	text-align:center; 
	font: italic normal .8em Arial, Helvetica, sans-serif; 
	height: 1.1em;
	padding: 0 .3em .3em;
}

div#mainpg ul li {
	list-style-type: square;
}

div#mainpg ol li {
	list-style-type: decimal;
}

div#mainpg li li {
	list-style-type: disc;
}

div#header {
	position: fixed;
	top: 0;
	width: 100%;
	margin-left: 0;
	z-index: 5;
}

div#ECCtitle {
	height: 82px;
	margin-left: 2px;
	min-width: 690px;
	/*/*/ background: url(../images/ECCheader-bkg.jpg) #1E4D78 center repeat-x;	/* */
}

div#ECCtitle h1 { 
	font-size: 1.8em;
	margin-top: 0;
	/*/*/  	text-indent: -3000px;  	/* */
}

div#topmenu {
	position: absolute;		/*  Needed to counteract the netscape4.css file  */
	left: 48px;			/* This setting centres the TOP MENUBAR  */
	top: 82px;
	margin-top: 0;		/*  Needed to counteract the netscape4.css file  */
	margin-left: 0;		/*  Needed to counteract the netscape4.css file  */
	right: 0;
	min-width: 690px;
	height: 23px;
	/*/*/  background: url(../images/topmenu-bkg.jpg) #DDE6EB repeat-x;  /* */
}

div#toplinks {
	position: relative;
	/* text-align: center is set by netscape4.css  */
	width: 350px;
	margin:0 auto;
	text-indent: -3000px;
}

div#toplinks span a {
	text-decoration: none;
}

span#home a:link, span#home a:visited {
	position: absolute;
	height: 23px;
	width: 81px;
	left: 0;
	background-image:url(../images/home-link.jpg); color: #CC3300;
}

span#home a:hover {    
	background: url(../images/home-hover.jpg);
	cursor: default;
}

span#calendar a:link, span#calendar a:visited {
	position: absolute;
	height: 23px;
	width: 97px;
	left: 81px;
	background-image:url(../images/calendar-link.jpg); color: #CC3300;
}

span#calendar a:hover, span#calendar a:active {
	background: url(../images/calendar-hover.jpg);
}

span#bookstore a:link, span#bookstore a:visited {
	position: absolute;
	height: 23px;
	width: 139px;
	left: 178px;
	background-image:url(../images/highershelf-link.jpg); color: #CC3300;
}

span#bookstore a:hover, span#bookstore a:active {
	background: url(../images/highershelf-hover.jpg);
}

span#contact a:link, span#contact a:visited {
	position: absolute;
	height: 23px;
	width: 90px;
	left: 317px;
	background-image:url(../images/contact-link.jpg); color: #CC3300;
}

span#contact a:hover, span#contact a:active {
	background: url(../images/contact-hover.jpg);
}

span#sitemap a:link, span#sitemap a:visited {
	position: absolute;
	height: 23px;
	width: 89px;
	left: 407px;
	background-image:url(../images/sitemap-link.jpg); color: #CC3300;
}

span#sitemap a:hover, span#sitemap a:active {
	background: url(../images/sitemap-hover.jpg);
}

div#iemenu {
	display: none;
}

/* For the #mainpg CONTENT AREA:  */
div#mainpg {
	position: absolute;
	top: 110px;
	margin: 10px 2% 2em 20px;
	padding-left: 230px !important;
right: 10px !important;
	padding-bottom: 1em;
	max-width: 800px;
max-width: none !important;
	font-family: Verdana, Palatino, sans-serif;
	z-index: 2;
}

div#mainpg h1 {
	color:#EE0006; background: transparent;
	font: italic bold 2.1em/1.4em Georgia, Palatino, serif;
}

div#mainpg h3 {
	margin: 1em 5% 0 0;
	text-indent: 0;
	text-align: left;
	font: italic bold 1.1em/1.2em Georgia, "Times New Roman", Palatino, serif;
	color:#000000;
}

div#mainpg li {
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}

div#mainpg p {
	line-height: 1.3em;
}

#mainpg em em {
	font-style: normal;
}

#mainpg , #mainpg td {
	line-height: 1.4em;
	font-size: 14px
}

#mainpg .special { 
	display: block;
	background-color: #FFFFFF !important;
	color: #CC0000 !important;
	position: relative;
	width: 25em !important; 
	border: 1px solid #999999;
	margin: 0 auto 1em !important;
	padding: .5em;
	font-weight: normal;
	font-size: 0.9em !important;
	font-style: italic;
	text-align: center;
}

#mainpg img.border { border: solid 1px #0066CC }

#mainpg .indent2 { margin-left: 2em }

#mainpg .indent3 { margin-left: 3em }

#mainpg p.indent { text-indent: 2em !important; }

.indent4 { margin-left: 4em }

.nowrap {
	white-space: nowrap;
}

.red {
	color: #cc0000; background-color: transparent; 
}

.large12 {
	font-size: 1.2em; 
}

.boldred {
	color: #cc0000; background-color: transparent;
	font-weight: bold;
	font-size: 1.2em; 
}

.nomarkers {
	list-style-type: none;
}

.innerlink {  /* This DIV is used with standards browsers to offset links within a page to compensate for the top banner  */
	position: absolute;
	margin-top: -100px;
}

* html .innerlink {  /* This DIV is used to counter the effect of .innerlink (above) in IE.  */
	position: relative;
	margin-top: 0;
}

/* SIDEBAR AND MENU  */

div#netscape4-menu {
	display: none;
}

div#sidebar-bkg {
	position: fixed;
	width: 190px;
	height: 100%;
	background: url(../images/sidebar-bottom.jpg) #003366 repeat-y; color: #FEEBCD;
	z-index: 11;
}

div#sidebar {	/* NOTE: THIS RULE PROVIDES THE SIDEBAR NORMAL BKG FOR ALL BROWSER VERSIONS - DON'T DELETE IT! */
	position: fixed;
	width: 190px;
	height: 100%;
	top: 0;
	background: url(../images/sidebar-bkg.jpg) no-repeat;
	z-index: 12; 													
}

div#sidebar-txt p {
	margin: 0.5em auto;
}

p.sidebar-txt, p#sidebar-txt {
	/*/*/
	position: relative;
	width: 161px;	
	margin-top: 15px;
	margin-left: 3px !important;  /* Controls the position of the "non-profit" menu line  */
	text-align: center;
	font: italic normal 12px/1.1em Arial, Helvetica, sans-serif;
	color: #FFF; background-color: transparent;
	/* */
	z-index: 130; 
}

#glow {		/* This is a "glow" background for text shown when the mouse hovers on the menu */
	display: none;
	position: fixed;
	width: 190px;
	height: 160px;
	background: url(../images/sidebar-whiteglowbkg2.jpg) no-repeat;
	z-index: 12;
}

#textbox {		/* This is a box enclosing text shown when the mouse hovers on the menu */
	display: none;
	position: fixed;
	width: 190px;
	height: 148px;
	background: url(../images/sidebar-textbox.jpg) no-repeat;
	z-index: 13;
}

#text1a {		/* This is the text 1 for the "glow" background */
	position: relative;
	display: block;
	width: 140px;
	height: 120px;
	margin: 30px 20px;
	color: #CC0022; background-color: transparent;
	font: 12px/1em Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	line-height: 1.3em;
}

#text1b {		/* This is text 1 for the "textbox" background */
	position: relative;
	display: block;
	width: 117px;
	height: 120px;
	margin: 20px 0 0 37px;
	color: #CC0022; background-color: transparent;
	font: 12px/1em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: 1.3em;
}

#logo {
	position: fixed;
	width: 104px;
	height: 104px;
	margin-top: 30px;
	margin-left: 42px;
	border-width: 0;
	z-index: 5000 !important;
}

#menu { 		/* This container houses the entire left menu code */
	position: fixed;
	top: 140px;
	left: 10px;
	z-index: 135;
}

#menu a {
	text-decoration: none;
}

#menu li {
	height: 24px;
	list-style-type: none;
	z-index: 1;
}

#menu li.specialMenuEvent, #menu h6.specialMenuEvent {
	background-color: inherit; border-color: #25507B !important;
}

#menu li.specialMenuEvent span {
	color:#FF0000; background-color:#FFFFCC; 
	padding:3px 19px 5px;
}

#menu ul {
	position: relative;
}

#menu > ul > li {		/* Static specs for the displayed left MENU */
	display: block;
	width: 105px;		/* Determines the hover width of the left MENU items  */
	padding: 4px 5px 1px;
	margin-bottom: -3px;
	color: #C7F5FE;  background-color: transparent;      /*  MENU COLOURS  */
	font: italic bold 14px Arial, Helvetica, sans-serif;
}


#menu > ul > li:hover {		/* Hover specs for the displayed left MENU */
	display: block;
	width: 250px;
	padding: 3px 4px 0;
	color: #FFF9E3;       		 	/* MENU HOVER COLOURS  */
	background-color: #3378AC; /* #047; #1A496E;*/	
	border: 1px solid #069;
}

#menu > ul > li:hover ul {		/* Static specs for the displayed left SUBMENU */
	position: absolute;
	display: block;
	width: 14em;
	margin-top: -20px;
	/* These next two properties control the distance between the MENU and SUBMENU items  */
	margin-left: 146px;		/* THIS IS CRITICAL for FireFox and Opera to agree!  */
	left: 6px; 				/* THIS IS CRITICAL for FireFox and Opera to agree!  */
	color: #069; background-color: #FFF;
	font: normal 13px Arial, Helvetica, sans-serif;
}

#menu > ul > li ul li {
	display: none;
}

#menu > ul > li:hover ul li {		/* Static specs for items on the displayed left SUBMENU */
	position: relative;
	display: block;
	margin-left: 90px;
	padding: 0;
	font-style: italic;
	font-weight: bold;
	font-size: 1em;
	height: 27px;   /*  This controls the height of the Submenu UL, and therefore the UL border-bottom  */
	line-height: 0.8em;	
}

#menu > ul > li:hover ul li a {		/* Static specs for links on the displayed left SUBMENU */
	position: relative;
	display: block;
	padding: 8px 4px 0;
	margin-left: -130px;					/* THIS IS CRITICAL for FireFox and Opera to agree!  */
	margin-bottom: -1px;
	height: 21px;
	border: 1px solid #69C;
	color: #058; background-color: #FFF;     /* SUBMENU COLOURS  */
}

#menu ul:hover li li a:hover {		/* Hover specs for items on the displayed left SUBMENU */
	position: relative;
	color: #C06; background-color: #FFE79B;
	text-decoration: none !important;
	     /* SUBMENU HOVER COLOURS  */
}

#ie5mac-menu {
	display: none;
}

/* FOR THE SITEMAP PAGE:  */
#mainpg div#sitemap1 {
	margin-left: 30px;
}

#mainpg div#sitemap1 ul li {
	list-style-type: none;
	font-weight: bold;
}

/*  RULES BELOW ARE FOR THE 'VISIONWEAVER' LOGO ON THE 'CONTACT' PAGE:  */

p.credit {
	margin-top : 2px;
}

p.credit a#visionweaver:link, p.credit a#visionweaver:visited {
	background : #006699;
	color : #FFFF99;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 9px;
	font-style : italic;
	font-weight : bold;
	padding : 1px;
	text-decoration : none;
}

p.credit a#visionweaver:hover {
	background : #FFFF99;
	color : #006699;
	text-decoration: none;
}

p.credit a:hover {
	background : transparent;
	color : #FFFFCC;
	text-decoration : none;
	border: 1px solid #6699CC;
}

/* THESE SELECTORS ARE USED ON THE 'EVENTS' PAGE:  */

#mainpg hr { color: #06c }
#mainpg .whitebox2 {
	border: 3px double #666; 
	background-color: #ffffff; 
	color: #000033; 
	padding: 1em; 
	margin: 1em;
}
#mainpg .whitebox2 .name { font-weight: bold; }
#mainpg .whitebox2 .name span { font-weight: normal; }
.eventbox {
	margin: .7em 3em;
	padding: 10px;
	border: solid 1px #666;
	width: 35em;
	font: .9em sans-serif;
	background-color: #FFF;
	color: #000
}

#mainpg .location {
	color: #000;
	background-color: transparent;
}

#mainpg .eventdate {
	font-weight: normal;
	line-height: 1.3em;
	font-style: italic;
	background-color: transparent;
	color: #990000;
}

#mainpg .city {
	color:#DD3333;
	background-color: transparent;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 1.1em
}

#mainpg .city span {
	 display: inline;
	 color: #000066; background: transparent;
	 font-variant: normal; 
	 font-weight: normal;
}

#mainpg .contact em, #mainpg .eventname em {
	font-style: italic;
}

#mainpg .contact {
	display: block;
	font-style: normal;
	margin-left: 2em;
}

#mainpg div.event {
	margin: .7em 0;
	line-height: 1.2em;
	margin-left: 2em;
	text-indent: -2em;
}

.event .specifics, .event .contact { margin-bottom: 1em; }

#mainpg span.eventname {
	font-weight: 600;
	font-style: normal;
	display: inline;
}

#mainpg div.event ul {
	position: relative;
	margin-top: 0; 
}

* html #mainpg div.event ul {
	position: relative;
	margin-top: 0.8em; 
	margin-left: 2em !important; 
}

#mainpg div.event ul li {
	position: relative;
	text-indent: 0 !important;
	list-style-type:disc;
}

* html #mainpg div.event ul li {
	margin-bottom: 0.7em;
	margin-left: 1em;
	text-indent: 0;
}

#mainpg div.event ul li span.eventname {
	font-size: 0.9em;
}

#mainpg span.specifics {
	display: block;
	font-weight: 200;
	margin-left: 0;
	text-indent: 0;
	text-align: left;
}

#mainpg div.province {
	color:#333;
	background-color: #ddd;
	font-size: 1.2em;
	font-weight: bold;
	font-variant: small-caps;
	text-align: center;
	border: solid #666 1px;
	padding: .3em;
	margin: 1em 0;
}

/*  RULES FOR EVENTS AND ARTICLES IN borderED BOXES  */

#mainpg #border-event, #mainpg .border-article { 
	border: 4px double #336699;
	padding: 1em;
	background-color: #FFFFFF;
	color: #000000;
	min-width: 530px;
	text-align: justify;
}

#mainpg #border-event td, #mainpg #border-event th {
	border-width: 0 !important;
	vertical-align: middle;
}

#mainpg #border-event p {
	text-indent: 0;
}

#mainpg .top-bottom-border {
	border: 3px double #369;
	border-width: 3px 0;
	padding: 5px 0;
}
#mainpg h4 .top-bottom-border {
	
}

/*
#mainpg #border-event img { 
	border: 1px solid #336699;
	padding: 1px;
	margin: 1em;
}
*/
#mainpg div.centrecaptionpix img {
	margin-bottom: 5px !important;
	border-width: 0 !important;
}

#mainpg div.centrecaptionpix {
	font-size: 0.8em;	
	line-height: 1.2em;
	text-align: center;
	margin-bottom: 25px; 
}

#mainpg #border-event th {width: 45%;}

#border-event h2 { 
	font-size: 1.6em !important; 
	margin: 0 auto 1em !important; 
	line-height: 1.7em; 
}

#mainpg .border {
	border-bottom: 3px double #336699;
	padding: 0 0.2em; 
	margin-top: 0.5em; margin-bottom: 0.5em;
}

#mainpg .border-b {
	border-bottom: 3px double #336699; padding-bottom: 0.1em;
	margin-bottom: 1em; 
	clear: both;
}

#mainpg .border-t {
	border-top: 3px double #336699; 
	padding-top: 0; padding-bottom: 1em;
	font-style: italic;
	font-size: 0.9em;
}

#mainpg div.border-t em {
	font-style: normal;
}

#mainpg div.border-t p {
	text-indent: 0 !important;
}

/* GENERAL #mainpg RULES  */

#mainpg h4 {
	font: italic bold 1.6em/1.2em Georgia, "Times New Roman", Times, serif;
	margin-top: 1em;
	margin-bottom: 0.9em;
	color: #006699; background-color: transparent;
}

#mainpg .border-article h4, #mainpg .border-tb h4, #mainpg form h4, h4 { 
	margin-bottom: -0.5em;
	text-align: left; 
}

#mainpg .centredbox h4, #mainpg #noindent h4, #mainpg #indent  { 
	margin-bottom: -0.3em; 
}

#mainpg .author {
	margin-top: 1.5em; margin-bottom: 1.5em;
	font: italic 0.9em Georgia, serif;
}
#mainpg li strong {
	font-size: 0.9em;
}

#mainpg a:link, #mainpg a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0066CC;
}
#mainpg a:hover {
	text-decoration: underline;
}

#mainpg div#indent p, #mainpg div.indent p {
	margin: 1em auto;
	text-indent: 1em;
	text-align: justify;
}

div#mainpg .quoteinbox {
	position: relative;
	left: 0;
	text-align: center;
	font-weight: bold;
	margin-top: 1.5em;
}

div#mainpg .quoteinbox {
	position: relative;
	width: 28em;
	margin: 1em auto;
	text-align: left;
	font-style: italic;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 1.05em;
	border: 1px solid #999;
	background-color:#eee;
	color: #000000;
	border: 1px solid #369;
	padding: 0.5em;
}

div#mainpg .quoteinbox p {
	margin: 0;
	padding: 0.2em 0.4em;
	line-height: 1em;
}

.quoteinbox em, .quotenobox em {
	font-style: normal;
}

#mainpg div#indent .quoteinbox p, #mainpg div.indent .quoteinbox p {
	margin: 0 0.5em 0.5em;
	text-indent: 0;
	text-align: left; 
	line-height: 1.1em;
}

#mainpg .quotenobox p {
	position: relative;
	width: 70%;
	margin: 0 auto;
	text-align: center;
	text-indent: 0 !important;
	font-style: italic;
	font-size: 0.9em;
	font-family: serif;
/*	background-color: #fff;
	color: #0066CC;
*/
	padding: 0 0.5em !important;
}	

#mainpg .quoteinbox p.rightalign, div#mainpg .quotenobox p.rightalign {
	text-align: right !important;
	margin-top: 0 !important;
	font-style: normal !important;
}

#mainpg .rightalign {
	text-align: right !important;
}

#mainpg div.noindent p, #mainpg #noindent p, p.noindent { 
	text-indent: 0 !important;
}

#mainpg p.initial { text-indent: 0 !important; }

#mainpg p.initial:first-line, .uppercase { text-transform: uppercase }

#mainpg p span.firstletter {
	float: left; 
	padding: 0.1em .2em .2em 0;
	margin-right: -6px;
	font-size: 300%; 
	font-weight: bold;
	font-family: serif;
	margin-top: .2em;
	voice-family: "\"}\""; 
	voice-family:inherit; 
	margin-top: .1em;
	vertical-align: baseline
}

/*  RULES FOR "TOP" BUTTONS  */

#mainpg span.top {
	text-align: right;
	vertical-align: top;
	float: right;
	
}

#mainpg span.top a {
	border: solid 2px;
	padding: 5px;
	text-decoration: none !important;
	z-index: 11;
	position: relative;
	display: block;
	text-align: center;
	width: 2.5em;
}

#mainpg .top a:link, #mainpg .top a:visited {
	background-color: #2D73B9;	
	color: #FFFFFF;
	border-top-color: #8DB3E9;
	border-left-color: #8DB3E9;
	border-right-color: #004389;
	border-bottom-color: #004389;
}

#mainpg .top a:hover, #mainpg .top a:active {
	background-color: #2D73B9;
	color: #CCCCFF;
	border-top-color: #004389; 
	border-left-color: #004389;
	border-right-color: #8DB3E9;
	border-bottom-color: #8DB3E9;
}

/*  FORM (#formbox) RULES:  */

div#mainpg div.formbox { 
	background-color: #FFFFFF;
	color: #369;
	position: relative; 
	width: 470px; /* DO NOT CHANGE THIS WIDTH */
	border: 1px solid #CCCCCC;
	margin: 0 auto 1em;
	padding: 1em;
	text-align: left;
}

div#mainpg div.formbox form {
	border: 3px double #69C; 
	margin: 1em;
}
div#mainpg form div {
	position: relative;
	margin: 0.7em 1em;
}

div#mainpg form div span.leftcol {
	position: absolute;  /*  THIS LINES UP INPUT NAMES WITH INPUT BOXES  */
}

div#mainpg form div p.leftcol2 {
	margin-bottom: -2.2em;
}

div#mainpg form div .col2 {
	position: relative;
	margin-left: 90px;
}

div#mainpg form .name {
	padding-left: 3px;
	width: 148px;
}

div#mainpg form div p.nameline {
	margin-top: -24px; /* NEEDED FOR STANDARDS BROWSERS  */
	margin-left: 150px;  /* NEEDED FOR ALL BROWSERS  */
}

div#mainpg form div p.nameline span#spacer {
	margin-right: 110px;
}

div#mainpg form span.req {
	display: inline;
	background-color: transparent; color: #f00;
	font-weight: bold;
	font-size: 1em;
	padding-right: 0.1em;
}
div#mainpg form .right {
	padding-left: 3px;
	width: 310px;
}

div#mainpg form #FirstName, div#mainpg form #LastName, div#mainpg form textarea {
	width: 100%; 
}

div#mainpg #thankyou {
	display: block;
	margin-top: 1em;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1em;
}

div#mainpg .boldred, div#mainpg #thankyou {
	background-color: transparent;
	color: #EE0006;
}

div#mainpg a:hover {
	text-decoration: underline;
}

div#mainpg a {
	font-weight: bold;
	font-size: 1em;
}

div#mainpg #border-event table, div#mainpg table.noborder, div#indent table.noborder td {
	border-width: 0;
}

div#mainpg table.fullform {
	width: 100%;
	clear: both;
	border: 1px solid #000000;
}

div#mainpg table.fullform td {
	text-align: left;
	font: 13px/1.2em Verdana, Arial, Helvetica, sans-serif;
}

div#mainpg td, div#mainpg th {
	padding: 3px 3px 3px 0.5em;
	font-size: 1em;
	vertical-align:top;
	border: 1px solid #000000;
}

/*  REQUIRED FOR BOOKSTORE ORDER FORM:  */

div#mainpg #formheading {
	background-color: #FFFFFF;
	color: #000000;
	padding: 0 2em 2em;
	border: 3px double #666666;
}

div#mainpg #formheading p {
	text-align: justify;
	margin: 1em 1em 1em 0;
	width: 100%;
	font: 13px/1.2em Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #000000;
}

div#mainpg #payment p {
	font-weight: bold;
}

div#payment {
	position: relative;
	margin-top: 1em; 
}

div#payment {
	margin-top: 1em;	
}

div#payment p {
	margin-top: 0;	
	margin-left: 0;
}

div#shipping {
	width: 15em;
	border: 2px solid;
	padding: .5em;
	margin: .5em 1em .5em 0;
}

div#shipping p {
	margin-top: .1em;
	margin-bottom: .1em;
}

div#shipto td, div#astroinfo td {
	padding-left: 1em;
	font-size: .8em;
}

div#shipto td p, div#astroinfo p {
	margin-left: 0;
	margin-right: 0;
	font-size: 1em;
}

div#shipto td h5 {
	margin-top: 0;
	font-size: 1.1em;
}

div#astroinfo {
	margin-top: 1em;
	page-break-before: always;
}

div#astroinfo table {
	width: 100%;
}

div#astroinfo table td {
	text-align: right;
	padding-right: .8em;
	font-weight: bold;
}

div#astroinfo p {
	font-size: .9em;
}

div#astroinfo table .leftbold {
	text-align: left;
	font-weight: bold;
}

div#payment {
	font-style: italic;
	font-weight: bold;
	margin-bottom: 0.5em; 
	margin-top: 1em;
}

div#payment p.centre {
	font-size: 0.8em !important;
}

div#payment p.centre a {
	font-size: 1em !important;
}

div#payment p {	
	font-weight: bold;
	text-align: center;
}

div#payment p.pmt {
	font-style: italic;
	margin-bottom: 1.5em;
}

div#visa p {
	text-align: left;	
	margin-left: 0;
}

div#mainpg hr {
	margin: 0;
}

div#mainpg span.mf {
	float: right;
	clear: none;
}

#bottommenu table, #bottommenu th, #bottommenu td {
	border-width: 0; 
	border: 5px solid #F9C !important;
}

div#mainpg th.order {
	border: 1px solid #000066;
	padding: .3em;
	font-size: .8em;
	vertical-align:middle;
}

div#mainpg tr.left td {
	text-align: left !important;
}

div#mainpg tr.right th, div#mainpg tr.right td {
	text-align: right;
	padding-right: 0.5em;
	font-weight: bold;
	font-size: .8em;
}

#mainpg table { 
	margin-top: -0.2em;
}

#mainpg li {
	line-height: 1.2em;
	margin-bottom: 1em;
}

div#mainpg table.floatleft {
	float: left;
}

div#mainpg table.floatright {
	float: right;
}

div#mainpg table td h5 {
	text-align: center;
}	

div#mainpg table {
	border: 2px solid #000066;
	border-collapse: collapse;
	width: 100%;

}

/* THE FOLLOWING RULES ARE FOR POSTERS AND EVENT DISPLAYS  */
/*
#mainpg . {
	border-top: 3px double #336699; 
	border-bottom: 3px double #336699;  
	padding-top: 1em; 
	padding-bottom: 1em;
	margin-bottom: 1em;
}
*/
#mainpg .centredbox { 
	margin: 0 auto 0; 
	width: 30em; 
	text-align: left;
}

#mainpg .centredbox li { 
	margin-top: 0.8em;
	line-height: 1.1em;
}
/* THE FOLLOWING RULES ARE FOR POSTERS AND EVENT DISPLAYS  */

#mainpg .border-tb {
	border-top: 3px double #336699; 
	border-bottom: 3px double #336699;  
/*	padding-top: 1em;  */
	padding-bottom: 1em;
	margin-bottom: 1em;
}

#mainpg .border-equal {
	display: block;
	border-top: 3px double #336699; 
	border-bottom: 3px double #336699;  
/*	padding-top: 1em;  */
	padding: 0.5em 0;
}

/* RULES FOR WORKSHOPS AND PRESENTERS (EVENTS)  */

#mainpg h5.workshop {
	color:#DD4400; background: transparent;
	text-align: left;
	font-style: italic;
	margin-bottom: -1em;
}

#mainpg h5.workshop span {
	font-weight: normal;
	font-style: normal;
	font-size: 0.9em;
}

/*  THE FOLLOWING RULES PROHIBIT THE USE OF DEPRECATED TAGS  */

font, center { 
	display: none;
}

/* MESSAGE BOARD STYLES  */
/*
.privatemsg, div#privatemsg a.PhorumNavLink {
	color:#FF0000; background-color: #FFFFFF; 
	border: solid 1px #000000 !important;"
}
*/


#mainpg h3.fontstyle {
	position: relative;
	margin-top: -15px !important; /* Used for "Become a member" box on the cayce-messageboard.php" page */
	float: right;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
	right: 0; 
	font-size: 1.1em !important;
	line-height: 1.2em;
	text-align: center;
	border: 1px solid #999999;
	padding: 0.4em 0.5em;
	color: #666666 !important; 
	background-color: #ffffff !important;
}

* html h3.fontstyle {
	margin-top: 0 !important;
}

h3.fontstyle, h3.fontstyle a {
	font-family: Georgia, "Times New Roman", Palatino, serif !important;
}

#mainpg h5.button a {
	display: block;
	position: relative;
	font-size: .7em;
	width: 20em;
	text-align: center;
	margin: 1em auto 1em auto;
	padding: .1em;
	border: 3px solid;
	text-decoration: none !important;	
}

#mainpg h5.button a:link, #mainpg h5.button a:visited {
	background-color: #2D73B9;	
	color: #FFFFFF;
	border-top-color: #8DB3E9;
	border-left-color: #8DB3E9;
	border-right-color: #004389;
	border-bottom-color: #004389;
}

#mainpg h5.button a:hover, h5.button a:active {
	background-color: #2D73B9;
	color: #CCCCFF;
	border-top-color: #004389; 
	border-left-color: #004389;
	border-right-color: #8DB3E9;
	border-bottom-color: #8DB3E9;
}

div#mainpg {
	margin-right: auto; margin-left: auto;	
	left: 0;
	padding-left: 230px !important;
	max-width: 850px !important; /* MAX WIDTH OF ENTIRE MAIN SECTION OF THE PAGE */
}

@media print {      /* THIS CODE ELIMINATES THE HEADER AND SIDEBAR ON ALL PRINTED PAGES  */
  div#header, div#sidebar-bkg, div#sidebar, div#menu, div#topmenu, div#noprint, div.noprint, .noprint {
  	display: none;
  }
    
  div#mainpg {
  	position: relative !important;
	width: 96% !important;
	top: 1px !important;
	left: 0 !important;
	margin-top: 0 !important;
  } 
    
  * html div#mainpg {	/* THIS DUPLICATED RULE IS NEEDED FOR IE--DON'T ASK WHY!  */
  	position: relative;
	width: 96% !important;
	top: 0;
	left: 0;
	margin-top: 0;
	margin-left: 1px;
  } 
  
  * html #mainpg p.initial span.firstletter {
	margin-right: 0 !important;
	padding-right: 0 !important;
}

  * html #mainpg p.initial {
	display: inline !important;
  }
	
}

/* Below are styles for the "Holistic Health Information" page: */

#mainpg #relativediv { 
	position: relative;
	padding: .5em 1em;
	margin: .5em 0;
	border: solid 1px #6699CC;
	background-color: #ffffff;
	color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 28em
}

.thirddiv-1 { 
	position: absolute; 
	width: 41%; 
	min-width: 10em;
	left: 1em;
}

.thirddiv-2 { 
	position: absolute; 
	width: 29%; 
	min-width: 11em;
	left: 43%
}

.thirddiv-3 { 
	position: absolute; 
	width: 27%; 
	min-width: 11em;
	left: 76%
}

/* End of styles for the "Holistic Health Information" page: */