/* --------- body  --------- */
body {
		margin: 0;
		padding: 0;
		font-family: Verdana, Arial sans-serif;
		font-size: 1.0em;
		color: #cd853f;
    background-color: #fafad2;
		}

			
			
/*  --------- structure starts --------- */
#wrapper {
    		position: relative;
				width: 900px;
    		margin-left: auto;
    		margin-right: auto;
				margin-top: 20px;
    		text-align: left;
    		background-color: #fafad2;
				overflow: hidden;
				}

#content {
				 width: 600px;
				 float: left;
				 }

#sidebar {
         float: left; 
         width: 290px;
				 }
				 
#footer {
				 width: 900px;
				 margin: 2em 0;
				 }

				 
				 
/*  --------- headerbar --------- */
.headerbar		{
							width: 100%;
				 			height: 20px;
							color: #fafad2;
				 			background-color: #cd853f;
							padding: 5px 0;
							margin-bottom: 30px;
							font-size: 0.8em;
					 		font-weight: bold;
   						}
							
.tagleft			{float: left; padding-left: 5px;}


.tagleft a:link, .tagleft a:visited, .tagleft a:active {
				 		color: #fafad2;
				 		background-color: transparent;
				 		text-decoration: none;
						}

.tagleft a:hover {color: #663c14; background-color: transparent;}

.tagright			{float: right; padding-right: 5px;}				


				 
/* ----------  masthead and masthead navigation page headers---------- */									
#christmas 	 {
						 position: absolute;
						 top: 2px;
						 left: 560px;
						 }
#masthead    {margin: 10px 0 30px 0;}

#paypallogo  {position: absolute;
						 top: 50px;
						 left: 610px;}
					
#resizer	 	 {
						 position: absolute;
						 top: 10px;
						 left: 810px;
						 }
#resizer img {margin: 0;}						
						 					
#imagebox		{
						 position: absolute;
						 top: 20px;
						 left: 5px;
					 	 }
						 
#textblocks {
						 position: absolute;
						 top: 35px;
						 left: 200px;
						 width: 400px;
						 height: 140px;
						 padding: 0 0 7px 5px;
						 }



/* ---------- widepages ---------- */
#contentwide, .imgtextboxwide      {width: 900px; float: left;}
.imgboxwide												 {width: 290px; float: left;} 
.textboxwide											 {width: 600px; float: right;}         


/* ---------- Online Page Formatting ---------- */
.onlinetext				 {width: 430px; float: right;}
.onlineimages			 {width: 160px; float: left;}


/* ---------- GURU Pages ---------- */
.guruimage1				 {float: left; margin-right: 20px;}
.gurupadding1			 {padding-right: 30px;}

/* ---------- images and text formatting ---------- */
.images				     {width: 200px; float: left;}

.box1 						 {border: ridge; border-color: #cd853f; padding: 10px;}

.text							 {width: 360px; float: left; margin-left: 35px;}
.text ul					 {font-size: 0.8em; margin: 0; padding-left: 15px;} 
.text li					 {margin-bottom: 15px;}
.text	ul li ul li	 {font-size: 1.3em;}
.text ol		   		 {font-size: 0.8em; margin: 0; padding-left: 15px;} 
.text ol li		   	 {margin-bottom: 5px;}

li.nonestyle	{list-style: none;}

.margin1 li  	{margin-bottom: 2em;}				 


.imgtextbox		{width: 600px; float: right;}
.imgtextbox li		{margin-bottom: 10px;}
.textbox			{width: 600px; float: right; margin-top: -15px;}
.textbox p	 	{font-size: 0.9em;}
.textbox a		{text-decoration: underline;}

.dropdownbox  {width: 200px; margin-top: 12px; float: left; }
.textbox1			{width: 200px; float: left; }
.textbox1 li	{font-size: 0.8em;}


/* -------------------- fonts size, colour and background -------------------- */				
p  			 {color : #cd853f; font-size: 0.8em;}
.font1 p {font-size: 1.0em;}				 


h1 {font-size: 1.6em; color: #cd853f;}
h2 {font-size: 1.4em; color: #cd853f;} 
h3 {font-size: 1.2em; color: #cd853f;} 
h4 {font-size: 1.0em; color: #cd853f;} 
h5 {font-size: 0.8em; color: #cd853f;}

h5.heading1 {
						background-color: #cd853f;
						color: #fafad2;
						text-align: right;
						padding: 4px 5px 4px 0px;
						margin-top: 25px;
						}

.fontsize1 {font-size: 0.7em;}
.fontsize2 {font-size: 1.2em; padding-bottom: 0.2em;}
.fontsize3 {font-size: 1.4em; padding-bottom: 0.2em;}
.fontsize4 {font-size: 0.8em;}
.fontsize5 {font-size: 0.9em;}
.fontsize6 {font-size: 1.0em;}
.fontsize7 {font-size: 72px; position:relative; left:0px; top:100px;}
.fontsize8 {font-size: 1.8em;}
.fontsize9 {font-size: 0.6em; margin: 20px 0 -5px 0;}

.cream  {color : #fafad2;}
.red		{color : #ff0000;}



/* -------------------- navigation lists input images -------------------- */
a:link, a:visited, a:active	{color : #cd853f; background-color: transparent;}
a:hover				{color : #663c14; background-color: transparent;}		
a							{text-decoration: none;}

.underline		{text-decoration: underline;}
.none				 	{text-decoration: none; list-style: none;}



/* -------------------- forms -------------------- */
form				{margin-bottom: 10px;}

input				{background-color: #cd853f; color: #fafad2;}

input.txt		{
						color : #cd853f;
						background-color: #fafad2;
						border: 2px ridge #663c14;
						width: 300px;
						}

input.btn		{
						color : #cd853f;
						background-color: #fafad2;
						border: 2px ridge #663c14;
						}

input.radio	{
						color : #cd853f;
						background-color: transparent;
						}

textarea		{
						color : #cd853f;
						background-color: #fafad2;
						border: 2px ridge #663c14;
						width: 450px;
						height: 200px;
						padding: 5px 0 0 5px;
						}

/* -------------------- positioning -------------------- */
.lefting					{float: left;}
.righting					{float: right;}
.clear						{clear: both;}

.left 						{text-align: left;}
.right						{text-align: right;}
.center						{text-align: center;}


	
/* -------------------- margin padding spacing -------------------- */	
img								{margin-bottom: 30px;}						

.imgleft1					{margin: 0 0 1em 0;}
.imgleft2					{margin: 0 1em 6em 0;}
.imgleft3					{margin: 0 0 -15px 0;}

.imgright1				{margin: 0 20px -20px 0;}
.imgright2				{margin: 15px 20px -20px 0;}

.spacer1					{height: 1px;}		
.spacer5					{height: 5px;}		
.spacer10					{height: 10px;}		
.spacer20					{height: 20px;}	
.spacer50					{height: 50px;}	
.spacer100				{height: 100px;}	
.spacer150				{height: 150px;}	
.spacer200				{height: 200px;}	

.frontpage				{margin-left: 0;}
.margin0					{margin: 0;}
.margin1					{margin: 0 0 4em 19em;}
.margin2					{margin: 5px 0 40px 25px;}
.margin3					{margin: -1.5em 0 0 17em;}
.margin4					{margin: 5px 0 20px 25px;}
.margin5					{margin: -15px  0 40px 0;}
.margin6					{margin: 0 90px;}
.margin7					{margin: 25px 30px 0px 30px;}

.marginleft1			{margin-left: 50px;}
.marginleft2			{margin-left: -15px;}
.marginleft3			{margin-left: 35px;}
.paddingleft1			{margin-left: 15px;}

.margintop1				{margin-top: -0.3em;}
.margintop2				{margin-top: 0.4em;}
.margintop3				{margin-top: -10px;}
.margintop4				{margin-top: -20px;}

.marginbottom1		{margin-bottom: 2em;}
.marginbottom2		{margin-bottom: 20px;}
.marginbottom3		{margin-bottom: -10px;}
.marginbottom4		{margin-bottom: 10px;}

.separatorline1 	{border-top-style: ridge; border-color: #cd853f; margin-bottom: -0.5em;}
.separatorline2 	{border-top-style: ridge; border-color: #cd853f; margin: 2em 0 1em 0;}
.separatorline3 	{border-top-style: ridge; border-color: #cd853f; margin: 40px 0 -25px 0;}

.width1						{width: 150px;}							
.width2						{width: 550px;}							
.width3						{width: 220px;}							



/* ---------- text resizer ---------- */
.normalview, #content, #contentwide {font-size: 1.0em;}		 								   /*CSS to return page to default setting (with no additional CSS rules added)*/
.largeview, #content, #contentwide  {font-size: 1.1em;}	 /*CSS for "large font" setting*/
.xlargeview, #content, #contentwide {font-size: 1.2em;}  /*CSS for "extra large font" setting*/

#masthead {font-size: 16px;} 		/*CSS for "extra large font" setting*/
#sidebar  {font-size: 11px;} 		/*CSS for "extra large font" setting*/

a.texttoggler #content{margin-right: 6px;} 		 					/*CSS for Text Size Toggler control*/
a.texttoggler img{border: 2px solid #fafad2;}  					/*CSS for Text Size Toggler control*/
a.texttoggler img:hover{border: 2px solid #663c14;}  		/*CSS for Text Size Toggler control*/

a.selectedtoggler img{border: 2px solid #fafad2;} 	 		/*CSS for Selected Text Size Toggler control*/



/* ---------- tables ---------- */
table.list1 {
  width: 600px;
	margin: 0;
  font-size : 0.7em;
	background: transparent;
  border: 2px solid #30787b;
  border-collapse: collapse;
	}
table.list1 thead tr th			 {padding: 0.4em 0 0.4em 0.8em; border: 2px solid #cd853f;}
table.list1 tbody tr				 {border: 2px solid #30787b;}
table.list1 tbody th				 {padding: 0.4em 0 0.4em 0.8em ; border: 2px solid #cd853f;}
table.list1 tbody td				 {background: transparent; padding: 0.4em 0 0.4em 0.8em; border: 2px solid #cd853f;}
table.list1 tbody tr.odd 		 {background: transparent;}
table.list1 tbody tr.odd td	 {background: transparent; color: #cd853f;}


table.list2 {
  width: 600px;
	margin: 0;
  font-size : 0.7em;
	background: transparent;
  border: 2px solid #30787b;
  border-collapse: collapse;
	}
table.list2 thead tr th			 {padding: 0.4em 0 0.4em 0.8em; border: 2px solid #cd853f;}
table.list2 tbody td				 {background: transparent; padding: 0.4em 0 0.4em 0.8em; border: 2px solid #cd853f;}
table.list2 a								 {text-decoration: underline; margin-left: -15px;}
table.list2 ul							 {margin-left: -20px;}


table.online {
  width: 600px;
	margin: 0;
  font-size : 0.9em;
  background: transparent;
  border-collapse: collapse;
	}


table.guru {
  width: 600px;
	margin: 0;
  font-size : 0.8em;
  background: transparent;
  border-collapse: collapse;
	}
table.guru thead 	 		 {font-size: 12px;}
.td1				 {width: 250px;}
.td2				 {width: 340px;}
.td3				 {width: 120px; font-size: 12px;}
.td4				 {width: 470px; font-size: 12px;}


table.online h3        {text-decoration: underline; margin-bottom: -5px;}	

table.tablecenter			 {margin-left:auto; margin-right:auto;}

/* -------------------- Tip Message -------------------- */
#TipLayer {
					visibility: hidden;
					position: absolute;
					z-index: 1000;
					top: -100px;
					}
					

/* ---------- borders for testing ---------- */
.bordertest1 {border: 1px solid #0000ff ;}	 /* Blue */
.bordertest2 {border: 1px ridge #000000 ;}	 /* Black */
.bordertest3 {border: 1px ridge #ff0000 ;}	 /* Red */
.bordertest4 {border: 1px ridge #00ffff ;}	 /* Cyan */