

#top	{
	height: 115px;
	overflow: hidden;
	}
#top .white
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 1px;
	position: relative;
	top: -112px;
	right: -745px;
}
	
#clock	{
	position: relative;
	top: -60px;
	right: -68px;
}
.countdown	{
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	text-align: center;
	font-family: arial;
	letter-spacing: .1em;
	}

.units	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #fff;
	font-weight: normal;
	text-align: center;
	position: relative;
	top: -10px; /*Need to be -10px */
	right: -430px;
	width: 45px;
	padding:0 5px 0 7px;
	display: inline;
}

input	{
	font-size: 1.0em;
	font-weight: bold;
	color:#000;
	background-image: url(images/stripe_clock.gif);
	background-repeat: repeat;
	text-align: center;
	border-style: none;
	position: relative;
	top: 50px;
	right: -365px;
	}
	
.contact a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #CC0000;
	padding: 2px 3px 2px 2px;
	position: relative;
	top: -135px;
	right: -910px;
	}
.contact a:hover{
	color: #000;
	background-color: #fffff0;
	border: solid 1px #000;
	}
	
#top2 .left	{
	width: 650px;
	height: 258px;
	border-style: solid;
	border-color: white;
	border-width: 2px;
	float: left;
	}

/* Red Square Next to Image */

#top2 .right	{
	width: 342px;
	height: 258px;
	background-color: #8c0607;
	border: 2px solid #FFFFFF;
	border-left: 1px;
	float: right;
	}
#top2 .right .text1	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	padding: 6px;
	padding-left: -2px; 
}
#top2 .right .text1	a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	line-height: 28px; 
}
#top2 .right .text1	a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	text-decoration: underline;
	line-height: 24px; 
}

#top2 .right .bold {
	font-size: 16px;
	color: #fff;
	padding: 6px;
	padding-left: -2px;
	font-weight: bolder;
	line-height: 22px;
}

/*  SUCKERTREE TOP MENU */

#menu {
	
}

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-image: url(images/redpatternmenu.gif);/*overall menu background changed to image*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
	display: block;
	border: 1px solid black;
	border-left-width: 0;
	text-decoration: none;
	color: #FFFFFF;   /* TEXT Main Menu*/
	font-weight: bold;
	text-align: center;
	font-size: 1.2em;
	padding-top: 4px;
	padding-right: 14px; /* Previously 18 px */
	padding-bottom: 6px;
	padding-left: 13px; /* Previously 17px */
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden; 
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style - CHANGE 2ND LEVEL STYLE */
.suckertreemenu ul li ul li a{
	display: block;
	width: 110px; /*width of sub menu levels*/
	color: #fff;
	text-decoration: none;
	border: 1px solid #000;
	text-align: left;
	font-weight: normal;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}

.suckertreemenu ul li ul li a:hover{  /*Hover 2nd and 3rd level Text to Red */
	color: #8c0607;
}

.suckertreemenu ul li a:hover{
background-color: black;
color: white;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background:  url(images/arrow-down3.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
	background: #F3F3F3 url(images/arrow-Right.gif) no-repeat center right;
	display: block;  /* Applies to subfolder such as CONFIRMED ENTRIES below Registration */
	background-color: #8c0607;
}

.second ul a{
	display: block;
	background-color:black;
	width: 110px; /*width of sub menu levels*/
	color: #fff;
	text-decoration: none;
	border: 1px solid #000;
	text-align: left;
	font-weight: normal;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}
.secondNo ul a{  /*This is to trick submenus with no second layer of menues FF Only */
	display: none;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	

/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%;}
* html .suckertreemenu ul li a { height: 1%;}
* html .suckertreemenu ul li ul li { float: left;}


#nav	{ /* div for nav  TRIED Z-INDEX HERE*/
	width: 1000px;
	background-image: url(images/redpatternmenu.gif);
	}
	
#footer  {
	display: block;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width:98%;
	height: 22px;
	padding: 0 0 1px 20px;
	position: relative;
	bottom: -7px;
	} 
	
#footer, .push 	{
	color: #000;
	clear: both;
}
#footer, .push	a{
	color: #8c0607;
	font-weight: bold;
	}





