/*	Lafayette Foundation
	css updated 8/10/08 */

/*  Color documentation */
/*
	Header text, e.g. Vintage Aero: #641240
	Background: #b1dff6
*/
	/*	Liquid layout http://matthewjamestaylor.com/blog/perfect-full-page.htm */
* 	/* Set values throughout the site: http://www.strictlycss.com/examples/three-column-layout-10.asp */
{
	padding:0;
	border:0;
	margin:0;
	color:#000;
	text-align:center;
}
html, body
{	
	height:100%;
	min-width:1020px;
	background-image:url(http://www.lafayettefoundation.org/Images/Backgrounds/Background_LightBlue6.jpg);
	font-size:100%; /* http://www.alistapart.com/articles/howtosizetextincss/ */
	line-height:1.125em; /* 16x1.125=18px */
	font-family: georgia, serif; /* new */
	/* overflow:scroll; */
}
.mail {
	text-align:left;
	line-height:1.5em;
}
.mail input, .mail textarea {
	text-align:left;
}
a.andy:link {
	color:#0000FF;
}
a.andy:visited {
	color:#0000FF;
}
a.andy:hover {
	color:#0000FF;
}
a.andy:active {
	color:#0000FF;
}
ul {
    font-size:.9em; /* 16 std x .875 = 14px or 16 x .75 = 12px */    
    margin-left:1.2em;
    font-family:"Book Antiqua", Arial, "Times New Roman";
}
ul.marginL {
	margin-left:4px;
}
ul.dayton {
	margin-left:0;
}
li { text-align:left;
}
#top{
width:1000px;
}
#top2 {
	width:680px;
	margin:auto;
padding-left:10px;
}
/* Tabs ---------------------------------------------------- */
#menu {
	width: 900px; /* need to adjust when adding new menu items */
	margin:auto;
	margin-top:5px;
	padding-left:115px;
}
	ul#tabs {

		list-style-type: none;
		height: 24px;
		top: 0;

	}
	#tabs li {
		float: left;
		margin: 0;
		padding: 0;
		position: relative;
	}
	#tabs li a {
		float: left;
		color: #8d8d8d;
		height: 24px;
		background-repeat: no-repeat;
		text-indent: -1400px;
		background-image:url(../Images/Buttons/LAF_tab_buttons5.gif);
	}
/* ------------------------- HOME button ------------------------- */	
	#tabs li.home a {
		background-position: 0 0;
		width:74px;
		margin-left:5px;
	}
	#tabs li.home a:hover {
		background-position: 0 -24px;
	}
	#tabs li.home a:active {
		background-position: 0 -48px;
	}
	#home #tabs li.home a {
		background-position: 0 -48px;
	}
/* ------------------------- EVENTS button ------------------------- */	
	#tabs li.events a {
		background-position: -778px 0;
		width:65px;
	}
	#tabs li.events a:hover {
		background-position: -778px -24px;
	}
	#tabs li.events a:active {
		background-position: -778px -48px;
	}
	#events #tabs li.events a {
		background-position: -778px -48px;
	}	
/* ------------------------ COLLECTIONS button ------------------ */
	#tabs li.collections a {
		background-position: -150px 0;
		width:90px;
	}
	#tabs li.collections a:hover {
		background-position: -150px -24px;
	}
	#tabs li.collections a:active {
		background-position: -150px -48px;
	}
	#collections #tabs li.collections a {
		background-position: -150px -48px;
	}
/* ------------------------ PLANES button ------------------ */
	#tabs li.planes a {
		background-position: -244px 0;
		width:65px;
	}
	#tabs li.planes a:hover {
		background-position: -244px -24px;
	}
	#tabs li.planes a:active {
		background-position: -244px -48px;
	}
	#planes #tabs li.planes a {
		background-position: -244px -48px;
	}
/* ------------------------ BLOG button ------------------ */
	#tabs li.articles a {
		background-position: -313px 0;
		width:65px;
	}
	#tabs li.articles a:hover {
		background-position: -313px -24px;
	}
	#tabs li.articles a:active {
		background-position: -313px -48px;
	}
	#blog #tabs li.articles a {
		background-position: -313px -48px;
	}
/* ------------------------ LINKS button ------------------ */
	#tabs li.links a {
		background-position: -388px 0;
		width:65px;
	}
	#tabs li.links a:hover {
		background-position: -388px -24px;
	}
	#tabs li.links a:active {
		background-position: -388px -48px;
	}
	#links #tabs li.links a {
		background-position: -388px -48px;
	}
/* ------------------------ PHOTOS button ------------------ */
	#tabs li.photos a {
		background-position: -456px 0;
		width:65px;
	}
	#tabs li.photos a:hover {
		background-position: -456px -24px;
	}
	#tabs li.photos a:active {
		background-position: -456px -48px;
	}
	#photos #tabs li.photos a {
		background-position: -456px -48px;
	}
/* ------------------------ Sponsorship button ------------------ */
	#tabs li.sponsorship a {
		background-position: -521px 0;
		width:90px;
	}
	#tabs li.sponsorship a:hover {
		background-position: -521px -24px;
	}
	#tabs li.sponsorship a:active {
		background-position: -521px -48px;
	}
	#sponsorship #tabs li.sponsorship a {
		background-position: -521px -48px;
	}
/* ------------------------ Tours button ------------------ */
	#tabs li.tours a {
		background-position: -710px 0;
		width:68px;
	}
	#tabs li.tours a:hover {
		background-position: -710px -24px;
	}
	#tabs li.tours a:active {
		background-position: -710px -48px;
	}
	#tours #tabs li.tours a {
		background-position: -710px -48px;
	}
/* ------------------------ Store button ------------------ */
	#tabs li.store2 a {
		background-position: -85px 0;
		width:64px;
	}
	#tabs li.store2 a:hover {
		background-position: -85px -24px;
	}
	#tabs li.store2 a:active {
		background-position: -85px -48px;
	}
	#store2 #tabs li.store2 a {
		background-position: -85px -48px;
	}
/* ------------------------ Contact Us button ------------------ */
	#tabs li.contact a {
		background-position: -612px 0;
		width:90px;
	}
	#tabs li.contact a:hover {
		background-position: -612px -24px;
	}
	#tabs li.contact a:active {
		background-position: -612px -48px;
	}
	#contact #tabs li.contact a {
		background-position: -612px -48px;
}
/* ------------------------------ MENU ---------------------------- */
#wrapper {
	margin: 0 auto -80px; /* http://ryanfait.com/sticky-footer */
	text-align:center;
	overflow:visible;	/*	chop off any hidden div content */
	width:100%;
	min-height:100%;
	height:100%;
	height:auto !important;
}
/* -------------------------------- DAYTON --------------------- */
#leftCol {
	width:500px;
	float:left;
	margin:0;
	padding:1em;
}
#EAA {
border: 1px solid #641240;
padding:.2em;
}
#stars {
font-size:1.5em;
color:#1010FC;
}
#daytonContent {
		clear:both;
		min-width:1000px;
		/* max-width:1200px; */
		margin-left: auto;
		margin-right: auto;
}
#dayton_head {
	margin-top:.5em;
	width:1000px; /* Use of min-width doesn't allow one to center content */
	margin-left:auto;
	margin-right:auto;
}
#dayton_return {
	float:left;
}
#dayton_menu {
	padding-top:3em;
margin:auto;
}
#dayton_poster {
	padding-right:.5em;
	float:left;
}
#dayton_vafmText {
	margin-left:500px;
padding:1em;
}
.padRight {
padding-right:10px;
}
.slideshow {
	text-align:center;
	margin-top:50px;
}

/* -------------------------------- END OF DAYTON -------------------------------------------- */
#text-box {
	float:left;
	width:900px;
	padding:3px;
	margin-bottom:10px;
	overflow:hidden;
	background:#641240;
}
#rnd_container {background: #641240; margin:1px;}
    
    .rnd_top, .rnd_bottom {display:block; background:#641240; font-size:1px;}
    .rnd_b1, .rnd_b2, .rnd_b3, .rnd_b4 {display:block; overflow:hidden;}
    .rnd_b1, .rnd_b2, .rnd_b3 {height:1px;}
    .rnd_b2, .rnd_b3, .rnd_b4 {background:#B6E0F8; border-left:1px solid #FFFF00; border-right:1px solid #FFFF00;}
    .rnd_b1 {margin:0 5px; background:#FFFF00;}
    .rnd_b2 {margin:0 3px; border-width:0 2px;}
    .rnd_b3 {margin:0 2px;}
    .rnd_b4 {height:2px; margin:0 1px;}
    
    .rnd_content {
    display:block;
    border:0 solid #FFFF00;
    border-width:0 1px;
    padding: 4px;
    background:#B6E0F8;
    color:#000000;
}
#featureL {
float:left;
width:100px;
display:inline;
}
#featureC {
float:left;
width:650px;
margin-left:20px;
border:1px solid black;
margin-bottom:-15px;
}
#featureR {
float:right;
width:100px;
display:inline;
}
#SponsorL {
float:left;
width:450px;
display:inline;
}
#SponsorR {
margin-left:450px;
width:450px;
}
#centerWebmaster {
padding-left:200px;
}
.FBfoot {
position:relative;
top:18px;
left:-20px;
}
.blogFoot {
position:relative;
top:18px;
left:-15px;
}
.paypal {
    float:right;
    position:relative;
    top:-36px;
    right:90px;
}
#logo {
	float:right;
	position:relative;
	top:-65px;
right:90px;
}
.paypalText {
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.1em;
	color:#641240;
    line-height: 1.1em;
/*    text-align:center; */
	margin-top:0;
}
.displayINLINE {
	display:inline;
}
.flyIn {
    font-size:1em;
    font-family:"Book Antiqua", Arial, "Times New Roman";
    line-height:1.125em;
    margin: .4em .5em .8em .5em;
    text-align:left;
}
#Rcol {
    float:right;
    width:410px;

}
#points {
    margin-left:auto;
    margin-right:auto;
margin-top:30px;
    width:410px;

}
#L_event {
margin-left:30px;
    width:160px;
}
#R_event {
float:right;
margin-right:10px;
    width:180px;
}
#Info {
    clear:both;
margin-left:0px;
    width:410px;
}
#Sponsor {
    clear:both;
    width:900px;
    margin-left:auto;
    margin-right:auto;
}
.SpecialMsg {
font-size:1.5em;
font-style:italic;
margin:auto;
text-align:center;
color:#0000ff;
}
.colorRed {
	color:#641240;
}
.push {
	clear:both;	
	height:80px; /* must be same height as footer & margin in #wrapper */
}
#pilotHeader {
	font-family:Arial, "Book Antiqua", Times, serif;
	font-size:1.1em;
	color:#641240;
	font-style:italic;
	font-weight:bold;
	line-height:4em;
}
p, p.std {
	font-size:.9em; /* 16 std x .875 = 14px or 16 x .75 = 12px */
	font-family:"Book Antiqua", Arial, "Times New Roman";
	line-height:1.125em;
	margin: .4em .5em .8em .5em;
	text-align:left;
}
p.DVD {
	font-size:1em;
	font-family: "Times New Roman";
	line-height:1.125em;
	margin: .4em .5em .8em .5em;
	text-align:left;
}
p.video {
	font-size:1em;
	font-family:"Book Antiqua", Arial, "Times New Roman";
	line-height:1.125em;
	margin: .4em .5em .8em .5em;
	text-align:left;
}
.ctrColton {font-size:70px;
}
.colton {
	font-size:1em;
	font-family:"Book Antiqua", Arial, "Times New Roman";
	line-height:1.3em;
	margin: auto;
	text-align:left;
}
p.std.pilotintro {
font-size:1.1em;	
	color:#641240;
}
p.speaker {
	font-family:"Times New Roman", Times, serif;
	font-size:1em;
}
#roundelWelcome {
	width:800px;
    margin-left:auto;
    margin-right:auto;
}
#planeRow {
	width:800px;
    margin-left:auto;
    margin-right:auto;
}
#SponsorRow {
	width:320px;
    margin-left:auto;
    margin-right:auto;
}	
.floatLPlane {
    float:left;
    width:160px;
}
.floatLsponsor {
	float:left;
	width:160px;
}
.marginTop {
	padding-top:2em;
}
#roundel {
		clear:both;
}
#planeMontage {
	margin:auto;
	min-width:800px;
}
#roundelContainer {
	width:431px;
	margin:0 auto;
}
#planeContainer {
	clear:both;
	background-image:url(../Images/Planes/BT-13A/Background5.gif);
	min-height:464px;
	width:800px;
	margin:auto;
}
#planeContainerD8 {
	clear:both;
	background-image:url(../Images/Planes/D-VIII/D8bkgrnd30.gif);
	min-height:462px;
	width:800px;
	margin:auto;
}
#planeContainerDr1 {
	clear:both;
	/* background-image:url(../Images/Planes/DR.I/dr1_40.gif); */
	min-height:454px;
	width:800px;
	margin:auto;
}
.homeL {
	width:400px;
	float:left;
	text-align:left;
	padding-top:1em;
	margin-left:0px; /* adjustment for donation button */
}
.homeR {
margin-left:-50px;
}
.homeH2 {
color:#641240;
}
p.home {
	font-size:1em;
	font-family:"Book Antiqua", Arial, "Times New Roman";
	line-height:1.2em;
	/* [disabled]padding: 0.2em; */
	text-align:left;
	margin-bottom:0;
}
p.homeBtm {
	margin-bottom:1em;
}
.ssPro {
text-align:left;
margin-left:160px;
}
.ssPro2 {
text-align:left;
}
.ctrImg {
padding-left:10px;
}
#ssProHome {
	margin-left:450px;
	padding-left:.1em;
}
#flashcontent {visibility:hidden}
#flashcontent {position:absolute; width:480px; height:470px;} /* height +150 for wet floor & gallery title/desc height */
#flashcontent object {position:absolute}
#flashcontent2 {visibility:hidden}
#flashcontent2 {position:relative; width:480px; height:470px; margin-top:-10px;} /* height +150 for wet floor & gallery title/desc height */
#flashcontent2 object {position:absolute}
#flashcontent3 {visibility:hidden}
#flashcontent3 {position:relative; width:480px; height:360px; margin-top:0px; left:40px;} /* height +150 for wet floor & gallery title/desc height */
#flashcontent3 object {position:absolute}
#flashcontentDefault {visibility:hidden}
#flashcontentDefault {position:relative; width:480px; height:360px; margin-top:10px; margin-left:5px;} /* no wet floor nor gallery title/desc height in this case */
#flashcontentDefault object {position:absolute}
#flashcontentPicVid2 {visibility:hidden}
#flashcontentPicVid2 {position:relative; width:800px; height:600px; margin-top:10px; margin-left:5px;} /* no wet floor nor gallery title/desc height in this case */
#flashcontentPicVid2 object {position:absolute}

#BT_profile {
	/* padding:52px 0; */
}
#dr1_profile {
	border:2px solid #993108;
}
li.store {
	list-style-image:url(../Images/Buttons/RedCircle16x16.gif);
	color:#03F;
	text-align:left;
	margin-left:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
}
#PayPalGif a:link, #PayPalGif a:visited {
	float:left; 
	position:relative; top:-90px; left:520px;
  	width: 97px; height: 50px; padding-top: 13px; text-align: center;
  	background:url(../Images/Other/btn_buynow_97x50trans.gif) top no-repeat;
	z-index:10;
}
#footer2 {
	position:relative;
	clear:both;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.7em;
    line-height: 1.2em;
	height:90px; /* must be same height as in .push & #wrapper */
}
#showfooter {
	position:relative;
	top:410px;
	overflow:visible;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.7em;
    line-height: 1.2em;
	height:60px; /* must be same height as in .push & #wrapper */
}
#header {
	clear:both;
	text-align:center;
	font-size:90%;
	margin: 0 auto;
	overflow:hidden;	/*	chop off any hidden div content */
	width:80%;
	/* border-bottom:1px solid #641240; */
}
#mainContent {
		min-width:700px;
		max-width:900px;
		margin-left: auto;
		margin-right: auto;
}
#mainContentHome {
		min-width:700px;
		max-width:980px;
		margin: auto;
		padding-left:120px;;
}
#mainContent.sponsor {
	min-width:900px;
	max-width:1200px;
}
#column1, column2, column3 {
	float:left;
	padding-right:5px;
}

#webmaster {
	font-size:.95em;
	}
/* ----------------------------- ELEMENTS --------------------------- */
a:link {
	color:#641240;
	font-size:.875em;
	text-decoration: none;
	font-family:georgia, serif;
}
#mapList {
	margin: 2em;
	width: 600px;
	padding: 5px;
}
#MapGif a:link, #MapGif a:visited {
	float:left; 
	position:absolute; top:1px; left:65px;
  	width: 65px; height: 52px; padding-top: 13px; text-align: center;
  	background:url(../Images/Other/Map.gif) top no-repeat;
	z-index:10;
}
#MapGif a:hover {
	background-position: bottom;
}
#MailGif a:link, #MailGif a:visited {
	float:left;
	position:relative;
top:75px; left:-47px;
  	width:100px; height:47px; 
  	background:url(../Images/Other/email2.gif) top no-repeat;
	z-index:10;
}
#paypalTop {
    float:left;
    position:relative;
    top:150px;
    left:15x;
	font-size:.8em;
}
#paypalContact {
    float:left;
    position:relative;
    top:10px;
	left:80px;
	font-size:.9em;
}
#topFB {
	position:relative;
	top:6px;
}

#WhatsNew{
   float:left;
   font-family:Arial, Helvetica, sans-serif;
   font-size:.9em;
   position:absolute; top:60px; left:0px;
   margin-top: 10px; text-align: center;
   padding:0px;
}
.newsLink a:link {
color:#0000FF;
font-size:.9em;
}
a:link .underline {
text-decoration:underline;
}
.newsLink a:link .underline {
text-decoration:underline;
color: #641240;
}
a:visited {
	color:#641240;
	text-decoration:none;
}
.newsLink a:visited {
color: #0000FF;
font-size:.9em;
}
a:hover {
	text-decoration:underline;
	color:#0000FF;
}
.newsLink a:hover {
color: #0000FF;
}
a:active {
	color:#0000FF;
	text-decoration:underline;
}
.newsLink a:active {
color: #0000FF;
text-decoration:underline;
}
.float {
  float: left;
  }
.floatR {
	float:right;
}
.imgR {
	padding-right:.4em;
}
.floatL {
	float:left;
}
.BTbackground {
	background-image:url(../Images/Planes/BT-13A/Background2.gif);
	width:700px;
	height:406px;
}
div.float p {
   text-align: center;
   }

h1 {
	font-size: 2.2em;
	font-weight:normal;
	margin-top:0em;
	margin-bottom:0em; /* both set to zero for IE bug */
}
h1.std {
	font-size: 1.8em;
	line-height:1em;
	color:#641240;
}
.everyDonation {
margin-top:-20px;
position:relative;
top:-10px;
}
h1.sponsor {
font-size:1.6em;
line-height:1.6em;
color:#641240;
position:relative;
top:-15px;
margin-bottom:-10px;
}
.red641240 {
	font-size: 1.8em;
	line-height:1.1em;
	margin:.1em 0 .2em 0;
	color:#641240;
}
h1.speaker {
font-size: 1.5em;
line-height:1.8em;
margin:0;
}
h1, h2, h3 .collection {
	margin: .8em 0em 0em 0em;
	padding:0;
}
h2 {
line-height:1.125em;
font-size: 1.4em;
margin: .2em 0em .4em .2em;
}
h3.speaker {
text-align:center;
font-size:1.2em;
font-weight:normal;
}
h3 {
font-family:"Courier New", Courier, monospace;	
font-size: .8em;
	margin: .3em 0 0 .5em;
	text-align:left;
	font-weight: bold;
	}
h3.bottom {margin-bottom:.5em;}
img {
	padding: .2em .6em .2em .2em;
}
h4.speaker {
color:#641240;
padding:.5em 0 1em 0;
}
h4 a:link {
	color:#03F;
	text-decoration:underline;
}
.imgAdj {
	margin:0;
	padding:0;
}
.imgUnderConst {
	padding-top:10px;
}
.imgAdjDn {
	margin:0;
	padding:0;
	position:relative;
	top:3px;
}
.imgAdjDn2 {
	margin:0;
	padding:0;
	position:relative;
	padding-right:2px;
}
p {
	font-size:.9em;
	font-family:"Book Antiqua", Arial, "Times New Roman";
	line-height:1.125em;
	margin: .4em .5em .8em .5em;
	text-align:left;
}
.news {
color:#641240;
font-size:1em;
text-align:left;
}
.fixColor {
	color:#0000FF;
}
p.imgTxt {
	font-size:1em;
	padding-top:5px;
	line-height:132px;
}
p.newsTxt {
font-size:1em;
padding:.5em;
}
.fixKitplanes {
position:relative;
top:15px;
}
.fixEAA {
position:relative;
top:30px;
}
.imgStd {
	margin:0;
	padding-right:5px;
	padding-bottom:5px;
}
p.const {
	font-size:1em;	
	color:#641240;
}
p.collection {
	padding:0;
	margin: .4em 0em .83em 0em;
}
li.test {
	margin-left:0;
	text-align:left;
	list-style-position:inside;
	padding-left:1em;
}
/* ----------------------------- CLASSES --------------------------- */
.linkTxt {
	line-height:115px;
}
.eventTxt {
    line-height:100px;
font-size:1.2em;
padding-left:1em;
}
.linkTxt2 {
	line-height:35px;
}
p.tall { line-height:1.3em;}
.strong { font-weight:bold;}
.capital {
	font:70px/50px "Book Antiqua", Arial, "Times New Roman";
	color: #641240;
	background: #B6E0F8;
	border: 1px solid #641240;
	padding: 5px 5px 2px 4px;
	margin: 2px 5px 0 5px;

	float: left;
}
.leadIn {
	font-family:"Book Antiqua", Arial;
	color:#641240;
	font-size:1.2em;
	font-style:italic;
}
.caption {
	font-family:"book antiqua", Arial, sans-serif;
	font-size:.8em;
	color:#641240;
	text-align:center;
}
.borderTestBlack {
    border:1px solid black;
}
.borderTestRed {
	border:1px solid #641240;
}
.clearDiv {
	clear:both;
}
.hatDiv {
position:relative;
top:-30px;
}
.button {
	position:relative;
	top:8px;
	padding-right:1em;
}
.blueText {
	color:#03F;
}
.shortPara {
	margin-bottom:-12px;
}
.priceBlack {
	color:#000;
	font-size:.85em;
}
.store {
		width:800px;
		margin:0 auto;
}
.clear {
	clear:both;
}

#orderHead {
	width:500px;
	text-align:center;
	margin:auto;
}
#directions {
	font-family:georgia, serif;
	font-size:1em;
	margin: 0 auto;
	text-align:center;
	width: 600px;
	padding: 5px;
}
.orderInstruct {
	font-family:"Times New Roman", Times, serif;
	font-size:.85em;
	color:#03F;
	text-align:left;
}
#orderDetail {
	width:500px;
	margin:auto;
	text-align:left;
}
.orderButton {
	padding-right:2px;
	position:relative;
	top:-8px;
}
.atest {
color:#03f;
}
.orderText {
    font-family:"Times New Roman", Times, serif;
	font-size:.85em;	
    color:#03F;
	text-align:left;
}

.center {
	text-align:center;
	margin:0; padding:0;
}
.centerDiv {
    margin:0 auto;
width:900px;
}
.contact a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size:xx-small;
}
.contact a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:xx-small;
}
.contact a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size:xx-small;
}
.contact a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size:xx-small;
}
.imgleft {
	padding:10px;
	border:none;
	float:left;
}
.imgright {
	padding:10px;
	border:none;
	float:right;
}
li.park {
	color:#FF0000;
	list-style:circle;
}
.photo {
	padding:5px;
}
.roundelImage {
	padding-left:7px;
	padding-right:7px;
}
/* ----------------------------------- Hoverbox store section --------------------------------- */
.storeHead {
	font-family:"Book Antiqua", Arial, "Times New Roman";
	color:#641240;
	font-size:1.2em;
	margin:auto;
	text-align:center;
}
.hoverbox
{
	cursor: pointer;
	list-style: none;
}
.hoverbox a
{
	cursor: default;
}
.hoverbox a .preview
{
	cursor: pointer;
	display: none;
}
.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -165px;
	left: -80px;
	z-index: 1;
}
.hoverbox img
{
	background:none;  /* was #FFF */
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	/* padding: 2px; */
	vertical-align: top;
	width: 90px;
	height: 90px;
}
.hoverbox li
{
	background:none; /* was #eee; */
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	display: inline;
	/* float: left; */
	margin: 0px;
	padding: 0px;
	position: relative;
}
.HatCenter {
	width:800px;
	margin:auto;
}
.StoreCenter {
	width:800px;
	margin:auto;
}
.TStoreCenter {
	width:390px;
	margin:auto;
}
.TBackStoreCenter {
	width:400px;
	margin:auto;
}
.CupStoreCenter {
	width:400px;
	margin:auto;
}
.ShirtCenter {
	width:35px;
	margin:0;
}
.TShirtCenter {
	width:3px;
	margin:0;
}
.PadRightShirt
{
	width:20px;
	margin:0;	
}
.PadHat {
	width:60px;
	margin:0;
}
.PadRightTShirt
{
	width:10px;
	margin:0;
}
p.right {
	width:40px;
	margin:0;
}
.hoverbox .preview
{
	border-style: solid;
	border-width: 1px; 
	border-color: #ccc;
	width: 250px;
	height: 250px;
}
/* Plane Image Hover --------------------------------------------------------- */
.plane {
/* adjust std ul margin-left */
margin-left:.8em;
list-style:none;
}
.imageBox
{
	cursor: pointer;
	list-style: none;
	padding-right:.2em;
	border:none;
	margin-top:-2px; /* fix top margin issue w/ ensuing text */
}
.imageBoxPad {
	padding-top:6px;
}
.imageBox a
{
	cursor: default;
}
.imageBox a .preview
{
	cursor: pointer;
	display: none;
}
.imageBox a .previewL
{
	cursor: pointer;
	display: none;
}
.imageBox a .previewUP
{
	cursor: pointer;
	display: none;
}
.imageBox a .previewDN
{
	cursor: pointer;
	display: none;
}
.imageBox a:hover .preview
{
	display: block;
	position: absolute;
	top: -100px; /* Opera browser has an issue with top position */
	left: 0px;
	z-index: 1;
}
.imageBox a:hover .previewL
{
	display: block;
	position: absolute;
	top: -180px; /* Opera browser has an issue with top position */
	left: -200px;
	z-index: 1;
}
.imageBox a:hover .previewUP
{
	display: block;
	position: absolute;
	top: -132px; /* Opera browser has an issue with top position */
	left: 0px;
	z-index: 1;
}

.imageBox a:hover .previewDN
{
	display: block;
	position: absolute;
	top: 0px; /* Opera browser has an issue with top position */
	left: 0px;
	z-index: 1;
}
.imageBox img
{
	background:none; 
	color: inherit;
/* position:relative; */
vertical-align: top;
	width: 150px;
	height: 100px;
padding-top:1em;
}
.imageBox li
{
	background:none;
	color: inherit;
	display: inline;
	position: relative;
}
.imageBox .preview
{
	width: 350px;
	height: 232px;
}
.imageBox .previewL
{
	width: 350px;
	height: 232px;
}
.imageBox .previewUP
{
	width: 350px;
	height: 232px;
}
.imageBox .previewDN
{
	width: 350px;
	height: 232px;
}
/* ---------------------------- 3 COLUMN LAYOUT STUFF -------------------------------- */
.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.columnCtr,
	.columnLeft,
	.columnRight {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		/* background:#eee; */		/* right column background colour */
	}
	.threecol .colmid {
		right:39%;			/* width of the right column */
	}
	.threecol .colleft {
		right:33%;			/* width of the middle column */
	}
	.threecol .columnCtr {
		width:34%;			/* width of center column content (column width minus padding on either side) */
		left:105%;			/* 100% plus left padding of center column */
	}
	.threecol .columnLeft {
		width:32%;			/* Width of left column content (column width minus padding on either side) */
		left:38%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .columnRight {
		width:32%;			/* Width of right column content (column width minus padding on either side) */
		left:73%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}