body 		{margin-left: 5px; margin-top: 5px; background-color: #ffffff;}
/*3 girls*/
body.body1	{background-image: url('graphics/backdrop1.jpg'); background-repeat: no-repeat;}
/*collage of 3 ovals*/
body.body2	{background-image: url('graphics/backdrop2.jpg'); background-repeat: no-repeat;}
/*man telephone*/
body.body4	{background-image: url('graphics/backdrop4.jpg'); background-repeat: no-repeat;}
/*3 people communications*/
body.body5	{background-image: url('graphics/backdrop5.jpg'); background-repeat: no-repeat;}
/*video conference*/
body.body6	{background-image: url('graphics/backdrop6.jpg'); background-repeat: no-repeat;}
/*support lady*/
body.body7	{background-image: url('graphics/backdrop7.jpg'); background-repeat: no-repeat;}
/*bulletin board*/
body.body8	{background-image: url('graphics/backdrop8.jpg'); background-repeat: no-repeat;}
/*web mail*/
body.body9	{background-image: url('graphics/backdrop9.jpg'); background-repeat: no-repeat;}
/*cyberschool*/
body.body10	{background-image: url('graphics/backdrop10.jpg'); background-repeat: no-repeat;}
/*euser tools*/
body.body11	{background-image: url('graphics/backdrop11.jpg'); background-repeat: no-repeat;}
/*links*/
body.body12	{background-image: url('graphics/backdrop12.jpg'); background-repeat: no-repeat;}


td,p,div,span
	 	{font-family: verdana,tahoma,sans-serif; font-size: 90%; background-color: inherit; color: inherit;}
select,input,textarea
		{font-family: verdana,tahoma,sans-serif; font-size: 90%; background-color: #eeeeee; color: #333333;}
img		{border-style: solid; border-width: 0;}
ul		{list-style-type: square; margin-top:5px; margin-left: 20px;}
ol		{margin-top: 5px; margin-left: 30px;}
li		{color: #333333}
span		{color: #333333}


img.tabs	{margin-left: -3px; margin-bottom: -3px}
img.collage	{margin-bottom: -3px}


div.margins10	{margin: 10px 10px 10px 10px;}


select.color1,input.color1,td.color1,tr.color1
		{background-color: #ffffff; color: #333333;}
.color1		{color: #ffffff;}	/* white */

select.color2,input.color2,td.color2,tr.color2
		{background-color: #003366; color: #ffffff;}
.color2		{color: #003366;}	/* navy */

select.color3,input.color3,td.color3,tr.color3
		{background-color: #666666; color: #ffffff;}
.color3		{color: #666666;}	/* med. gray */

select.color4,input.color4,td.color4,tr.color4
		{background-color: #FFFACD; color: #333333;}
.color4		{color: #FFFACD;}	/* lemon */

select.color5,input.color5,td.color5,tr.color5
		{background-color: #E2A428; color: #333333;}
.color5		{color: #E2A428;}	/* gold */

select.color6,input.color6,td.color6,tr.color6
		{background-color: #6A5A44; color: #ffffff;}
.color6		{color: #6a5a44;}	/* dark brown */

select.color7,input.color7,td.color7,tr.color7
		{background-color: #74624C; color: #ffffff;}
.color7		{color: #74624C;}	/* light brown */



.stronger	{font-weight: bolder;}
.smaller	{font-size: smaller;}
.larger		{font-size: larger;}
H1, .heading1	{font-family: tahoma, sans-serif; font-size: 120%; font-weight: 700; color: #003366; line-height: 24px;}
H2, .heading2	{font-family: tahoma, sans-serif; font-size: 110%; font-weight: 600; color: #666666; line-height: 18px; margin-bottom: 5px;}
H3, .heading3	{font-family: tahoma, sans-serif; font-size: 100%; font-weight: 600; color: #666666; line-height: 16px; margin-bottom: 3px;}
.warning1	{color: #ff0000}
.border1	{border-style: ridge; border-width: 1px; border-color: #003366;}

.accountid	{background-color: inherit; color: #333333; font-size: 90%; text-decoration: none; font-weight: 700;}
.SpcMsg		{background-color: inherit; color: #ff0000; font-size: 90%; text-decoration: none; font-weight: 700;}



/* used in template ***********************************/
.L1nav		{text-decoration: none;}
a.L1nav:link	{color: #003366; text-decoration: none;}
a.L1nav:visited {color: #003366; text-decoration: none;}
a.L1nav:hover	{color: #ffffff; text-decoration: none;}

.L2nav		{background-color: #E2A428; color: #003366; font-family: sans-serif; font-size: 12px; text-decoration: none; font-weight: 700;}
a.L2nav:link	{color: #003366; text-decoration: none;}
a.L2nav:visited {color: #003366; text-decoration: none;}
a.L2nav:hover	{color: #ffffff; text-decoration: underline;}

.footer		{font-size: 70%; text-decoration: none;}



/* previous css classes below **********************/
A:link		{COLOR: #003399; text-decoration: underline;}
A:visited	{COLOR: purple; text-decoration: underline;}
A:hover		{COLOR: red; text-decoration: none;}