@charset "UTF-8";
/* CSS Document */

body {
	background-image: url(images/gradient2.png);
	background-repeat: repeat;
	z-index: 0;
	background-color: 336699;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	color: #006;
	text-decoration: none;
}
a:visited {
	color: #003366;
	text-decoration: none;
}
a:hover {
	color: #C3C3B1;
	text-decoration: none;
}
a:active {
	color: #F00;
	text-decoration: none;
}
a.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006;
	text-decoration: none;
}
a.small:visited {
	color: #003366;
	text-decoration: none;
}
a.small:hover {
	color: #FF9;
	text-decoration: none;
}
a.small:active {
	color: #F00;
	text-decoration: none;
}
#bodyleft {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: large;
	color: #c3c3b1;
	width: 200px;
	float: left;
	z-index: 1000;
	position: absolute;
	top: 200px;
	left: 0px;
	line-height: 22pt;
	padding-left: 60px;
	padding-top: 50px;
	overflow: auto;
	bottom: 0px;
	background-image: url(images/gradient3.png);
	background-repeat: repeat-x;
}
#bodyright {
	z-index: 1000;
	top: 275px;
	position: absolute;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	overflow: auto;
	color: #003;
	left: 300px;
	right: 50px;
	bottom: 50px;
	height: auto;
	width: auto;
}
#headerleft {
	float: left;
	height: 150px;
	width: 425px;
	z-index: 800;
	left: 0px;
	top: 0px;
	background-image: url(images/NewWebbg/headerleft.png);
	position: absolute;
}
#headerright {
	float: right;
	height: 60px;
	width: 740px;
	position: absolute;
	z-index: 600;
	background-image: url(images/NewWebbg/headerright.png);
	top: 0px;
	right: 0px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: large;
	text-align: right;
	padding-top: 90px;
	padding-right: 10px;
	color: #C3C3B1;
}
#navbarbg {
	position: absolute;
	z-index: 600;
	height: 50px;
	width: 100%;
	top: 150px;
	left: 0px;
	background-image: url(images/NewWebbg/navgradient.png);
	background-repeat: repeat-x;
}
#bgleft {
	background-image: url(images/NewWebbg/scruffywebBG_BL.png);
	height: 160px;
	width: 303px;
	position: absolute;
	left: 0px;
	z-index: 500;
	bottom: 0px;
	background-repeat: no-repeat;
}
#bgright {
	background-image: url(images/NewWebbg/scruffywebBG_BR.png);
	height: 86px;
	width: 296px;
	position: absolute;
	z-index: 400;
	background-repeat: no-repeat;
	margin-left: -200px;
	right: 0px;
	bottom: 0px;
}
#topnavbar {
	height: 50px;
	width: 808px;
	position: absolute;
	left: 50%;
	top: 150px;
	margin-left: -400px;
	z-index: 1000;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #000;
}
#magbutton {
	background-image: url(images/NewWebbg/magbutton2.png);
	height: 30px;
	width: 185px;
	background-position: 0px 0px;
	text-align: right;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	float: right;
	border-right-width: thin;
	border-right-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
}
#magbutton:hover{
	background-image: url(images/NewWebbg/magbutton2.png);
	background-position: 0px -50px;
	cursor: pointer;
	color: #C3C3B1;
}
#pookbutton {
	background-image: url(images/NewWebbg/pookbutton2.png);
	height: 30px;
	width: 185px;
	page-break-after: always;
	page-break-before: left;
	background-position: 0px 0px;
	top: 150px;
	left: 10px;
	text-align: right;
	padding-top: 20px;
	padding-right: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	float: right;
	border-right-width: thin;
	border-right-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
}
#pookbutton:hover{
	background-image: url(images/NewWebbg/pookbutton2.png);
	background-position: 0px -50px;
	cursor: pointer;
	color: #C3C3B1;
}
#textnav {
	height: 20px;
	width: 800px;
	margin-left: -400px;
	position: fixed;
	left: 50%;
	text-align: center;
	margin-top: -20px;
	z-index: 1500;
	background-image: url(images/NewWebbg/textnavBg.png);
	bottom: 0px;
}
#form {
	height: 370px;
	width: 600px;
	position: absolute;
	left: 50%;
	top: 300px;
	overflow: auto;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-left: -300px;
}
.headertext {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: large;
	font-weight: normal;
}