body {
	background-image: url(file:///C|/Documents and Settings/Just the Punter/Desktop/sitepics/gradient.jpg);
	background-repeat: repeat-x;
	background-color: #9C9C9C;
	background-image: url(../sitepics/gradient.jpg);
}
p {
	margin: 0px;
	padding: 0px;
}
/***************************************************************************************************************
This is ALL THE TEXT STYLES (Pseudo EFFECTS are at BOTTOM!!)
***************************************************************************************************************/
.logotext {	font-family: Impact;
	font-size: 45px;
	color: #FFFFFF;
}
.browsecategories {	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: large;
	color: #CCCCCC;
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
}
.horizontalnavbartext {
	font-size: small
}
.normaltext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	letter-spacing: normal;
	word-spacing: normal;
}
.horiznavbar {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #283817;
	text-align: center;
	vertical-align: middle;
	font-size: small;
}
.vertnavbarfont {	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: large;
	color: #000000;
	font-weight: bold;
	text-decoration:none;
}
.boldgreenverdana {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.leftsidelinksfont {
	font-size: large; 
	font-weight: bold; 
	text-decoration:none; 
	font-family: 
	Georgia, "Times New Roman", Times, serif;
}
.maintitle {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
	color: #FFFFFF;
}
.bigtitle {	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bolder;
	color: #000000;
}
.largerwhiteverdana {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.darkergreytimes {
	color: #999999
}
.smallgreytimes {
	color: #CCCCCC
}
.boldwhiteverdana {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.boldblackverdana {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000;
	font-weight: bold; 	
}
.smallblackverdana {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.bluefont {
	color: #0099FF
}
.abovesearchbarfont {
	font-family: Impact; 
	font-size: xx-large; 
	color: #FFFFFF; 
}
.italiboldgreenverdana {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #385C12;
	font-style: italic;
	font-weight: bold;
}

/***************************************************************************************************************
This is the Stuff at the top. It includes stuff for LOGO, MOTTO, TOP GRADIENT, and the STRING and HOOK layers...
***************************************************************************************************************/
#topgradientlayer {
	position:absolute;
	width:100%;
	height:168px;
	z-index:8;
	top: 0px;
	left: 0px;
	background-repeat: repeat-x;
	background-image: url(../sitepics/sitepics/layergrad.jpg);
}
#tophooklayer {
	position:absolute;
	width:54px;
	height:95px;
	z-index:34;
	left: 216px;
	top: 0px;
}
#topstringlayer {
	position:absolute;
	width:94px;
	height:101px;
	z-index:35;
	left: 753px;
	top: 0px;
}
#titlelayer {	position:absolute;
	left:361px;
	top:0px;
	width:303px;
	height:59px;
	z-index:10;
}
#mottolayer {
	position:absolute;
	width:272px;
	height:18px;
	z-index:21;
	left: 375px;
	top: 58px;
}

/******************************************************************************************************************
This is the main stuff on the left side of the page. It includes stuff for the LEFT NAVIGATION PANEL, LOGIN SECTION, 
and LEFT SIDE LINKS
******************************************************************************************************************/
#browsecategories {
	position:absolute;
	width:200px;
	height:25px;
	z-index:23;
	left: 17px;
	top: 78px;
}
#vertnavlayer {
	position:absolute;
	width:197px;
	height:216px;
	z-index:20;
	left: 14px;
	top: 103px;
	border: medium solid #000000;
	background-color: #FFFFFF;
	filter: Alpha(Opacity=50);
	opacity: 0.50;
	-moz-opacity:0.50;
}
#vertnavtext {
	position:absolute;
	width:198px;
	height:225px;
	z-index:22;
	left: 16px;
	top: 105px;
}
#loginlayer {	
	position:absolute;
	width:202px;
	height:263px;
	z-index:12;
	left: 15px;
	top: 350px;
}
.submitbutton {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	background-color: #023960;
	border: thin solid #9D9D9D;
}
#leftsidelinks {
	position:absolute;
	width:169px;
	height:46px;
	z-index:24;
	left: 19px;
	top: 590px;
}

/******************************************************************************************************************
This is the main stuff on the middle section of the page. It includes stuff for the HORIZONTAL NAVIGATION BAR,
MAIN BODY, and COPYRIGHT
******************************************************************************************************************/
#mainbodybg {
	position:absolute;
	width:547px;
	height:1045px;
	z-index:9;
	left: 234px;
	top: 80px;
	background-color: #CCCCCC;
	filter: Alpha(Opacity=75);
	opacity: 0.75;
	-moz-opacity:0.75;
	border: medium solid #283817;
	padding: 0px;
}
#horiznavlayer {
	position:absolute;
	width:542px;
	height:16px;
	z-index:19;
	left: 236px;
	top: 81px;
	background-color: #023960;
	text-align: center;
	border: medium solid #000000;
}
#mainbodycontent {
	position:absolute;
	width:537px;
	height:986px;
	z-index:11;
	left: 243px;
	top: 105px;
	vertical-align: top;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#copyrightayer {
	position:absolute;
	width:545px;
	height:32px;
	z-index:32;
	left: 239px;
	top: 1095px;
}

/******************************************************************************************************************
This is the main stuff on the RIGHT SIDE of the page. It includes stuff for the BLACK PANE BACKGROUND, THE TEXT 
THAT GOES OVER IT, and the SEARCH BAR 
******************************************************************************************************************/
#rightpane {
	position:absolute;
	width:187px;
	height:1049px;
	z-index:14;
	left: 809px;
	top: 80px;
	background-color: #000000;
	filter: Alpha(Opacity=50);
	opacity: 0.50;
	-moz-opacity:0.50;
	border-top: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
	bottom: 110px;
}
.onsearchbar {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	background-color: #023960;
	border: thin solid #9D9D9D;
}
#searchlayer {	position:absolute;
	width:186px;
	height:27px;
	z-index:30;
	left: 812px;
	top: 123px;
}
#rightpanetext {
	position:absolute;
	width:187px;
	height:993px;
	z-index:24;
	left: 811px;
	top: 82px;
}
/**********************************************************************************************
Random Style Pieces Section. This is where all the odds and ends pieces go. It is mostly 
consisting of PICTURES IN LAYERS that are used for DECORATION. 
**********************************************************************************************/
#righttapelayer {
	position:absolute;
	width:22px;
	height:62px;
	z-index:16;
	left: 765px;
	top: 244px;
	padding-right: 3px;
	padding-left: 3px;
}
#leftwoodlayer {	
	position:absolute;
	width:234px;
	height:365px;
	z-index:7;
	top: 701px;
	left: 0px;
}
#stupidbannerlayer {	
	position:absolute;
	width:601px;
	height:67px;
	z-index:13;
	left: 188px;
	top: 850px;
}
#leftpipelayer {
	position:absolute;
	width:200px;
	height:265px;
	z-index:33;
	left: 34px;
	top: 890px;
}
#footerlayer {
	position:absolute;
	width:999px;
	height:110px;
	z-index:31;
	left: 0px;
	top: 1132px;
}

/****************************************************************************************
Pseudo Class Effects Section. Holds all the ROLLOVER EFFECTS for all the LINKS and FORM SECTIONS. 
****************************************************************************************/
input:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	background-color: #93a77f;
	border: thin solid #375d12;
}
a:link {
	color: #000000;
}
a:visited {
	color: #000000;
}
a:hover {
	color:#FFFFFF
}
a:active {
	color: #97AC85
}
a.leftsidelinksfont:link {
	color: #000000
	font-size: large; 
	font-weight: bold; 
	text-decoration:none; 
	font-family: 
	Georgia, "Times New Roman", Times, serif;
}
a.leftsidelinksfont:hover {
	color: #FFFFFF;
	font-size: large; 
	font-weight: bold; 
	text-decoration:none; 
	font-family: 
	Georgia, "Times New Roman", Times, serif;
}
a.vertnavbarfont:link { 	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: large;
	color: #000000;
	font-weight: bold;
	text-decoration:none;
}
a.vertnavbarfont:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: large;
	color: #023960;
	font-weight: bold;
	text-decoration:none;
	background-color: #CCCCCC;
}
td.vertnavbarfont:hover {
	font-size: large;
	color: #023960;
	font-weight: bold;
	text-decoration:none;
	background-color:#CCCCCC
}
div a.largerwhiteverdana:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration:none;
}
div a.largerwhiteverdana:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration:none;
}
div a.largerwhiteverdana:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-decoration:none;
	background-color: #CCCCCC;
}
div a.largerwhiteverdana:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9AAD88;
	font-weight: normal;
	text-decoration:none;
}

a.logotext:link {
	font-family: Impact;
	font-size: 45px;
	color: #FFFFFF;
	text-decoration:none;
}
a.logotext:visited{
	font-family: Impact;
	font-size: 45px;
	color: #FFFFFF;
	text-decoration:none;
}
a.logotext:hover {
	font-family: Impact;
	font-size: 45px;
	color: #FFFFFF;
	text-decoration:none;
}
a.logotext:active {
	font-family: Impact;
	font-size: 45px;
	color: #FFFFFF;
	text-decoration:none;
}
a.boldblackverdana:link {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #CCCCCC;
	font-weight: bold; 	
}
a.boldblackverdana:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #CCCCCC;
	font-weight: bold; 	
}
a.boldblackverdana:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000;
	font-weight: bold; 	
}
a.boldblackverdana:active {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000;
	font-weight: bold; 	
}
a.boldwhiteverdana:link  {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
a.boldwhiteverdana:visited{
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
a.boldwhiteverdana:hover  {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
a.boldwhiteverdana:active {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
}