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

body  {
	background-image:url(../_slices/wallpaper_360px-bw.jpg);
	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
}

.twoColFixLtHdr #container {
	width: 962px;
	margin: auto;
	background-image: url(../_slices/bg.png);
	margin-top: 0px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11pt;
	color: #666;
	margin-bottom: 0px;
	line-height: 1.4em;
}
.twoColFixLtHdr #containerFullPage {
	width: 962px;
	margin: auto;
	background-image: url(../_slices/bg-fullpage.png);
	margin-top: 0px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11pt;
	color: #666;
	margin-bottom: 0px;
	line-height: 1.4em;
}
.twoColFixLtHdr #header {
	background-image: url(../_slices/header.png);
	background-repeat: no-repeat;
	height: 150px;
	margin-top: 0px;
} 
.twoColFixLtHdr #flags {
	background-image: url(../_slices/flags.png);
	background-repeat: no-repeat;
	height: 23px;
} 
.twoColFixLtHdr #flagsFullPage {
	background-image: url(../_slices/flags-FullPage.png);
	background-repeat: no-repeat;
	height: 23px;
}
.twoColFixLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 230px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 15px 20px;
}
.twoColFixLtHdr #mainContent {
	width: 500px;
	margin-left: 332px;
	padding: 20px 20px 0px 20px;
} 
.twoColFixLtHdr #mainContentFullPage {
	width: 880px;
	margin:20px auto 20px auto;
} 
.twoColFixLtHdr #footer {
	margin: auto; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	background-image: url(../_slices/footer.png);
	height: 130px;
	background-repeat: no-repeat;
	width: 962px;
	margin-top: 0px;
}
.twoColFixLtHdr #footerFullPage {
	margin: auto; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	background-image: url(../_slices/footer-FullPage.png);
	height: 130px;
	background-repeat: no-repeat;
	width: 962px;
	margin-top: 0px;
}
.twoColFixLtHdr #footer p {
	padding: 26px 40px 20px 40px;
	font-family: Verdana, Geneva, sans-serif;
	color: #999;
	font-size: small;
	text-align: center;
	line-height: 1.5em;
	margin: 0px;
}
.twoColFixLtHdr #footer a:link {
	color: #999;
	font-family: Verdana, Geneva, sans-serif;
}
.twoColFixLtHdr #footer a:visited {
	color: #666;
	font-family: Verdana, Geneva, sans-serif;
}
.twoColFixLtHdr #footer a:hover {
	color: #37004E;
	font-family: Verdana, Geneva, sans-serif;
}

.twoColFixLtHdr #footerFullPage p {
	padding: 26px 40px 20px 40px;
	font-family: Verdana, Geneva, sans-serif;
	color: #999;
	font-size: small;
	text-align: center;
	line-height: 1.5em;
	margin: 0px;
}
.twoColFixLtHdr #address {
	color:#666;
	margin-top: 10px;
	display: block;
	font-weight: 400;
	font-size: 14px;
	}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* Start JHT Styles*/
a {
	text-decoration: none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #422A51;
	font-weight:400;
	}
a:link {
	color: #6A3B95;
	text-decoration: none;
	}
a:visited {
	color: #5E0086;
	text-decoration: none;
}
a:hover {
	color: #37004E;
	font-weight:500;
	text-decoration: none;
}
a:active {
	color: #422A51;
	text-decoration: none;
	border-style: none;
}
h1 {
	display: block;
	color: #360037;
	text-transform: uppercase;
	padding: 10px;
	font-size:18px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-weight: 700;
	-moz-box-shadow: 1px 1px 1px #F3F3F3;
	margin-left: -10px;
	background-color: #FBFBFB;
	width: 510px;
	}
h2 {
	color:#584077;
	font-size:16px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: inline;
	}
h3 {
	color: #6B4F76;
	font-size:15px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0px;
}
hr {
	color: #fff;
	background-color: #fff;
	border: 1px dotted #999;
	border-style: none none dotted;
	margin:25px 0px 40px 0px;
	}

.italics {
	font-style:oblique;
	}
.venue {
	font-weight: bold;
	color: #333333;
	font-size: 16px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.datefloat {
	float: right;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	padding: 0px 0px 0px 20px;
	border-bottom: dotted 1px dotted #666;
}

.imgInBox { 
	border: 1px solid #666666;
	width:inherit;
}
.imgInBoxMargin { 
	border: 1px solid #666666;
	margin-bottom:6px;
	background: #F3F3F3;
	-moz-border-radius: 2px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 2px #999;
}
.imgInBoxMarginPress { 
	border: 1px solid #666666;
	width: 500px;
	margin-bottom:6px;
	background: #F3F3F3;
	-moz-border-radius: 2px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 2px #999;
}

.imageCaptionFloatRight {
	float: right;
	margin:14px 0px 14px 14px;
	padding:8px 8px 8px 8px;
	background: #F3F3F3;
	-moz-border-radius: 2px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 2px #999;
}
.imageCaptionCenter {
	padding:8px 8px 8px 8px;
	background: #F3F3F3;
	-moz-border-radius: 2px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 2px #999;
	margin: 14px 0 14px 0px;
}
.imageCaptionthumb {
	padding:8px 8px 8px 8px;
	background: #F3F3F3;
	-moz-border-radius: 2px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 2px #999;
	margin: 14px 0 14px 0px;
	width: 142px;
	float: none;
}
.piecePacketThumb {
	-moz-border-radius: 2px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 2px #999;
	width: 82px;
	height: 112px;
	}
.captionText {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 10px;
	line-height: 1.3em;
}
.highlight{
	color: #9175CC;
	font-weight: 400;
}
.photocredits {
	color: #999;
}
.venueBlock {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	padding: 14px 0px 18px 0px;
	}
/* Start 3 column Country Thumbs*/
.countries {
	color: #ccc;
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding-left: 6px;
	width:500px;
}
.contries ul {
	float: left; /* width is changed */
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}
.countries ul li {
	float: left;
	width: 126px;
	text-decoration: none;
	padding: 8px; /* left padding moves the text away from the bullet */
	margin: 0px 20px 28px 0px;
	background-color: #F4F4F4;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-weight: 700;
	font-size:12px;
	-moz-box-shadow: 1px 1px 1px #333333;
}
.countries ul li:hover {
	float: left;
	width: 126px;
	text-decoration: none;
	padding: 8px; /* left padding moves the text away from the bullet */
	margin: 0px 20px 28px 0px;
	background-color: #DFDFDF;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-weight: 700;
	font-size:12px;
	-moz-box-shadow: 2px 2px 2px #333333;
}
.imgBoarders{
	width:124x;
	height:124px;
	margin-bottom: 8px;
	border:1px solid #999;
	}
a.countries:link {
	border:dashed #3F0 thick;
	}
a.imgBoarders:link {
	border:dashed #3F0 thick;
	}
.flagSize {
	width:18px;
	height:11px;
	margin-right:10px;
	border: 1px solid #666;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-box-shadow: 1px 1px 1px #CCC;
	}
ul.supporters {
	font-size:12px;
	width: 230px;
	line-height:1.4em;
	list-style:none;
	float:left;
	padding: 0px 0px 18px 0px;
}
.supporters li {
		margin-bottom: 20px;
		border-bottom: dotted #CCC 1px;
		display:block;
}
.supportersRight {
	float: right;
	width: 230px;
	}


ul.searchSchools {
	list-style: none;
	padding: 0px 0px 18px 0px;
	}
.searchSchools li {
	margin-bottom: 20px;
	padding-bottom:8px;
	border-bottom:dotted #CCC 1px;
	display: block;
	}
.flagArea {
	float: left;
	width: 130px;
	}
.flagArea a {
	color:#666;
	}
.schoolLot {
	width: 380px;
	margin-left: 140px;
	}
.schoolName{
	display: block;
	font-weight: 800;
	color:#333;
	}
.schoolName a {
	display: block;
	font-weight: 600;
	color:#333;
	}
.schoolName a:hover {
	display: block;
	font-weight: 600;
	color: #37004E;
	}
	
	
	
	
	
table.center {
	text-align: center;
	}
.saleItems {
	width: 200px;
	height: 200px;
	padding: 8px; /* left padding moves the text away from the bullet */
	margin: 0px 20px 28px 0px;
	background-color: #F4F4F4;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size:12px;
	-moz-box-shadow: 1px 1px 1px #333333;
	border-style: none;
	}
.saleItemsNoSize {
	width: 200px;
	height: 200px;
	padding: 8px; /* left padding moves the text away from the bullet */
	background-color: #F4F4F4;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size:12px;
	-moz-box-shadow: 1px 1px 1px #333333;
	border-style: none;
}

/* End 3 column Country Thumbs*/
/* End JHT Styles*/


</style>[if IE 5]>
<style type="text/css"> 
/* place css box model fixes for IE 5* in this conditional comment */
.twoColFixLtHdr #sidebar1 { width: 230px; }
</style>
<![endif][if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixLtHdr #sidebar1 { padding-top: 30px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
<![endif]