@charset "utf-8";

  
body	{
	margin: 0;
	padding: 0;
	background-color:  #f5f5f5;  
	font: normal small/150% Verdana, Geneva, Arial, sans-serif;
	color: #000;
}


	/* Items must be in the correct order as above

	font-weight: normal refers to the weight,
	font-size: small, default about size 10-12,
	font-family: Verdana, Geneva, Arial, sans-serif; 
	line-height: 150%; */	

h1, h2, h3

	{
	font-family: "Comic Sans MS", Geneva, sans-serif;
	font-weight: bold;
	}


h1	{
	font-size: 150%;
	color: #4b00b0; /* indigo */
	margin-top: 40px;
	}

h2	{
	font-size: 135%;
	color: #708090;   /* now grey  */
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	margin: 11px;
	}

h3	{
	font-size: 125%;
	color: #4b00b0;  /* indigo */
	padding-top: 10px;
	}


li.site		{
		line-height: 150%;
		}




ul li.hosting	{
		line-height: 250%;
		list-style-image: url('logo250bubblesonly.gif'); 
		padding-left: 15px; 
		}



.specialbullet	{
		list-style-image: url('logo250bubblesonly.gif'); 
		padding-left: 7px;
		}



		


ul li.bottom		{
			display: inline; 

			line-height: 100%;

			list-style-type: none;

			font-size: 75%;

			color: #0000ff;  /*  blue */	

			border-left: 1px solid black;	

			padding: 0px 8px 0px 8px;
			}

ul li.bold		{
			font-weight: bold;
			}




/* ************************************
STRUCTURE - WRAPPERS  - BOTTOM SEPARATE
**************************************  */

#rss-feed	{
			float: right;
			width: 150px;
height: 200px;
margin-top: 110px;
			margin-left: 25px;
			border-left: 1px #ccc solid;
			border-bottom: 1px #ccc solid;
			padding-left: 5px;
				border: 1px red solid;  
}
 


#gradienttop		{
			
			background-image: url('gradienttop.gif');
			width: 928px;
			height:75px;
		/*	border: 1px solid red;  */
			}

#mainwrapper
		{
	
	width: 930px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	background-color: #fff;
	border-left: black solid 1px; 
	border-right: black 1px solid; 
	height: 1300px;
	font-family: Tahoma, Geneva, sans-serif;
	}




#logo		{float: right;
		background-image: url('logo350.gif');
		background-repeat: no-repeat;
		width: 505px;
		height: 136px;
	/*	border: 1px solid red;   */
		}

#telno		{
		float: right;
		width: 44%;
	/*	border: red solid 1px;  */
		font-size: 130%;
		color: #4b00b0; /* indigo */

		}


		
		

#fatbits	{
		float: left;
		width: 408px;
		height: 136px;
	/*	border: 1px solid red; */
		} 

#searchbox	{  /* windows */
		float: right;
		width: 320px;
		margin-right: 25px;
		}
		
#googlesearch	{
				float: right;
				
				padding: 4px;
				width: 20em;
				text-align: center;
				margin: 0px 18px 0px auto;
			
}
		 

#printlogo	{
		display: none;
		font-size: 125%;
		color: #000;
		}
#minilogo	
		{
		float: left;
		background-image: url('logo250bubblesonly.gif');  /* SMALL LOGO OF 3 BUBBLES CROPPED FROM MAIN LOGO */
		background-repeat: no-repeat;
		width: 29px;
		height: 48px;
		margin-left: 78px;
		margin-top: 70px;  
		/* border: 1px green solid; */
		}
	
		
#minilogo2   /* sameinfo but not allowed to have 2 divs of the same on each page */	
		{
		background-image: url('logo250bubblesonly.gif');  /* SMALL LOGO OF 3 BUBBLES CROPPED FROM MAIN LOGO */
		background-repeat: no-repeat;
		width: 29px;
		height: 48px;
		margin-left: 78px;
		margin-top: 70px;  
	/*	border: 1px solid green; */
		}

		
#minilogo3   /* sameinfo but not allowed to have 2 divs of the same on each page, also used for home page and floated right */	
		{
		background-image: url('logo250bubblesonly.gif');  /* SMALL LOGO OF 3 BUBBLES CROPPED FROM MAIN LOGO */
		background-repeat: no-repeat;
		width: 29px;
		height: 48px;
		margin-right: 1%;
		margin-top: 10px;  
		/*  border: 1px solid green; */
		float: right;
		}


#navwrapper	     /* AROUND THE MAIN MENU AT THE SIDE OF THE WEB SITE */

		{
	float: left;
	background-image: url('navbar.gif');
	width: 181px;
	height: 500px;
	border: 1px inset #e0ffff; /*light cyan  */
	margin-top: 12px;
	line-height: 200%;
		
		}

#contentwrapper		/* AROUND THE BODY OF THE WEB SITE ABOVE THE HEADINGS AND
			ENDING JUST BEFORE THE FOOTER */

		{
	float: left;
	
	width: 666px;
	padding: 10px;
	border: 1px outset  #e0ffff; /* light cyan */
	margin: 0px 0px 20px 39px;
	
		}



#contentwrappertuition		/* AROUND THE BODY OF THE WEB SITE ABOVE THE HEADINGS AND
			ENDING JUST BEFORE THE FOOTER */

		{
	float: left;
	width: 666px;
	padding: 10px;
	border: 1px outset #e0ffff;  /*light cyan */
	margin: 0px 0px 20px 39px;
	background-image: url('screen2-tuition.jpg');
	background-repeat: no-repeat;
		}

#webhost	{float: left;
		width: 650px;
		height: 400px;
		padding-right: 10%;
		background-image: url('stars.jpg');
		background-repeat: no-repeat;
		}


#mouse	{  /* used on computer tuition page */
	float: right;
	height: 82px;
	width: 102px;
	margin-right: 7%;
	}

#price1	{   /* used on tuition page for reasonable rates para */
	float: right;
	margin-top: 2%;
	margin-bottom: 6%;
	width: 71%;
	height: 10%;
/*	 border: blue dashed 1px;  */
	}


#initialassessment	{  /* used on tuition page for initial assessment star */
		float: left;
		width: 165px;
		height: 125px;
		margin-left: 4%;
	/*	border: red 4px dashed; */

}

		
#contentwrapperresources  /* as normal contentwrapper but with a height on it */
		{
		float: left;
	width: 666px;
	padding: 10px;
	border: 1px outset #e0ffff;  /*light cyan */
	margin: 0px 0px 20px 39px;
	height: 700px;
		}




#metapara	{  /* used on the web services page */

			float: left;
			width: 578px;
			margin: 1px 5px 10px 65px;
			padding: 6px;
			color: #4b00b0;  /* indigo */
			/* border: 2px #000 dashed;  */
			
			}
#dncclogo	{
			float: right;
			width: 250px;
}






/*
***********************************
BOTTOM - SEE BASIC FOR ul li.bottom
***********************************
*/

#bottom		{
		float: left;
		width: 97%;
		height: 75px;
	/*	border: 1px red solid;  */
		text-align: center;
		background-image: url('gradientbottom.gif');
		}


/* BEGIN HERE EDITING THE STYLE SHEET 21 MAY 2010 */




.contactus	{font-size: 110%;
		color: #0000ff;
		font-weight: bold;
		list-style-type: none;
		}


/* ***********************
FORM
**********************  */

.label			{
			float: left;
			width: 117px;
			clear: left;
			margin-right: 11px;
			font-weight: bold;
			text-align: right;
			}   


/* 

******************************
LINK DECORATION
****************************     */


a:link		{
		color: #0000ff;   /* blue  */
		text-decoration: none;
		}
		
a:visited	{
		color: #0000ff;  /* blue */
		text-decoration: none;
		}
	
a:hover		{
		color:  red;  	/* red  */
		text-decoration: none;
		}
	
a:active	{
		color: #ffd700;  /* gold */ 
		text-decoration: none;
		}


/* ********************
TEXT ENHANCEMENTS
*******************  */

.small		{font-size:  11px;
}

.blockquote		{
}
				
.resourcetext	{  /* used on Resources page */
	
	line-height: 180%;
		}	


.bold		{font-weight: bold;
		}

.underline	{  /* used on all pages for the download link to fitbits */
		border-bottom: thin dotted #00f;
		}

.yellowtext	{   /* where have I used this */
	color: #ffff82;  /* ivory */
	font-weight: bolder;
}


.indigotext	{  /* usedon computer tuition page */
		color: #4b00b0;
		font-weight: bolder;
		}

.redtext	{   /* used on web services page */
			color: #dc143c;
			font-weight: bold;
			}


.firstletter	{
				font-size: 150%;
				color: #4b00b0; /* indigo */
				}
				





.blue		{color: #4169ff;  /* royal blue */
		}

.gold		{color: #ffd700;
		/* gold */
		}

.red		{color: #ff0000;  /* red */
		}

.violet		{color: #44b2ee;
		/* violet */
		}

.slategrey	{color: #708090;  /* slate grey */
		}




.background	{background-color: #fff0f5;   /*  lavender */
		}


.webhost	{
		font-size: 130%;
		color: #708090;  /* grey */
		
		font-weight: bold;
		}