<!--Colors:
		   Purple (solid): 	  #9800E0
		   Purple (text):	  #7c00b9
		   Grey: 	  		  #949494
		   Cream:	  		  #fefef0
-->

    body { font: 15px tahoma, sans-serif; background-color: #AA0033;
		 background-repeat: repeat; background-position: top left;}

	h2 {color: #AA0000; font: bold 30px/40px "Trebuchet MS", arial, tahoma, sans-serif; text-align: center;}
	h3 {color: #AA0000; font: bold 18px/18px "Trebuchet MS", arial, tahoma, sans-serif; text-align: left;}
	h4 {font: bold 16px/16px "Trebuchet MS", arial, tahoma, sans-serif; text-align: left;}
	.head2 {color: #AA0000; font: bold 30px/40px "Trebuchet MS", arial, tahoma, sans-serif; text-align: center; display: block;}
	.head3 {color: #AA0000; font: bold 18px/18px "Trebuchet MS", arial, tahoma, sans-serif; text-align: left; display: block;}
	.head4 {font: bold 16px/16px "Trebuchet MS", arial, tahoma, sans-serif; text-align: left; display: block;}

	p  {text-indent: 30px}
	p.print {text-indent: 0px}

	
	ul.large {list-style-image: url(diamond.jpg);}
	ul.small {list-style-image: url(diamond-small.jpg); margin-top:0px;}
	li.small {list-style-image: url(diamond-small.jpg);}
	
    div.purple {background-color: #ECC0FE}
    div.grey {background-color: #929292}
	
	#title {position: absolute; left:   0px; top: 0px; width: 100%; height: 80px; z-index: 4;
		   	text-align: center; vertical-align: 10%; color: #FFFFF;
			}
	#main  {position: absolute; left: 140px; top: 0px; z-index:  2; height: auto;
		   width: 800px; 
		   padding-left: 10px;
		   background-color: #fefef0;
		   background-image: url(main-bg.jpg); background-repeat: repeat; background-position: top left;
		}
	#backmain {position: absolute; left: 140px; top: 0px; z-index:  1;
			width: 800px; height:100%;	
			padding-left: 10px;
			background-color: #fefef0;}


	#sidebar {position: fixed; left: 10px; top: 0px; z-index: 10; 
			 width: 120px; height: 100%;
			 padding-top: 75px;
			 color: #ffff00;
			 font: bold 20px/40px "Trebuchet MS", arial, tahoma, sans-serif; 
			 background-color: #AA0033; 
			 background-image: url(sidebar-bg.jpg); background-repeat: repeat; background-position: top left;}

	a:link {color: #AA0000; text-decoration:none; font-weight: bold;}
	a:visited {color: #AA3333; text-decoration: none; font-weight: bold;} 
	a:hover
{color: #AA0000; font-weight: bold; text-decoration:underline;}
	a:active
{color: #AA0000; font-weight: bold; text-decoration:underline;}

	a.side:link {color: #FFFF00; text-decoration:none; }	
	a.side:visited {color: #FFFFDD; text-decoration:none; }
	a.side:hover {color: #FFFF00; text-decoration:underline; }
	a.side:active {color: #fefef0; text-decoration:underline; }