/*
The following styles control HTML specific tags
If you like Kyle's style, please steal this and use it on your page!
I worked real hard at it so why should you! 
This page is NOT copyrighted 2008
*/


body	{
	scrollbar-3dlight-color: #E6E6E6; 
	scrollbar-arrow-color: #6699cc;
	scrollbar-base-color: #E6E6E6;
	scrollbar-darkshadow-color: #E6E6E6;
	scrollbar-face-color: #E6E6E6;
	scrollbar-highlight-color: #6699cc;
	scrollbar-track-color: #E6E6E6;
	scrollbar-shadow-color: #6699cc;
	background-color: #E6E6E6;
	color: #000000;
	margin: 0;
	padding: 0;
	}

	DIV.scrollingdiv
	{
		BORDER-RIGHT: none; 
		BORDER-TOP: none; 
		BORDER-LEFT: none; 
		BORDER-BOTTOM: none; 
		OVERFLOW: auto; 
		WIDTH: 530px; 
		HEIGHT: 670px 
	}
	#mainTable
	{
		background:#FFFFFF;	
		border:#6699cc solid	
	}
	
	#title 
	{
		margin-top: 20px;
		font: 50px Monotype Corsiva;
		text-align: center;
		color: #66a0c0;
		font-weight: bold;
	}

	#title1 
	{
		margin-top: 45px;
		margin-left: 20px;
		font: 90px Freestyle Script, Rage Italic, Monotype Corsiva;
		text-align: left;
		color: #336699;
	}

	#title2 
	{
		margin-top: 0px;
		margin-left: 170px;
		font: 40px Monotype Corsiva;
		text-align: left;
		color: #336699;
	}

	#title3 
	{
		margin-top: 15px;
		margin-left: 15px;
		text-align: left;
		font: 45px Monotype Corsiva;
		color: #336699;
		font-weight: bold;
	}

	#title4
	{
		margin-top: 5px;
		margin-left: 15px;
		text-align: left;
		font: 30px Monotype Corsiva;
		color: #336699;
		font-weight: bold;
	}
	
	#title5
	{
		margin-top: 2px;
		text-align: center;
		font: 20px Monotype Corsiva;
		color: #336699;
		font-weight: Normal;
	}


	#title6 
	{
		text-align: center;
		font: 45px Monotype Corsiva;
		color: #336699;
		font-weight: bold;
	}

	#bimage
	{
		position: relative;
		margin: 0px;		
	} 

	#textbox
	{
		position: absolute;
		top: 20;
		Left: 15;
		width: 150px;
		height: 250px;
		background: transparent;
		padding: 0px;
		filter: alpha(opacity=60);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
		-moz-opacity: 0.60; opacity:0.6;
	}

	#Side
	{
		position: absolute;
		top: 14;
		Left: 15;
		width: 150px;
		height: 250px;
		background: transparent;
		padding: 12px;
		font: 15px arial;
		text-align: left;
		color: #6699cc;
		font-weight: bold;
	} 
	
	#Side2
	{
		background: transparent;
		margin-top: 101px;
		padding: 12px;
		font: 15px arial;
		text-align: left;
		color: #6699cc;
		font-weight: bold;
	} 

		#shadow
	{
		position: absolute;
		width: 500px;
		height: 610px;
		background: #000000;
		padding: 0px;
		filter: alpha(opacity=60);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
		-moz-opacity: 0.30; opacity:0.3;
	}

	#pic
	{
		position: absolute;
		width: 500px;
		height: 610px;
		background: transparent;
		padding: 0px;
	}

	#textbox2
	{
		position: absolute;
		top: 50;
		Left: 100;
		width: 300px;
		height: 300px;
		background: #FFFFFF;
		padding: 0px;
		filter: alpha(opacity=60);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
		-moz-opacity: 0.60; opacity:0.6;
	}

	#main
	{
		margin-top:0px;
		margin-left: 10px;
		background: transparent;
		padding: 10px;
		font: 18px verdana, arial;
		text-align: center;
		color: #000000;
		font-weight: normal;
	}
	
	#main2
	{
		margin-top:0px;
		margin-left: 10px;
		background: transparent;
		padding: 10px;
		font: 14px arial, verdana;
		text-align: left;
		color: #000000;
		font-weight: normal;
	}

	#content
	{
		margin-left: 10px;
		background: transparent;
		padding: 10px;
		font: 12px verdana, arial;
		text-align: left;
		color: #000000;
		font-weight: bold;
	}

	#links
	{
		margin-top: 15px;
		font: 10px arial;
		text-align: center;
		color: #336699;
	}

	#kyle
	{
		margin-top: 5px;
		font: 9px tahoma, arial;
		text-align: center;
		color: #336699;
	}

	#login
	{
		margin-top: 50px;
		background: transparent;
		font: 18px courier new, tahoma, arial;
		text-align: center;
		color: #336699;
		font-weight: bold;
	}

	#inwork
	{
		background: transparent;
		padding: 10px;
		font: 18px arial;
		text-align: center;
		color: #000000;
		font-weight: bold;
	}

	#divide
	{
		font: 15px arial;
		color: #FFFFFF;
		text-align: center;
	}

a:link { text-decoration: none; COLOR: #336699; font-weight:700;}
a:active { text-decoration: none; COLOR: #336699; font-weight:700;}
a:visited { text-decoration: none; COLOR: #336699; font-weight:700;}
a:hover { text-decoration: underline; COLOR: #6699cc; font-weight:700;}