body{
	font-family: Verdana,Arial,sans-serif;
	color: #ffffff;
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 0px;
	background-color: #010101;
	background-image: url(../images/hhr_bg.jpg);
	background-attachment: fixed;
	background-repeat: repeat;
	background-position: center;
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #CC9933;
	scrollbar-3dlight-color: #CC9933;
	scrollbar-arrow-color: #2D5D99;
	scrollbar-track-color: #000000;
	scrollbar-darkshadow-color: #2D5D99;
}

.page{
	font-family: Verdana,Arial,sans-serif;
	color: #333333;
	margin: 0px;
	padding: 30px;
	margin-left: 30px;
}


a.pagelink{
	color: #ffffff;
	}

a.pagelink:link{
	color: #ffffff;
}

a.pagelink:visited{
	color: #ffffff;
}

a.pagelink:hover{
	color: #32398A;
}



a.slink{
	color: #ffffff;
	}

a.slink:link{
	color: #ffffff;
}

a.slink:visited{
	color: #ffffff;
}

a.slink:hover{
	color: #A1C678;
}


.top_header{
	float: center;
}

.topnavbar{
	font-family: verdana;
	padding: 5px 5px 5px 5px;
	font-size: 11px;
	color: #2D5D99;
	text-align: center;
	font-weight: bold;
}

.topnav2{
	font-family: verdana;
	padding: 15px 5px 15px 5px;
	margin: 15px 5px 15px 5px;
	font-size: 12px;
	color: #C84910;
	text-align: center;
	font-weight: bold;

}

a.topnav2:link{
	color: #000000;
	text-decoration: underline;
	
}

a.topnav2:visited{
	color: #000000;
	text-decoration: underline;
}

a.topnav2:hover{
	color: #C84910;
	text-decoration: underline;
}

.topnav3{
	font-family: verdana;
	padding: 5px 5px 5px 5px;
	font-size: 12px;
	color: #2D5D99;
    line-height: 120%;
	letter-spacing: 0px;
	text-align: center;
	font-weight: bold;

}

a.topnav3:link{
	color: #C84910;
	text-decoration: underline;
	
}

a.topnav3:visited{
	color: #C84910;
	text-decoration: underline;
}

a.topnav3:hover{
	color: #ffffff;
	text-decoration: underline;
}


a.hauntlinks:link{
	color: #C84910;
	text-decoration: underline;
}

a.hauntlinks:visited{
	color: #C84910;
	text-decoration: underline;
}

a.hauntlinks:hover{
	color: #2D5D99;
	text-decoration: underline;
}

.tophauntlinks{
font-family: verdana;
	font-size: 12px;
	color: #000000;
     line-height: 150%;
	letter-spacing: 0px;
	text-align: left;
	font-weight: normal;}

a.tophauntlinks:link{
	color: #000000;
	text-decoration: underline;
}

a.tophauntlinks:visited{
	color: #000000;
	text-decoration: underline;
}

a.tophauntlinks:hover{
	color: #cccccc;
	text-decoration: underline;
}



#navigation {
float: left;
width: 150px;
font-family: Verdana,Arial,sans-serif;
font-size: 11px;
}
#navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
#navigation li {
border-bottom: .1em solid #ffffff;
border-top: .1em solid #ffffff;
}
#navigation li a {
display: block;
padding: 20px 5px 20px 0.5em;
border-right: .2em solid #BFB253;
text-decoration: none;
background-color: #BFB253;
border-left: 12px solid #BFB253;
color: #000000;
}
#navigation a:hover {
border-left: 10px solid #ffffff;
border-right: 5px solid #330000;
background-color: #131313;
color: #ffffff;
}


#navhor
{
margin-left: 10px;
width: 400px;
float: left;
font-family: Verdana,Arial,sans-serif;
font-size: 11px;
}

#navhor ul
{
margin-left: 20px;
background-color: #D3D277;
color: #333333;
font-family: arial, helvetica, sans-serif;

}

#navhor ul li { display: inline; 
}

#navhor ul li a
{
border-right: .1em solid #ffffff;
padding: 5px 5px 5px 5px;
background-color: #000000;
color: #cccccc;
text-decoration: none;
float: left;
border-top: 12px solid #AD8C3F;
}

#navhor ul li a:hover
{
border-top: 12px solid #ffffff;
background-color: #F2E08E;
color: #333333;
}


#navhor2 ul
{
padding-left: 0;
margin-left: 20px;
background-color: #F5F4A2;
color: #333333;
float: center;
width: 400px;
font-family: arial, helvetica, sans-serif;

}

#navhor2 ul li { display: inline; }

#navhor2 ul li a
{
padding: 10px 5px 10px 5px;
background-color: #F5F4A2;
color: #333333;
text-decoration: none;
float: center;
}

#navhor2 ul li a:hover
{
background-color: #538CA7;
color: #ffffff;
border: 6em solid #B8C877;
}






h1{
padding: 0px 5px 5px 0px;
 font-family: Arial,sans-serif;
 font-size: 20px;
 color: #3A3A3A;
 font-weight: normal;
 text-align: left;
}
h2{
padding: 5px 5px 5px 5px;
 font-family: Verdana, Arial,sans-serif;
 font-size: 24px;
 color: #2D5D99;
 font-weight: bold;
 text-align: left;
}

h3{
padding: 5px 5px 5px 0px;
 font-family: Verdana, Arial,sans-serif;
 font-size: 18px;
 color: #F9A559;
 font-weight: bold;
 text-align: left;
}

h4{
 font-family: Verdana, Arial,sans-serif;
 font-size: 12px;
 color: #C84910;
 font-weight: bold;
}


.bottext {
font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #cccccc;
text-align: center;
line-height: normal;
}
.bottextright {
font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #ffffff;
text-align: right;
line-height: normal;
}
.bottextleft {
font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #3A3A3A;
text-align: left;
line-height: normal;
}

.foot{
	
	padding: 5px 5px 15px 5px;
	font-size: 12px;
	color: #ffffff;
    line-height: 120%;
	letter-spacing: 0px;
	text-align: center;

}

.orange{
	
	padding: 5px 5px 5px 5px;
	font-size: 12px;
	color: #C84910;
    line-height: 120%;
	letter-spacing: 0px;
	text-align: center;
}
.orange2{
	
	padding: 5px 5px 5px 5px;
	font-size: 12px;
	color: #C84910;
    line-height: 120%;
	letter-spacing: 0px;
	text-align: justified;
}


.datetext{
	
	padding: 5px 5px 5px 5px;
	font-size: 10px;
	color: #F9A559;
    line-height: 120%;
	letter-spacing: 0px;
	text-align: left;

}




.addtext {
font-family: Verdana, Arial, Helvetica, sans-serif;
 padding: 5px 5px 5px 5px;
 font-size: 12px;
 color: #45555f;
text-align: center;
line-height: normal;
}
.addtextright {
font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #666666;
text-align: right;
line-height: normal;
}


.linktext {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 padding: 10px 10px 10px 10px;
 font-size: 11px;
 color: #000000;
 text-align: center;
 line-height: normal;
}

.sidelink {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #000000;
 text-align: left;
 line-height: normal;
}

.story{
	
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	color: #2D5D99;
     line-height: 130%;
	letter-spacing: 0px;
	text-align: justify;
}

.storycent{
	
		padding: 0px 0px 0px 0px;
	font-size: 11px;
	color: #2D5D99;
     line-height: 130%;
	letter-spacing: 0px;
	text-align: center;

}

.story2{
	
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	color: #ffffff;
     line-height: 130%;
	letter-spacing: 0px;
	text-align: justify;
}

.storywhitecent{
	font-family: verdana;
	padding: 8px 0px 8px 0px;
	font-size: 12px;
	color: #ffffff;
     line-height: 100%;
	letter-spacing: 0px;
	text-align: center;
	font-weight: bold;
}

.storywhite1{
	font-family: verdana;
	padding: 0px 0px 0px 8px;
	font-size: 12px;
	color: #ffffff;
     line-height: 120%;
	letter-spacing: 0px;
	text-align: left;
	font-weight: bold;
}
.storyorange{
	font-family: verdana;
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 5px;
	 width: 90%;
	font-size: 12px;
	color: #F9A559;
     line-height: 150%;
	letter-spacing: 0px;
	text-align: left;
	font-weight: normal;
}
.storyorange2{
	font-family: verdana;
	font-size: 12px;
	color: #F9A559;
     line-height: 150%;
	letter-spacing: 0px;
	text-align: left;
	font-weight: normal;
}


.headings
{
  color: #C84910;
  font-size: 12px;
  font-weight: bold;
  margin-left: 0px;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 5px;
}
.storywhite2n{
	font-family: verdana;
	padding: 5px 0px 40px 8px;
	font-size: 10px;
	color: #ffffff;
     line-height: 150%;
	letter-spacing: 0px;
	text-align: left;
	font-weight: normal;
}

.storywhite3{
	font-family: verdana;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
	color: #ffffff;
     line-height: 150%;
	letter-spacing: 0px;
	text-align: left;
	font-weight: normal;
}
.storywhite2cent{
	font-family: verdana;
	padding: 0px 0px 0px 0px;
	font-size: 9px;
	color: #ffffff;
     line-height: 110%;
	letter-spacing: 0px;
	text-align: center;
	font-weight: normal;
}



.storyleftred{
	
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	color: #A47254;
     line-height: 120%;
	letter-spacing: 0px;
	text-align: left;
}



.storylink{
	
	padding: 2px 2px 2px 2px;
	margin: 0px;
	font-size: 12px;
	color: #000000;
     line-height: 120%;
	letter-spacing: 1px;
	text-align: left;
	background-color: #F9A559;
	font-weight: bold;
	
}

.storylink2{
	
	padding: 15px 15px 15px 15px;
	margin: 3px;
	font-size: 12px;
	color: #000000;
    line-height: 120%;
	letter-spacing: 1px;
	text-align: center;
	background-color: #F0B765;
	font-weight: bold;
	
}
.story{
	
	padding: 0px 0px 0px 0px;
	font-size: 13px;
	color: #2D5D99;
     line-height: 130%;
	letter-spacing: 0px;
	text-align: left;
}
.story3{
	
	padding: 5px 5px 5px 5px;
	font-size: 14px;
	color: #000000;
     line-height: 120%;
	letter-spacing: 0px;
	text-align: center;
	background-color: #D1D3D4;
}

.story4{
	
	padding: 3px 0px 3px 0px;
	font-size: 12px;
	color: #2D5D99;
     line-height: 100%;
	letter-spacing: 0px;
	text-align: left;
	font-weight: normal;
	background-color: #000000;
border-top: 2px solid #131313;
width: 200px;
}

.story p{
	padding: 0px 0px 10px 0px;
}

/* Haunted House Ratings */

#mainDiv
{
  font-family: Arial, sans-serif;
  font-size: 12px;
  text-align: left;
}

.mainHeading
{
  text-align: center;
}

#mainFormTable
{
  border: none;
}

#mainFormTable td
{
  border: none;
  padding-top: 15px;
}

.requiredInfo
{
  font-size: 0.7em;
  text-align: center;
}

.label
{
  text-align: right;
  vertical-align: top;
}

.inputData
{
  text-align: left;
  padding-left: 20px;
}

.buttons
{
  text-align: center;
}


.storytitle{
	
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	color: #000000;
     line-height: 120%;
	letter-spacing: 0px;
     word-spacing: 5px;
	text-align: left;
	font-weight: bold;
}

#topNav
{
  font-size: 0.6em;
  margin-left: 30px;
}

.homeNav
{
  font-size: 0.6em;
  margin-left: 30px;
}

#editTableList
{
  width: 100%;
}

#editTableList th
{
  /*border: 1px solid gray;*/
  font-size: 0.6em;
}

#editTableList td
{
  /*border: 1px solid gray;*/
  font-size: 0.6em;
  vertical-align: top;
  padding-top: 1.0em;
}

.editLink
{
  font-size: 1.0em;
}

.editCol1
{
  text-align: left;
  width: 20%;
}

.editCol2
{
  text-align: left;
  width: 25%;
}

.editCol3
{
  text-align: left;
  width: 31%;
}

.editCol4
{
  text-align: left;
  width: 7%;
}

.editCol5
{
  text-align: left;
  width: 17%;
}

#votingTable
{
}

#votingTable td
{
  vertical-align: top;
  padding-left: 20px;
  padding-right: 20px;
}

.tableForm
{
  display:inline;
  margin-top:0px;
  margin-bottom:0px;
}

#voteInfoDiv
{
  text-align: center;
}

#voteInfoTable
{
  margin-left: auto;
  margin-right: auto;
  width: 600px;
}

#voteInfoTable td
{
  vertical-align: top;
  padding-top: 15px;
}

.voteInfoTableCol1
{
  width: 20%;
}

.voteInfoTableCol2
{
  width: 80%;
}

.leftPara
{
  width: 500px;
  text-align: left;
}

.listDiv
{
  width: 90%;
  text-align: left;
}

#houseListHeadingDiv
{
  width: 90%;
  text-align: left;
  font-size: 12px;
}

#houseListTableDiv
{
  text-align: left;
  width: 90%;
  height: 500px;
  overflow-y: scroll;
}

#houseListTableHeading
{
  width: 90%;
  border-collapse: collapse;
}

#houseListTableHeading td
{
  padding-left: 10px;
  padding-right: 10px;
}

#houseListTableDetail
{
  width: 90%;
  border-collapse: collapse;
}

#houseListTableDetail td
{
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.houseListTableCol1
{
  width: 250px;
  border: 1px solid #333333;
  border-collapse: collapse;
  color: #C84910;
  font-size: 12px;
  font-weight: bold;
}

.houseListTableCol2
{
  width: 100px;
  border: 1px solid #333333;
  border-collapse: collapse;
   color: #cccccc;
  font-size: 12px;
}

.houseListTableCol3
{
  width: 200px;
  border: 1px solid #333333;
  border-collapse: collapse;
   color: #cccccc;
  font-size: 12px;
}

.inlineForm
{
  display: inline;
}