/* Standard hyperlink colors and transformation effects. */
a {text-decoration:none; }
a:link {color: #fff;}
a:active {color:#0099CC;}
a:visited {color:#fff;}
a:hover{color:#2F4F4F;}

/* 	Scrollbar properties are not W3C CSS.
	They do work in Opera and IE5.5/6/7 	*/
html {
	scrollbar-3dlight-color: #87CEFA;
	scrollbar-arrow-color: #325C74;
	scrollbar-track-color: #6CA6CD;
	scrollbar-darkshadow-color: #525C65;
	scrollbar-face-color: #9BC4E2;
	scrollbar-highlight-color: #B0E2FF;
	scrollbar-shadow-color: #517693;

}

/*	Stock body "look." */
body {
	
/*	Background styling common to the entire website goes here. */
	background-color:#B0E0E6; /* powderblue */
	background-repeat: repeat-y;
	background-image: url(righttile.png);
	
/*	Font information across entire website goes here */
	font-family: sans-serif;
	font-style: normal;
	font-size: 16;
	color: #000; /* Text color */
}



#toptile {
	background-image: url(toptile.png);
	background-repeat: repeat-x;
	margin-right: -8px;
	margin-top: -20px;
	}

#splashtile {
	margin-left: -9px;
	margin-top: -20px;
	width: 100%;
	height: 100%;
	background-image: url(splashpage.png);
	background-repeat: no-repeat;
	
	}
	
.nav_box {
	font-size: small;
	margin-top: -5px;
	margin-left: -30px;
	float: left;
	width: 280px;
	position: relative;
}

.container {
	width: 100%;
	float: right;
	margin-left: -300px;
	}

.content {
	padding: 10px;
	margin: 25px;
	margin-left: 300px;
	margin-top: -5px;
	
/*	Border and background stylings go here */
	
		

/*	Regular content box font sizings */
}

.header {
	text-align: center;
	}

h1, h2, h3 { 
	font-style: bold;
}
h1 {
	font-size: large;
}

h2 {
	font-size: medium;
}

h3 {
	font-size: small;
}


#blobs {
 width: 280px;
 height: 730px;
 background: url(menu.gif);
 margin-left: 40px; padding: 0;
 position: relative;
 font-size: 25px;
 text-indent: 5px;
 
}
#blobs li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#blobs a {display: block; font-family: monotype corsiva, cursive;}

#blob0 {left: 25px; top: 30px; width: 145px; height: 144px; line-height: 55px; text-align: center; }
#blob1 {left: -10px; top: 175px; width: 260px; height: 89px; line-height: 89px; }
#blob2 {left: -10px; top: 267px; width: 280px; height: 95px; line-height: 95px;}
#blob3 {left: -10px; top: 365px; width: 270px; height: 90px; line-height: 90px;}
#blob4 {left: -10px; top: 458px; width: 250px; height: 90px; line-height: 90px;}
#blob5 {left: -10px; top: 551px; width: 270px; height: 95px; line-height: 95px;}
#blob6 {left: -10px; top: 649px; width: 250px; height: 90px; line-height: 90px;}
#blob0 a {height: 144px;}
#blob1 a {height: 91px;}
#blob2 a {height: 97px;}
#blob3 a {height: 92px;}
#blob4 a {height: 92px;}
#blob5 a {height: 97px;}
#blob6 a {height: 91px;}

#blob0 a:hover {background: url(menu.gif) -34px -770px no-repeat;}
#blob1 a:hover {background: url(menu.gif) 1px -915px no-repeat;}
#blob2 a:hover {background: url(menu.gif) 1px -1007px no-repeat;}
#blob3 a:hover {background: url(menu.gif) 1px -1105px no-repeat;}
#blob4 a:hover {background: url(menu.gif) 1px -1198px no-repeat;}
#blob5 a:hover {background: url(menu.gif) 1px -1291px no-repeat;}
#blob6 a:hover {background: url(menu.gif) 1px -1389px no-repeat;}