@charset "utf-8";
/* CSS Document */

/* I am currently using seven colours:
#000000 which is black
#ffffff which is white
#A3B4EA which is the light blue used inside the thread of the logo and surrounding the aum
#7494F7 which is the medium blue used inside the Aum sign in the logo
#142046 which is the dark blue that makes up the surround to the logo

	Then I later added the necklace with the red and yellow to bring a bit more colour and life.

	The red I have chosen from the necklace is:
#C41425 (but used to be #A70618)
	The yellow I have chosen from the necklace is:
#F7D710.
*/


/*
__________________________________________________________
__________________________________________________________ */


/* First I clear out all formatting from all styles for all browsers
so we have a clean start. I do that twice over, just to be sure!! */


* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}

/* Also remove the border from around all linked images and fieldsets */
img, fieldset, img a, img a:hover, img a:link  {
	border: 0;
}



/*
__________________________________________________________
__________________________________________________________ */

/* Now I establish the general background and default font and background colours for all pages.
These estabish the body and are my defaults.
*/

body {
	margin: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: #7494F7;
	text-align: center;
	/* This last one is for IE 5; to make sure it centres upcoming content */
}


/*
__________________________________________________________
__________________________________________________________
*/


/* Now I establish the styles for the home page (index).  */

#frontpage   {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.5em;
	background-color: #7494F7;
	text-align: center;
	letter-spacing: 5px;
	margin: 0 0 0 0;
	padding: 20px 0 0
}

#front-title    {
	color: #142046;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.7em;
	text-align: center;
	letter-spacing: 5px;
	margin: 0 0 0 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: inherit;
}

#front-title p {
	font-size: .7em;
	line-height: 1.9em;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
}


/*
__________________________________________________________
__________________________________________________________ */


/* Now I set up the "the brand" on all pages except front page -- i.e. the look and feel created by the header, footer and nav bar */


/*
__________________________________________________________

First, the header. This creates a container and clears the space underneath ready for the main content.
I had to do this to deal with Safari's insistence on enlarging text and containers vertically, without also enlarging them horizontally.
*/

#branding {
	background-color: #7494F7;
	width: 100%;
	height: 153px;
	text-align: center;
	overflow: hidden;
	margin: 0;
}

/* This places the small sacredthread logo in the topleft corner of all pages (except front page) */
#logo, #logo a {
	background-color: #7494F7;
	background-image: url("/images/websacredthreadlogosmallnotext.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0;
	width: 147px;
	height: 153px;
	text-align:left;
	display: block;
	position: absolute;
	z-index: 3;
	top: 0px; /* put in to stop IE7 misbehaving and shifting logo to right */
	left: 0px; /* put in to stop IE7 misbehaving and shifting logo to right */
}

/* This now writes out the main 'Sacred Thread' text and title beside the logo inserted above. It therefore helps complete the header. */

#branding p {
	color: #142046;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.7em;
	text-align: center;
	letter-spacing: 5px;
	padding-top: 54px;
	background-color: inherit;
	overflow: hidden;
	background-position: center center;
	margin-top: 0;
	margin-right: 275px;
	margin-bottom: 0;
	margin-left: 147px;
}

/*
__________________________________________________________

And this places the necklace on the right hand-side of the header.
It is placed outside the branding section, but is absolutely positioned.
*/

#visualpunctuation, #visualpunctuation a {
	background-color: #7494F7;
	text-align: right;
	position: absolute;
	top: 0px;
	width: 275px;
	background-image: url(images/myrakhi.gif);
	height: 153px;
	display:block;
	right: 0px;
}


/*
__________________________________________________________

These next two styles give the colours from the necklace
*/

.necklacered {
	color: #C41425;
	background-color: inherit;
}

.necklaceyellow {
	color: #F7D710;
	background-color: inherit;
}

/* If Safari gives me problems again, I'll reactivate this style and rely upon its image to create the header/banner.
#banner-text {
	background-color: #7494F7;
	background-image: url(../images/bannertext.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	max-height: 153px;
	min-height: 153px;
	position: absolute;
	z-index: 2;
	margin-left: 147;
	height: 153px;
	width: 100%;
}
*/


/*
__________________________________________________________

This now positions the navigation bar upon the left side of all pages (except front page).
It is also absolutely positioned.
*/

#left-menu {
	background-color: #7494F7;
	text-align: right;
	position: absolute;
	top: 153px;
	left: 0;
	width: 146px
}

#left-menu p  {
	color: #F7D710;
/*	color: #ffffff; */
	font-size: 0.8em;
	background-color: #7494F7;
	margin-bottom: 5px;
	padding-right: 20px;
	padding-left: 0;
	font-weight: bold;
	overflow: hidden;
}

#left-menuthispage {
	color: #ffffff;
	font-size: 0.8em;
	background-color: #a3b4ea;
	margin-bottom: 5px;
	padding-right: 20px;
	padding-left: 0;
}

#left-menu a:link, #left-menu a:visited  {
	color: #142046;
	background-color: #7494F7;
	text-decoration: none;
}

#left-menu a:hover, #left-menu a.current {
	color: #142046;
	text-decoration: none;
	background-color: #F7D710;
}

/*
__________________________________________________________

And now I position and style the footer
Since it, also, is placed outside the (upcoming) 'main-text' div, it will always be at the bottom of the page
*/

#footer  {
	font-size: 0.7em;
	font-weight: normal;
	line-height: 21px;
	background-color: #142046;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0;
	color: #F7D710;
	clear: both;
}

#footer a:link, #footer a:visited  {
	color: #ffffff;
	font-weight: normal;
	border-bottom: medium none;
	background-color: inherit;
}

#footer a:hover {
	text-decoration: underline;
	/* color: #a70618; */
	color: #C41425;
	background-color: #f7d710;
}

/* And that completes the branding */

/* __________________________________________________________ */



/*
__________________________________________________________
__________________________________________________________ */


/* This now creates the div or container in which all main text is placed. */

#main-text {
	margin-top: 0px;
	margin-bottom: 0;
	margin-left: 147px;
	background-color: #A3B4EA;
	margin-right: 0px;
	text-align: left;
	z-index: 10;
}

/* This now provides the main header announcement on each page */
h1  {
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
	background-color: #142046;
	text-indent: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 5px;
}

/* This level 2 head acts as the topic header for everything in main-text. */

h2 {
	margin-bottom: 0;
	margin-left: 5px;
	margin-right: 0;
	font-size: .9em;
	font-weight: bold;
	margin-top: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: inherit;
	color: #C41425;
	/* color: #a70618; */
}


/* These help give subsidiary headers within main-text */

.myh1replicator  {
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
	background-color: #142046;
	text-indent: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 3px;
}

.blueh2 {
	margin-bottom: 0;
	margin-left: 5px;
	margin-right: 0;
	font-size: .9em;
	font-weight: bold;
	color: #142046;
	margin-top: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: inherit;
}

.h2replicator {
	font-size: .9em;
	font-weight: bold;
	background-color: inherit;
	color: #C41425;
}


.redemphasis {
	background-color: inherit;
	color: #C41425;
}


/* These are ordinary body text styles for general text, but all used within main-text */

p, ul, ol, table {
	font-size: .7em;
	line-height: 1.9em;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0;
	padding-left: 5px;
	padding-right: 10px;
}

ol, ul {
margin-left: 25px;
}

a:link, a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #142046;
	border-bottom: 1px #C41425 dotted;
	background-color: inherit;
}

a:hover {
	text-decoration: none;
	border-bottom: 1px #6c8a0d solid;
	background-color: #F7D710;
}


/*
__________________________________________________________
__________________________________________________________ */



/* __________________________________________________________ */

/* These hereunder styles create the dividers and dots on the class and schedule pages */

.divider {
	color: #7494F7;
	font-size: 125%;
	background-color: #A3B4EA;
}

.yellowdot {
	color: yellow;
	background-color: inherit;
}

.reddot {
	color: red;
	background-color: inherit;
}

.maroondot {
	color: maroon;
	background-color: inherit;
}

.limedot {
	color: lime;
	background-color: inherit;
}

.silverdot {
	color: silver;
	background-color: inherit;
}

.purpledot {
	color: purple;
	background-color: inherit;
}

h1 span {
	background-color: #142046 !important;
}

#openweekendclassmarker {
	font-size: 0.6em;
	font-family: Arial, Helvetica, sans-serif;
}

#openweekendclassmarker span.extyellowdot {
	background-color: yellow;
	color: #142046;
}

#openweekendclassmarker span.extreddot {
	background-color: red;
	color: #142046;
}

#openweekendclassmarker span.extmaroondot {
	background-color: maroon;
	color: #A3B4EA;
}

#openweekendclassmarker span.extlimedot {
	background-color: lime;
	color: #142046;
}

#openweekendclassmarker span.extsilverdot {
	background-color: silver;
	color: black;
}

#openweekendclassmarker span.extpurpledot {
	background-color: purple;
	color: #A3B4EA;
}

/* __________________________________________________________ */

/* These styles are for the few tables and forms that we have */

td.myformlabel, th {
	font-weight: normal;
	text-align: right;
}
td {
	padding: 0.25em 1px;
}
tr.exhibitorpublic td.myformlabel, tr.exhibitorprivate td.myformlabel {
	background: #A3B4EA;
	border-left: 1em solid #142046;
	border-right: 1em solid #142046
}

tr.exhibitorprivate th, tr.exhibitorpublic th  {
	background: #A3B4EA;
	border-left: 1em solid #142046;
	border-right: 1em solid #142046
}

tr.presenterpublic td.myformlabel {
	background: #F7D710;
	border-left: 1em solid #142046;
	border-right: 1em solid #142046;
}

tr.presenterprivate td.myformlabel {
	background: #C41425;
	border-left: 1em solid #142046;
	border-right: 1em solid #142046;
	color: white;
}

tr.presenterprivate th, tr.presenterpublic th  {
	background: #A3B4EA;
	border-left: 1em solid #142046;
	border-right: 1em solid #142046
}

div#publicsection {
	border-width: 1em;
	border-color: lime
}
div#formsubmitarea {
	text-align: center;
	margin: 1em 0;
	padding: 1em 0;
}

.mysubmitbutton  {
	font-weight: normal;
	background-color: #7494F7;
	text-align: center;
	margin: 0;
	border: 0.5em solid #142046;
}

input:focus {
	background-color: #7494F7;
}

.errormessage {
	font-weight: bold;
	background-color: #F7D710;
	color: #C41425;
}

/* previous
.errormessage {
	font-weight: bold;
	background-color: #142046;
	color: #ffffff;
}
*/

 /* remove the border from around linked images and fieldsets */
img, fieldset  {
	border: 0;
}

/* Now we position and style the print only footer */
#printfooter  {
	font-size: 0.7em;
	font-weight: normal;
	line-height: 21px;
	background-color: #ffffff;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0;
	display: none;
	color: #000000;
}

/* These styles position the tent images on the message page */

.lefty {
	float: left;
	clear: left;
	margin-right: 10px;
	margin-bottom: 4px;
	width: 179px;
}

.righty {
	float: right;
	clear: right;
	margin-left: 5px;
	margin-bottom: 4px;
	width: 179px;
}

#message-text {
	font-size: .7em;
	line-height: 1.9em;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 184px;
	margin-right: 184px;
	padding-left: 10px;
	padding-right: 10px;
}

.floatright {
	float: right;
	margin-bottom: 2px;
	margin-left: 5px;
	margin-top: -5px;
	margin-right: -5px;
}

.necklaceyellowbackground {
	border-right-width: medium;
	border-left-width: medium;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #F7D710;
	border-left-color: #F7D710;
}

/*
__________________________________________________________

This now positions the Presenter navigation bar upon the right side of pages (except front page).
It is also absolutely positioned.
*/

#presentermenu {
	background-color: #7494F7;
	text-align: left;
	position: absolute;
	top: 153px;
	right: 0;
	width: 146px;
}

#presentermenu p  {
	color: #F7D710;
/*	color: #ffffff; */
	font-size: 0.8em;
	background-color: #7494F7;
	margin-bottom: 5px;
	padding-right: 0px;
	padding-left: 10px;
	font-weight: bold;
	overflow: hidden;
}

#presenterthispage {
	color: #ffffff;
	font-size: 0.8em;
	background-color: #a3b4ea;
	margin-bottom: 5px;
	padding-right: 20px;
	padding-left: 0;
}

#presenter a:link, #presenter a:visited  {
	color: #142046;
	background-color: #7494F7;
	text-decoration: none;
}

#presenter a:hover, #presenter a.current {
	color: #142046;
	text-decoration: none;
	background-color: #F7D710;
}

#presentertext {
	margin-top: 0px;
	margin-bottom: 0;
	margin-left: 147px;
	background-color: #A3B4EA;
	margin-right: 147px;
	text-align: left;
	z-index: 10;
}

.presenterfields {
	border: thick solid #142046;
	width: 960px;
}

.iRitecontroller {
	margin: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.4em;
}

.presentereditfields {
	border: thick solid #142046;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}

.listpresenterslefthalf {
	float: left;
	width: 49%;
	padding: 0%;
}

.listpresentersrighthalf {
	top: 10px;
	float: right;
	width: 55%;
	padding-top: 0%;
	padding-right: 0%;
	padding-bottom: 0%;
	padding-left: 2%;
	margin-right: 30px;
}

.listpresentersleft {
	float: left;
	width: 30%;
	padding: 0%;
}

.listpresentersmiddle {
	top: 10px;
	width: 30%;
	margin-left: 32%;
}

.listpresentersright {
	top: 10px;
	float: right;
	width: 30%;
	padding-top: 0%;
	padding-right: 0%;
	padding-bottom: 0%;
	padding-left: 2%;
	margin-right: 30px;
}