/* HnT Style */

a
{
	color:red;
	background-color:black;
	font-weight: bold;
	text-decoration: none;
}

a.flyer
{
	color:red;
	background-color:black;
	border-color: black;
	border-style: solid;
	border-width: 1px;
	font-weight: bold;
	text-decoration: none;
	}

a:focus	/* TO GET RID OF UNWANTED LINK BORDER OUTLINES (CHECK SYNTAX? */
{
	outline:0 none;
	-moz-outline-style:0 none;
}

a:hover
{
	color:cyan;
	text-decoration: underline;
}

a.link:hover
{
	color:blue;
	text-decoration:underline;
}

a.navbar
{
	color:red;
	text-decoration: none;
}

a.navbar:hover
{
	color:cyan;
	text-decoration: none;
}


body
{
	background-attachment: fixed;
	background-color:black;
	color:white;   
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	margin-left: 200px; /* WAS 35 - 200 CENTRES PAGE */
	margin-right: 10px;
	margin-top: 0px;
	padding: 0px;
	width: 820px; /* CHECK IF THIS AFFECTS TABLES ELSEWHERE */
}



h3
{
	font-size: 24px;
	line-height:30px;
}


hr
{
	border-color:white;  
	border-style: solid;
	border-width: 1px;
	height: 1px;
}

img
{
	border-color:black;
	border-style: solid;
	border-width: 10px;
}

img.castfly
{
	border-color: black;
	border-style: solid;
	border-width: 1px;
}

img.diamond
{
	border-style:none;
	position:relative;
	left:118px;
	top:-120px;
}

img.logo
{
	border:0px;
	position:relative;
	left:-20px;
	top:0px;
}

img.flyer
{
	border-color: black;
	border-style: solid;
	border-width: 1px;
	float: left;
	margin-left: 7px;
	margin-right: 4px;
}

img.christmas-flyer
{
	border-color: black;
	border-style: solid;
	border-width: 1px;
	padding: 0px 100px 0px 100px;
}

img.left
{
	border-width: 1px;
	float: left;
	margin-left: 7px;
	margin-right: 4px;
}

img.right
{
	border-width: 1px;
	float: right;
	margin-left: 7px;
	margin-right: 4px;
}

p
{
	font-size: 18px;
	line-height: 133%;
}

p.no_table {margin-left: 45px}
	

p.relative
{ 
	margin-left: 450px; /* WAS 0px - creates margins for text */
	margin-right: 0; /* WAS 0px - creates margins for text*/
	text-align: left;
} 

p.small
{
	font: 14px "Comic Sans MS", Arial, Helvetica, sans-serif;
	padding: 0;
	text-align: center;
}

sup
{
	/* line-height: 0; DOESN'T WORK IN IE7 */
	vertical-align: text-top; /* WORKS IN IE7 */
}

table
{
	background-color:black;
	border-color:white;
	border-collapse: collapse;
	border-spacing: 50px;
	border-style: solid;
	border-width: 0px;
	margin: 0px;
	padding: 0px;
}

td
{
	background-color:black;
	border-color:white;
	border-collapse: collapse;
	border-spacing: 0px;
	border-style: solid;
	border-width: 0px;
	font-size: 18px;
	line-height: 133%;
	margin: 0px;
	padding: 20px;
	vertical-align: top;
}


td.content
{
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
}

td.footer
{
	text-align:center;
}

td.list
{
	background-color:black;
	border-color:white;
	border-collapse: collapse;
	border-spacing: 20px;
	border-style: solid;
	border-width: 0px;
	font-size: 18px;
	line-height: 133%;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}	

td.marquee
{
	background-image: none;
	font-size: 24px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
}

td.navbar
{
	background-color:black;
	color:black;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	padding-right: 11px;
	text-align: right;
	vertical-align: middle;
}

td.notopbottompadding
{
	background-color:black;
	border-color:white;
	border-collapse: collapse;
	border-spacing: 0px;
	border-style: solid;
	border-width: 0px;
	font-size: 16px;
	line-height: 20px;
	margin: 0px;
	padding: 0px 20px;
	vertical-align: top;
}

th.navbar
{
	background-color: black;
	color: white;
	font-size: 16px; /* WAS 17.3 */
	font-weight: bold;
	/* line-height: 0px; //W3 SCHOOLS FORUMS SUGGEST - TAKE THIS OUT - CORRECT!*/
	padding-left: -50px; /* ???? */
	padding-right: 0px;	
}	

ul
{
	font-size: 18px;
	line-height: 133%;
}

/* =Hoverbox Code
----------------------------------------------------------------------*/

div.img
{
	align: center;
}

div.desc
{
  	color: black;
	height: 50px;
	text-align: center;
	font-weight: normal;
}


.hoverland
{
	cursor: default;
	list-style: none;
}

.hoverland a
{
	cursor: default;
}

.hoverland a .preview
{
	display: none;
}

.hoverland a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverland img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 6px;	
	vertical-align: top;
	width: 160px; 
	height: 120px; 
}

.hoverland li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverland .preview
{
	border-color: #000;
	width: 320px; 
	height: 240px; 
}

/* =Hoverport AFTER HERE
----------------------------------------------------------------------*/

.hoverport
{
	cursor: default;
	list-style: none;
}

.hoverport a
{
	cursor: default;
}

.hoverport a .preview
{
	display: none;
}

.hoverport a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverport img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 6.5px;
	vertical-align: top;
	width: 120px; 
	height: 160px;
}

.hoverport li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverport .preview
{
	border-color: #000;
	width: 240px;
	height: 360px; 
}