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

/* General Styles */
img {
border-width:0;
}

/* Main Divs */
html {
height:100%;
background-color:#000;
}

body {
margin-top:0;
margin-left:0;
margin-right:0;
max-width:1665;
height:100%;
}

/* SCROLLING CRAP - change scrollset_1 width and scrollset_2 width and left as needed for more images. 
replace the number in scroller js as well!*/

#scroller {
     position:absolute;
	 z-index:99;
	 top:418px;
	 left:130px;
     width:504px;
     height:75px;
     overflow:hidden;
     margin:100px auto 0 auto;
 }
#scrollset_1 {
	position:absolute;
	left:0px;
	top:0px;
	width:450px;
	height:106px;
 }
#scrollset_2 {
     position:absolute;
     left:450px;
     top:0px;
     width:450px;
     height:106px;
 }
#scrollset_1 img, #scrollset_2 img {
     border:1px solid #000;
     margin:2px;
     float:left;
 }
 
#siteWrapper {
	background:url(/images/fullBG.jpg) top center no-repeat;
	padding-left: 1px; 
}

#contentFlash {
	position: relative;
	float: left;
	top:81px;
	left:56px;
	width: 777px;
	min-height: 385px;
}

#flickrFlash {
	position: relative;
	float: left;
	top:81px;
	left:56px;
	width: 777px;
	min-height: 385px;
}

* html #mainframe {
height: 100% ;
}
	
#mainWindow {
	width:891px;
	background:url(/images/primaryBG.jpg);
	background-repeat:no-repeat;
	height:1154px;
	margin: 0 auto; /*	 doesn't effect black	*/
	left: 0;	
	position: relative;	/*	 setting position adversely effects the rollover infobox	*/
	overflow: visible; 
}

#newsWindow {
	width:891px;
	background:url(/images/newsBG.jpg);
	background-repeat:no-repeat;
	height:1290px;
	margin: 0 auto; /*	 doesn't effect black	*/
	left: 0;	
	position: relative;	/*	 setting position adversely effects the rollover infobox	*/
	overflow: visible; 
}

/* Button Elements */
#callout {

}

.radio {
	position:absolute;
	left:640px;
	top:520px;	
	z-inded:999999;
	
}

.paper {
	position:absolute;
	left:160px;
	top:608px;	
}

.tape {
	position:absolute;
	left:-60px;
	top:210px;	
	z-index:99;
}

.gate_top {
	position:absolute;
	left:56px;
	top:122px;	
	z-index:79;
}

.gate_bottom {
	position:absolute;
	left:56px;
	top:500px;	
	z-index:79;
}
.left_edge {
	position:absolute;
	left:24px;
	top:122px;	
	z-index:89;
}

.right_edge {
	position:absolute;
	left:830px;
	top:122px;	
	z-index:89;
}



.callout1 {
	background-image:url(images/callout1.jpg);
	width:226px;
	height:122px;
	position:absolute;
	left:640px;
	top:122px;	
}

.callout2 {
	background-image:url(images/callout2.jpg);
	width:226px;
	height:122px;
	position:absolute;
	left:640px;
	top:254px;	
}

.callout1 a, .callout2 a {
	display: block; 
	width:100%;
	height:100%;
}

#newsletter {
	background-image:url(images/callout3.jpg);
	width:226px;
	height:122px;
	position:absolute;
	left:640px;
	top:385px;	
}

#slideshow {
	position:absolute;
	left:24px;
	top:122px;	
}

#slideshowFlash {
	position:absolute;
	left:24px;
	top:122px;
}


/* FONTS */
#menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bolder;
	color: #990000;
	position:absolute;
	left:28px;
	top:82px;
	
}

#menu a:link,
#menu a:visited {
color: #999999;
text-decoration: none;
}

#menu a:hover,
#menu a.active,
#menu a.active:hover {
color: #ffCC00;
text-decoration: none;
}

.hyper_menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #999999;
	position:absolute;
	left:618px;
	top:12px;
}


#submenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	font-weight:bold;
	position:absolute;
	left:26px;
	top:99px;
}

#submenu a:link, 
#submenu a:visited {
color: #000000;
text-decoration: none;
}

#submenu a:hover,
#submenu a.active,
#submenu a.active:hover {
color: #990000;
text-decoration: none;
}

.hyper_menu a:link {
color: #999999;
text-decoration: none;
}

.hyper_menu a:visited {
color: #999999;
text-decoration: none;
}

.hyper_menu a:hover {
color: #ffCC00;
text-decoration: none;
}

.hyper_menu a:active {
color: #ffCC00;
text-decoration: none;
}