/*
------------------------------------------------
File: SJHS.css
St John Historical Society CSS Rules
Version:	September 2009
-----------------------------------------------*/

body {
  margin: 0;
  padding: 0;
  color: black;
  background-color: rgb(219,200,172);
	background-image: url(../JPGs/bk-home.jpg); 
  font-family: "Times New Roman", Times, serif; 
  font-size: 100%;
  font-weight: bold;
	text-align:center;
	min-width:770px;
}
#wrapper {
	margin: 0 2%;
	text-align:left;
}
	
#content {margin: 0 264px 0 0;}

#content h2 {
  background-color: #caae84;
	color:#663333;
	padding: 0.2em;
  font-size: 110%;
}
#content h3 {
	text-align:center;
	color:#663333;
	padding: 1.0em 0 0.2em 0;
	font-size: 120%;
}
#content em { font-style:italic; font-weight:bold;}
#content.limited li ul {list-style:inside disc;}
#content.limited li ul li {margin:3px 0;}#SJHSBoard-Outline {
	margin: 10px auto;
	padding: .5em; 
	width: 400px; height:0px;
	background-color: #eee;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #333;
	border-left: solid 1px #404040;
	overflow: hidden; 
}

.featureSB {
	float:left;
	width:100px;
	padding:5px 0;
}
.featureSB img { border:1px solid black; padding:1px;}
.feature {
	margin-left:125px;
}
.feature ul {list-style:inside disc;}
.feature ul li {margin:3px 0;}

#footer {
  clear: both;
  font-size: 90%;
	padding-top:2px;
}
#footer address {
  font-weight: bold;
}
#LastModified { 
	margin-right: 2em;
	float: right;
	color: gray;
	}

#banner {
	margin-bottom: 2px;
	}
#banner img {
 float: left;
 margin: 0 20px 10px 0;
 padding: 0;
}

#banner-text {
  margin: 0 0 0 120px;
}

#banner h1 { font-size: 190%; 	color:#663333;
}
#banner h2 {
  font-style: italic;
	font-weight:bold;
  font-size: 90%;
	color:#663333;
}
#searchDIV {
/*  Fix for IE, problems directing mouseover/focus events to floating <input> control  */
	position:absolute;
	top:0;
	right:40px; 
	text-align:right;
/* 	
	float:right;
	margin-right:40px;
*/
	}	
/* Primary navigation list */
.navigationBar {margin:0; padding:3px 0; border-bottom: 2px solid black;  font-weight: bold; font-size: 70%;}
.navigationBar li {list-style: none; margin: 0; display: inline;}
.navigationBar li a {padding: 3px 0.1em; margin-right: 1px; border: 1px solid black; border-bottom: none; background: #caae84; text-decoration: none;}
.navigationBar li a:hover {text-decoration: underline;}
.navigationBar li.current a { color: #caae84; background: black; border-bottom: 1px solid black;}
.navigationBar li.NotSupported a { background-color: rgb(219,200,172); color: gray; text-decoration:line-through;}
.navigationBar li.NotSupported a:hover {cursor:default;}
.navigationBarEnd {}

.navigationBar2 {margin:0;; padding:5px 0;  width:100%; background-color:black;}
.navigationBar2 ul {list-style:none; text-align:left;	font-weight:bold;	margin-left:40px; width:300px;}
.navigationBar2 li {font-size: 12px; margin: 2px;}
.navigationBar2 li a {text-decoration: none; background-color:#666666; color:#caae84; border-style:solid; border-width:2px; border-color: #cccccc #333333 #333333 #cccccc; display:block; width:100%; padding: 5px;}
.navigationBar2 li a:hover {text-decoration: underline; background:transparent; border-color:#333333 #999999 #999999 #333333;}
.navigationBar2 li.current a {color: #caae84; background:transparent; border-color:#777777 #dddddd #cccccc #999999; }
.navigationBar2 li.current a:before {content: "> "}

.navigationBar3 ul {list-style:none; text-align:left;	font-weight:bold;	 margin-left:30px; width:300px;}
.navigationBar3 li.notCurrent a {text-decoration: none; background-color:#888888; color:#caae84; border-style:solid; border-width:2px; border-color: #cccccc #333333 #333333 #cccccc; display:block; width:100%; padding: 5px;}
.navigationBar3 li.notCurrent a:before {content: ""}
.navigationBar3 li a:hover {text-decoration: underline; background:transparent; border-color:#333333 #999999 #999999 #333333; }
.navigationBar3 li.current a {color: #caae84; background:transparent; border-color:#777777 #dddddd #cccccc #999999; }

.navigationBar4 ul {list-style:none; text-align:left;	font-weight:bold;	margin-left:30px; width:300px;}
.navigationBar4 li.notCurrent a {text-decoration: none; background-color:#888888; color:#caae84; border-style:solid; border-width:2px; border-color: #cccccc #333333 #333333 #cccccc; display:block; width:100%; padding: 5px;}
.navigationBar4 li.notCurrent a:before {content: ""}
.navigationBar4 li a:hover {text-decoration: underline; background:transparent; border-color:#333333 #999999 #999999 #333333; }
.navigationBar4 li.current a {color: #caae84; background:transparent; border-color:#777777 #dddddd #cccccc #999999; }


#sideBar {
  float: right;
  width: 250px;
	padding: 5px;
	border: 1px solid black;
	overflow:hidden;
}

#sideBar h3 {
  font-size: 120%;
  font-weight: bold;
  padding: 0.2em 0;
	color:#663333;
}

#sideBar ul {
  list-style-type: disc;
  padding-left: 1em;
}

#sideBar li {padding:3px 0;}
#sideBar li img { float:left; }
#blurb img { border:1px solid black; padding:1px;}

/* navlist class *
*************************/
.navlist {
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
}
.navlist li {
	float: left;
	margin: 0 .5em 0 -.5em;
	padding: 0 .5em 0 .5em;
}


.NotSupported a { background-color: rgb(219,200,172); color: gray; text-decoration:line-through;}
.NotSelected {display: none;}
.NotVisible {	visibility: hidden; }
.clear {clear: both;}
.clearleft {clear:left;}
.clearright {clear:right;}
.evenRow { background-color:#caae84;}
.oddRow { background-color:rgb(219,200,172);}

.clear { clear:both; height:1px; }

/* index.htm */
#LimitedFunctionsDIV ul {list-style-type: disc; list-style-position:inside}

#FullFunctionLoading  { margin: 2em auto; text-align:center;}
#FullFunctionLoading p { font-weight:bold; font-size:110%; }
#FullFunctionLoading img { display:block; margin: 2em auto; background-color:rgb(219,200,172);}

/* Navigation Slide Show */
#navWrap {
	margin: 5px auto;
}

#NavImage {	height:260px; }
	
#mainImage {	
	width: 100%;	height: 100%;	/* Safari hack to avoid Salvador Dali effects */
}

#NavImageDetails {
	float:left;  
	margin-left: 20px;
	width:240px; /* If details wrap, then reduce value */
  padding: 0 5px 0px 0px;
}

/* Centerpiece image
margin: 0 auto; display:block;  will center images!!! */
div.centerpiece {
  margin: 5px auto;
	text-align: center;	
}
div.centerpiece img {
	margin:0 auto;
	display:block;
	border: 2px solid black;
	padding: 0.2em;
	background-color:white;
}
div.centerpiece h2 {
  font-size: 110%;
	font-weight: bold;
	color:#663333;
}
div.centerpiece h3 {
  font-style: italic;
  font-size: 100%;
	font-weight: bold;
	color:#663333;
}

/* Events */
#EventCalendar {
	margin: 10px 0;
	text-align:center;
}

#EventCalendar h1 {
	font-size: 160%;
	line-height:2em;
	color:#663333;	
}

/* EventCalendar SideBar menu for LIMITED */
#EventProgramSB {
	margin: 5px auto;
	width:200px;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

#EventProgramSB li {
  background-color: #caae84;
  font-weight: bold;
	font-size: 120%;
	text-align:left;
	padding:5px;
	border-bottom: 1px solid black;
}

/* EventCalendar SideBar menu for FULL */
#EventProgramSB2 {
	position:absolute; 
	top:80px; left:20px;
	margin: 5px 0;
	width:150px;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

#EventProgramSB2 li {
  background-color: #caae84;
  font-weight: bold;
	font-size: 120%;
	text-align:left;
	padding:5px;
	border-bottom: 1px solid black;
}
#EventProgramSB2 li.itemHover {
	text-decoration: underline;
	cursor: pointer;
} 

#EventProgramSB2 li.itemSelected {
	color: #caae84;
	background-color:black;
	}
#EventProgramSB2 li.Selected {
	color: #caae84;
	background-color:black;
	}

#EventCalendar.centerpiece {
  margin: 5px 0;
	text-align: center;	
}
EventCalendar.centerpiece img {
	display:block;
	border: 2px solid black;
	padding: 0.2em;
	background-color:white;
}
EventCalendar.centerpiece h2 {
  font-size: 110%;
	font-weight: bold;
	color:#663333;
}
EventCalendar.centerpiece h3 {
  font-style: italic;
  font-size: 100%;
	font-weight: bold;
	color:#663333;
}

#EventCalendar h2 {
	font-size: 120%;
	color:#663333;	
	line-height:2em;
	}
#EventCalendar h3 {
	font-size: 100%;
	padding: 2px 0;
	font-weight:bold;
	}
#EventCalendar p {
	font-weight: bold;
	}	
#EventCalendar em {
	font-weight: bold;
	font-style:italic;
}
	
#EventProgramContent {
	margin:0 auto;
	text-align:left;
	}
#EventProgramContent h1 { 
	font-size:180%;
	padding: 5px 0 0 0;
	}
	
#EventProgram h2 {
	font-size:140%;
	padding:10px 0 6px 0;
	text-align:center;
	color:black;
	}

#EventProgram h3 {
	font-size: 110%;
	font-weight: bold;
	padding:2px 5px;
}

#EventProgram ul { border:1px solid black;}
#EventProgram em {font-style:italic; font-weight:bold;}
#EventProgram p { padding: 2px;	}
	
/* Map */
/* See imported file for IE */
#MainContentWrapper {height:70%;}
#MapIntro h1 { text-align:center; font-size:110%; font-weight:bold; padding: 0.5em 0 0 0;}
#MapContent {
	position:relative; top:0px; left:0px; 
	margin:5px auto; 
	width:100%; height:88%;
}
#OxholmSideBar {
	position:absolute; top:0px; left:0px; 
  width: 20%;
	height:100%;
	overflow:auto;
	padding: 5px;
	border: 1px solid black;
}
#map {
	position:absolute; top:0px; left:22%;
	margin: 0;
	width:75%; height:100%;
	border: 5px solid #663333;
}

#Controls {
	position:absolute; top:10px; left:35%; z-index:50; 
	width:180px; padding:5px; 
	border: 1px solid #663333; 
}
#Controls h3 { margin-top:10px; }

/* Map connections */
#MapConnectionHeading {
	margin:0 auto;
	text-align:center;
}
#MapConnectionHeading h1 { margin: 1em 0; font-size:180%; font-weight:bold; }


/* Connections */
#Connections h1 {
	text-align:center;
	font-size: 200%;
	line-height:2em;
	color:#663333;	
}
#Connections h2 {
  font-size:110%; font-weight:bold; line-height: 2em;
}

/* Articles */
#ArticleIndex {
	margin: 10px auto;
	width:100%;
	text-align:center;
	
}

#ArticleIndex h1 {
	font-size: 160%;
	line-height:2em;
	color:#663333;	
}
#ArticleIndex h2 {
	font-size: 120%;
	font-weight: bold;
	color:black;
	}

/* ArticleIndex SideBar menu */
#ArticleIndexSB {
	margin: 5px auto;
	width:200px;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

#ArticleIndexSB li {
	display:block;
  background-color: #caae84;
  font-weight: bold;
	font-size: 120%;
  text-decoration: none;
	border-bottom: 1px solid black;
}
#ArticleIndexSB2 {
	position:absolute; 
	top:80px; left:20px;
	margin: 5px 0;
	width:180px;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

#ArticleIndexSB2 li {
  background-color: #caae84;
  font-weight: bold;
	font-size: 120%;
	text-align:left;
	padding:5px;
	border-bottom: 1px solid black;
}
#ArticleIndexSB2 li.itemHover {
	text-decoration: underline;
	cursor: pointer;
} 

#ArticleIndexSB2 li.itemSelected {
	color: #caae84;
	background-color:black;
	}
#ArticleIndexSB2 li.Selected {
	color: #caae84;
	background-color:black;
	}

#ArticleIndex.centerpiece {
  margin: 5px 0;
	text-align: center;	
}
ArticleIndex.centerpiece img {
	display:block;
	border: 2px solid black;
	padding: 0.2em;
	background-color:white;
}
ArticleIndex.centerpiece h2 {
  font-size: 110%;
	font-weight: bold;
	color:#663333;
}
ArticleIndex.centerpiece h3 {
  font-style: italic;
  font-size: 100%;
	font-weight: bold;
	color:#663333;
}

#ArticleIndex table {
	margin:0 auto;
	width:80%;
	text-align:left;
	border: 1px solid black;
}
#ArticleIndex th {
	color:#caae84;
	background-color:black;
	font-size: 110%; font-weight:bold;
	padding: 5px;
	}
#ArticleIndex th.itemHover {
	cursor:pointer;
	}
#ArticleIndex tr {
	font-weight:bold;
	font-size: 90%;
}

#ArticleIndex td {
	padding: 4px;
	}

#ArticleIndex em {
	font-style:italic;
	font-weight:bold;
	}
	
#ArticleIndex ul li { padding-bottom:10px; }

#ArticleIndex img.border { border: 1px solid black; }
/* End ArticleIndex */

/* ArticleContent */
#ArticleContent {
	margin: 2em 5%;
	font-weight: bold;
}
#ArticleContent h1 {
	font-size: 180%;
	line-height: 2em;
}
#ArticleContent h2 {
	font-size: 160%;
	text-align:center;
}
#ArticleContent h3 {
	font-size: 120%;
	text-align:center;
}
#ArticleContent h4 {
	font-size: 110%;
	font-weight:bold;
	text-decoration:underline;
}
#ArticleContent p {
	margin: 1.5em 0;
	text-align: justify;
	font-size: 110%;
	line-height: 110%;
}

#ArticleContent strong {
	font-weight:bolder;
	font-size: 110%;
	}

#ArticleContent em {
	font-weight: bold;
	font-size: 110%;
	font-style:italic;
	}
	
#ArticleContent ul {
	list-style-type: disc; 
}
#ArticleContent li {
  font-size:110%;
}

#ArticleContentImageSB {
	float:left;
	margin-right: 20px;
	border: 1px solid black;
	padding: 2px;
	background-color:white;
 }
	
#ArticleContentImageSB 	p {
	text-align:center;
	font-style:italic;
	font-size: 110%;
	font-weight:bold;
}
#ArticleContentImageSB1 {
	float:left;
	margin-right: 20px;
	border: 1px solid black;
	padding: 2px;
	background-color:white;
	text-align:center;
	font-style:italic;
	font-size: 110%;
	font-weight:bold;
}

#ArticleContentImageSB2 {
	float:right;
	margin-left: 20px;
	border: 1px solid black;
	padding: 2px;
	background-color:white;
	text-align:center;
	font-style:italic;
	font-size: 110%;
	font-weight:bold;
}


#ArticleContent img.article1 {
 float: left;
 margin-right: 20px;
}
#ArticleContent img.article2 {
 float: right;
 margin-left: 20px;
}
#ArticleContent img.article3 { margin:0 auto; display:block;}
#ArticleContent img.article4 {
 float: left;
 margin-right: 20px;
 border: 2px solid black;
}

#ArticleContent p.indent1 {
	margin-left:30px;
}

#ArticleContent p.center {
	text-align:center;
	font-weight:bolder;
}
#References {
	margin: 50px auto 0 auto;
	text-align:center;
}

div.ArticleImage1 {
	float:left;
	border: 4px solid black;
	padding:4px;
	margin-right:20px;
	background: white;
	text-align:center;
	font-size:140%;
	font-weight:bold;
	}	

div.ArticleImage2 {
	float:right;
	border: 4px solid black;
	padding:4px;
	margin-left:20px;
	background: white;
	text-align:center;
	font-size:140%;
	font-weight:bold;
	}	

div.ArticleImage3 {
	text-align:center;
	border: 4px solid black;
	padding:4px;
	margin-left:20px;
	background: white;
	text-align:center;
	font-size:140%;
	font-weight:bold;
	}	

#ArtList {list-style-type: none;}

div.Art {
	padding: 5px 0;
	}
div.Artist  {
	width:200px;
	border: 2px solid black;
	padding: 2px;
	background: white;
	}
div.ArtWork {
	float:right;
	border: 2px solid black;
	background: white;
	}	

#ArticleContent table {
	margin:0 auto;
	width:80%;
	text-align:left;
	border: 1px solid black;
}
#ArticleContent th {
	color:#caae84;
	background-color:black;
	font-size: 110%; font-weight:bold;
	padding: 5px;
	}
#ArticleContent th.itemHover {
	cursor:pointer;
	}
#ArticleContent tr {
	font-weight:bold;
	font-size: 110%;
}

#ArticleContent td {
	padding: 4px;
	}

#ArticleContent em {
	font-style:italic;
	font-weight:bold;
	}

/* End ArticleContent */

/* Photographs */
#PhotographContentWrapper {
	margin:0;
	padding:0;
}

#PhotographContent {
	text-align: left;        	;
	font-size: 100%;
	font-weight: bold;
}
#PhotoGalleries {
	padding: 5px 0;
}
#PresentationImage {
}
#PhotoImage {
	position:relative; top:0px; left:0px; height:310px;
}
#DocumentImage {
	position:relative; top:0px; left:0px; height:310px; 
}

#mainImageOutline {
	position: absolute; top:0px;left:290px; width:630px; height:300px;
  margin:0; 
	padding: 0.2em;
	background-color: #eee;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #333;
	border-left: solid 1px #404040;
}
#mainImage {
	width: 100%; 
	height: 100%;
}
#mainImageNote {
/*	float: right; */
	position: absolute; top:-20px;left:220px; width:630px; height:300px;
	text-align:center;
	color:#999999;
}

#PhotoImageDetails {
	position:absolute; top:0px; left:0px; width:280px; height:300px; overflow:auto;
  padding-left: 5px;
}
#PhotoImageLarger {
	float:left;
	margin-left: 20px;
}
#PhotoThumbNails {
	padding: 0 0 2px 0;
	margin: 0;
	width: 98%;
	height: 85px;						/* Customize */
	background-color:silver;
	border: 1px solid gray;
}
#PhotoThumbNails img {
	border: 1px solid black;
}

#PhotoThumbNails h2 {
	font-size: 100%;
	font-weight: bold;
	padding-left: 10px;
}
#PhotoStrip { float: left; margin-left:5px; }
#PhotoThumbNails ul { margin:0; padding:0; text-align:center; list-style-type:none; }
#PhotoThumbNails li { float:left;  margin-left:10px; }
#PhotoControls {
  float:left; margin-left: 70px;
/*	float: right; margin-right: 2px; */
	padding: 3px 0px;
}	

#PhotoTransport {
	margin: 0;
	padding: 0;
	list-style: none;
}
#PhotoTransport li {
	display:inline;
	margin: 0;
	padding: 0;
	text-align: center;
}

#PhotoTransport a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 75%;
	font-weight: bold;
	margin: 0 1px 0 0;
	padding: 2px;
}
#PhotoTransport a:link {
	background: #666;
	color: #fff;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #3a3a3a;
	border-left: solid 1px #404040;
}
#PhotoTransport a:visited {
	background: #666;
	color: #fff;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #3a3a3a;
	border-left: solid 1px #404040;
}
#PhotoTransport a:hover {
	background: #666;
	color: #000;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #3a3a3a;
	border-left: solid 1px #404040;
}
#SlideDelay {
	text-transform: uppercase;
	font-size: 90%;
	font-weight: bold;
	margin: 0 2px 0 0;
	padding: 4px;
	background: #e5e5e5;
	color: #000;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #3a3a3a;
	border-left: solid 1px #404040;
}
#LargeSlides {
	font-size: 90%;
	font-weight: bold;
	margin: 0 2px 0 20px;
	padding: 4px;
	background: #e5e5e5;
	background: #666;
	color: #fff;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #3a3a3a;
	border-left: solid 1px #404040;
}


/* About Us - Board of Directors */
#Board-FullFunction h3 { 
	text-align:center;   
	font-style: italic;
  font-size: 100%;
	font-weight: bold;
	color:#663333;
}

/* AboutUs -  Bylaws */
#ByLawsWrapper {
	margin:0; padding:0;
}
#ByLawsContent {
}
#ByLawsContent h1 {
	font-size: 250%;
	font-weight: bold;
	text-align:center;
	line-height: 200%;
}
#ByLawsContent h2 {
	font-size: 150%;
	font-weight: bold;
	text-align:center;
}
#ByLawsContent em {
	font-weight:bold;
	}	
#ByLawsContent ol {
	margin: 10px 20px 10px 50px;
	list-style-type: upper-roman;
	list-style-position: outside;
	font-size: 150%;
	font-weight: bold;
}

#ByLawsContent ol li {
	font-size: 120%;
	font-weight: bold;
}
#ByLawsContent ol p {
	margin: 10px 20px;
	font-size: 100%;
	font-weight:normal;
	}
#ByLawsContent ol li ol {
	margin: 10px 20px;
	list-style-type: decimal;
	list-style-position: outside;
	font-size: 100%;
	font-weight: normal;
}

#ByLawsContent ol li ol li {
	margin: 10px 20px;
	font-size: 100%;
	font-weight: normal;
}
#ByLawsContent ol li ol p {
	margin: 10px 20px;
	font-size: 100%;
	font-weight:normal;
	}
#ByLawsContent ol li ol li ol {
	margin: 10px 20px;
	list-style-type: upper-alpha;
	list-style-position: outside;
	font-size: 100%;
	font-weight: normal;
}

#AccordionBLC {
}
#AccordionBLC h1 {
	font-size: 250%;
	font-weight: bold;
	text-align:center;
	line-height: 200%;
}
#AccordionBLC h2 {
	font-size: 150%;
	font-weight: bold;
	text-align:center;
	line-height:120%;
}
#AccordionBLC ol {
	margin: 10px 20px;
	list-style-type: decimal;
	list-style-position: outside;
	font-size: 100%;
	font-weight: bold;
}

#AccordionBLC ol li {
	margin: 10px 20px;
	font-size: 100%;
	font-weight: bold;
}
#AccordionBLC ol p {
	margin: 10px 20px;
	font-size: 100%;
	font-weight:bold;
	}
#AccordionBLC ol li ol {
	margin: 10px 20px;
	list-style-type: upper-alpha;
	list-style-position: outside;
	font-size: 100%;
	font-weight: bold;
}
#AccordionBLC ol li ol li em {
	font-weight:bold;
	font-size:110%;
	}	

/* FindUS */
#FindUs-Wrapper {
  margin: 30px 0;
}

#FindUs-Wrapper h3 {
  font-style: italic;
  font-size: 110%;
	font-weight: bold;
	text-align: center;
}

#FindUs {
	margin: 0 auto;
	display: block;
	background-color: #caae84;
	background-repeat:no-repeat;
	border: 2px solid black;
	color: black;
	width:740px; 
	height:514px;
	font-weight: bold;
}
#FindUs-Sidebar {
	float: right;	
	display: block;
	width: 100px;
	margin: 30px;
}

#FindUs-Sidebar2 {
	float: left;	
	display: block;
	width: 100px;
	margin: 10px;
}

#FindUs-Sidebar img {
	border: 2px solid black;
}
#FindUs-End {
	clear:right;
}
#FindUs2 {
	display: block;
	background-color: #caae84;
	background-repeat:no-repeat;
	border: 2px solid black;
	color: black;
	width:740px; 
	height:462px;
	font-weight: bold;
	margin: 0 auto;
}

#FindUs3 {
	display: block;
	background-color: #caae84;
	background-repeat:no-repeat;
	border: 2px solid black;
	color: black;
	width:740px; 
	height:409px;
	margin: 0 auto;
}

#cache {
	margin: 0 auto;
	width: 100%;
	text-align: center;
	font-size: 110%;
	font-weight: bold;
}

/* AskUs */
#AskUsIndex {
	margin: 10px auto;
	width:100%;
	text-align:center;
	
}

#AskUsIndex h1 {
	font-size: 160%;
	line-height:2em;
	color:#663333;	
}
#AskUsIndex h2 {
	font-size: 120%;
	font-weight: bold;
	color:black;
	}

/* AskUsIndex SideBar menu */
#AskUsIndexSB {
	margin: 5px auto;
	width:200px;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

#AskUsIndexSB li {
	display:block;
  background-color: #caae84;
  font-weight: bold;
	font-size: 120%;
  text-decoration: none;
	border-bottom: 1px solid black;
}
#AskUsIndexSB2 {
/*	margin: 10px; */
	padding:10px;
	width:150px;
	position:absolute; 
	top:150px; left:20px;
	font-weight:bold;
  background-color: #caae84;
	border: 1px solid black;
}	

#AskUsIndex.centerpiece {
  margin: 5px 0;
	text-align: center;	
}
AskUsIndex.centerpiece img {
	display:block;
	border: 2px solid black;
	padding: 0.2em;
	background-color:white;
}
AskUsIndex.centerpiece h2 {
  font-size: 110%;
	font-weight: bold;
	color:#663333;
}
AskUsIndex.centerpiece h3 {
  font-style: italic;
  font-size: 100%;
	font-weight: bold;
	color:#663333;
}

#AskUsIndex table {
	margin:0 auto;
	width:80%;
	text-align:left;
	border: 1px solid black;
}
#AskUsIndex th {
	color:#caae84;
	background-color:black;
	font-size: 110%; font-weight:bold;
	padding: 5px;
	}
#AskUsIndex th.itemHover {
	cursor:pointer;
	}
#AskUsIndex tr {
	font-weight:bold;
	font-size: 90%;
}

#AskUsIndex td {
	padding: 4px;
	}

#AskUsIndex em {
	font-style:italic;
	font-weight:bold;
	}
	
#AskUsIndex ul li { padding-bottom:10px; }

#AskUsIndex img.border { border: 1px solid black; }
/* End AskUsIndex */

/* AskUsContent */
#AskUsContent {
	margin: 2em 5%;
	font-weight: bold;
}
#AskUsContent h1 {
	font-size: 180%;
	line-height: 2em;
}
#AskUsContent h2 {
	font-size: 160%;
	text-align:center;
}
#AskUsContent h3 {
	font-size: 120%;
	text-align:center;
}
#AskUsContent p {
	margin: 1.5em 0;
	text-align: justify;
	font-size: 110%;
	line-height: 110%;
}

#AskUsContent strong {
	font-weight: bolder;
	font-size: 110%;
	}

#AskUsContent em {
	font-weight: bold;
	font-size: 110%;
	font-style:italic;
	}
	
#AskUsContent ul {
	list-style-type: disc; 
}
#AskUsContent li {
  font-size:110%;
}

#AskUsContent img.AskUs1 {
 float: left;
 margin-right: 20px;
}
#AskUsContent img.AskUs2 {
 float: right;
 margin-left: 20px;
}
#AskUsContent img.AskUs3 { margin:0 auto; display:block;}
#AskUsContent img.AskUs4 {
 float: left;
 margin-right: 20px;
 border: 2px solid black;
}

#AskUsContent p.indent1 {
	margin-left:30px;
}

#AskUsContent p.center {
	text-align:center;
	font-weight:bolder;
}
/* End AskUsContent */



/* Join Us */
#JoinUs-Wrapper {
  margin: 30px;
}

#JoinUs-Wrapper h3 {
  font-style: italic;
  font-size: 110%;
	font-weight: bold;
	text-align: center;
}

#JoinUs {
	background-color: #caae84;
	background-repeat:no-repeat;
	border: 2px solid black;
	color: black;
	width:500px; 
	height:306px;
	font-weight: bold;
	margin: 0 auto;
}

#JoinUs-Sidebar {
	float: right;	
	width: 150px;
	margin: 190px 40px 30px 0;
}

#JoinUs-Sidebar img {
	border: 1px solid black;
}
#JoinUs-End {
	clear:both;
	height: 1px;
}

#JoinUsText {
	margin: 30px auto;
	width:80%;
/*	width: 740px; */
	text-align: center;
	font-size: 120%;
	font-weight: bold;
}

#JoinUsText2 {
	 margin: 1em 0;
}
#JoinUsText2 p {
	font-size: 160%;
	}
	
#imperative-text {
	text-align: center;
	font-size: 160%;
	font-weight: bold;
}
#JoinUsApp {
	margin: 10px auto;
	width: 80%;
	padding:0;
	overflow:hidden;
	}

#JoinUsApp h1 {
	font-size:180%;
	font-weight: bold;
	color: black;
	text-align:center;
}
#JoinUsApp h2 {
	padding:20px 0;
	font-size:140%;
	font-weight: bold;
	color: black;
	text-align:center;
}
#JoinUsApp h3 {
	padding:20px 0;
	font-size:140%;
	font-weight: bold;
	color: white;
	background-color:black;
	text-align:center;
}
#JoinUsApp h4 {
	padding:20px 0;
	font-size:110%;
	font-weight: bold;
	text-align:center;
}
#JoinUsApp form { border: 1px solid black; padding:0.5em; }
#JoinUsApp table { margin:0 auto; text-align:right; }
#JoinUsApp p {
	font-size:100%;
	font-weight: bold;
	color: black;
	text-align:left;
}
#JoinUsApp p.reverse-color {background-color:black; color:white;}


/* online */
#JoinUsOnline {
	margin: 10px auto;
	width: 80%;
	padding:0;
	overflow:hidden;
	}

#JoinUsOnline h1 {
	font-size:180%;
	font-weight: bold;
	color: black;
	text-align:center;
}
#JoinUsOnline h2 {
	padding:20px 0;
	font-size:140%;
	font-weight: bold;
	color: black;
	text-align:center;
}
#JoinUsOnline h3 {
	padding:20px 0;
	font-size:140%;
	font-weight: bold;
	color: white;
	background-color:black;
	text-align:center;
}
#JoinUsOnline h4 {
	padding:20px 0;
	font-size:110%;
	font-weight: bold;
	text-align:center;
	}
#JoinUsOnline table {
	margin:0 auto;
	border: 1px solid black;
	width:99%;
	text-align:right;
}
#JoinUsOnline tr {
	border: 1px solid black;
	font-weight:bold;
	font-size:160%;}
#JoinUsOnline td {
	padding: 4px;
	}

/* Shop */
#TShirtAd-Outline {
	margin: 10px auto;
	padding: .5em; 
	width: 455px; height:0px;
	background-color: #eee;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #333;
	border-left: solid 1px #404040;
	overflow: hidden; 
}

#ShopContent {
	margin: 1em 0;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
}

#ShopContent h1 {
  font-size: 180%;
	font-weight: bold;
	padding: 0.5em 0;
}
#ShopContent h2 {
  font-size: 150%;
	font-weight: bold;
}
#ShopContent h3 {
  font-size: 120%;
	font-weight: bold;
}

#ShopContent p {
	text-align: left;
	padding-top: 1em;
}

#ShopContent em {
	font-style: italic;
	font-size: 120%;
	font-weight: bold;
}

#ShopItemImage {
	padding: 0;
	height:500px;	/* Customize */
	width: 100%;
	height: 100%;
}

#ShopItemImageOutline {
  margin:0; 
	padding: 0;
	width: 0px; height:0px;
	width: 100%;
	height: 100%;
	float:left; 
	background-color: #eee;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #333;
	border-left: solid 1px #404040;
	padding: .5em; 
	overflow: hidden; 
}
#ShopItemDetails {
	float:left; 
	margin-left: 20px;
	width:300px; /* If details wrap, then reduce value */
  padding: 0 10px 0px 0px;
}

#ShopItemTable {
	margin-bottom: 30px;
	width:100%;
	padding-left:20px;
	text-align:left;
	border: 1px solid black;
}
#ShopItemTable th {
	color:#caae84;
	background-color:black;
	border: 1px solid black;
	text-align: left;
	font-weight: bold;
	font-size: 150%;
	padding: 5px;
	}
#ShopItemTable th.itemHover {
	cursor:pointer;
	}
	
#ShopItemTable tr {
	border: 1px solid black;
	font-weight:bold;
	font-size: 110%;
}

#ShopItemTable td {
	padding: 5px;
	}

.rowHover {
	color: #000;
	background-color: #777;
	cursor: pointer;
}
.rowSelected { color:purple; }

/* Sitemap */
#Sitemap {
	margin: 0 auto;
	width: 60%;
	font-size: 120%;
	font-weight: bold;
}
#Sitemap h1 { font-size: 200%; line-height: 250%;}

#Sitemap ul {
	list-style: disc inside;
}

#Sitemap li { padding-left: 20px; line-height: 150%;}	
#Sitemap ul li ul {
	list-style:square inside;
	}
#Sitemap a:hover {color:black;}

/* Help Page */
#HelpWrapper {
	margin: 0; padding: 0;
}
#Help { margin: 0 auto; width: 80%;}
#Help p { padding:2px 1em;}
#Help em { font-style: italic; font-weight: bold; }

#Help h1 {font-size: 200%; line-height: 1.5em; text-align:center}
#Help h2 {font-size: 120%; line-height: 1.5em; }
#Help ul {
	list-style: disc inside; 
}
#Help li { padding-left: 2em; list-style: disc inside;}

#HelpSB {
	margin: 5px auto;
	width:60%;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

#HelpSB li {
	display:block;
  background-color: #caae84;
  font-weight: bold;
	font-size: 120%;
	border-bottom: 1px solid black;
}
#HelpSB a { text-decoration:none;}
#HelpSB a:hover { text-decoration:underline;}
#HelpContent {
	margin: 0 auto;
	}
#HelpContent h2 { text-align:center; }
.HelpContentInner {
	margin: 5px auto;
	padding: 5px;
	border:1px solid black;
	background-color:#caae84;
	}
.HelpContentInner h4 { font-size:100%; margin: 10px 0 2px 0;}	
.HelpContentInner table {	border-collapse:separate; border-spacing:5px; width:50%; }	
.HelpContentInner td { padding:4px; }	
	
#HelpContent ul li {
	list-style:none;
}
#HelpContent ul li ul li {
	list-style:disc inside;
}

#HelpAccordion h1 {
	font-size: 120%;
	font-weight: bold;
	text-align:center;
	line-height: 100%;
}
#HelpAccordion h2 {
	font-size: 110%;
	font-weight: bold;
	text-align:center;
	line-height:100%;
}
#HelpAccordion.AccordionPanelContent {
	height:250px;
}

#Help ol {
	margin: 5px 40px;
	list-style-type: decimal;
	list-style-position: outside;
	font-size: 100%;
	font-weight: bold;
}

#Help ol li {
	margin: 5px 40px;
	font-size: 100%;
	font-weight: bold;
}
#Help ol p {
	margin: 5px 40px;
	font-size: 90%;
	font-weight:bold;
	}
#Help ol li ol {
	margin: 5px 40px;
	list-style-type: upper-alpha;
	list-style-position: outside;
	font-size: 100%;
	font-weight: bold;
}
#Help ol li ol li em {
	font-weight:bold;
	font-size:100%;
	}	
#dhtmltooltip {
	position: absolute;
	width: 150px;
	border: 2px solid black;
	padding: 2px;
	background-color: #FFFFE0;
	visibility: hidden;
	z-index: 100;
}

/* Address change form */
#AddressChangeWrapper {
	margin: 30px;
	border: 1px solid black;
}
#AddressChange {
	margin: 0 auto;
	width: 80%;
	font-weight: bold;
	font-size: 110%;
}


#AddressChange h1 {
	font-size: 150%;
	font-weight: bold;
	text-align: left;
	line-height: 2em;
	}

#AddressChange h2 {
	font-size: 125%;
	font-weight: bold;
	text-align: left;
	}
	
#AddressChange p {
	text-align:right;
	}
	
#AddressChange .FormSection {
	margin: 10px 5px;
	padding: 10px 5px;
	border: 1px solid black;
}

/* LegalDisclaimers */
#LegalDisclaimersWrapper {
	margin: 30px; padding: 10px;
	border: 1px solid black;
}
#LegalDisclaimers {
	margin: 0 auto;
	width: 80%;
	font-weight: bold;
	font-size: 110%;
}
#LegalDisclaimers h1 {
	font-size: 200%;
	font-weight: bold;
	text-align: left;
	line-height: 2em;
	}
#LegalDisclaimers h2 {
	font-size: 150%;
	font-weight: bold;
	text-align: left;
	line-height: 2em;
	}
	
#LegalDisclaimers p {
	padding-left: 20px; padding-top:10px;
	text-align:left;
	}

/* WebSideStory SearchResults template */
#SearchResultsWrapper {
	margin: 10px 10%;
	overflow: auto;
	}
#SearchResults {
  margin: 0 auto;
	min-width: 600px;
}
#SearchNotice {
	margin:10px;
	border: 2px solid black;
	background-color:#CCCCCC;
	padding: 5px;
	font-weight:bold;
}

#FileRepository {
	margin: 1em 0;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
}

#FileRepository h1 {
  font-size: 180%;
	font-weight: bold;
	padding: 0.5em 0;
}
#FileRepository h2 {
  font-size: 150%;
	font-weight: bold;
}
#FileRepository h3 {
  font-size: 120%;
	font-weight: bold;
}

#FileRepository p {
	text-align: left;
	padding-top: 1em;
}

#FileRepository table {
	margin:0 auto;
	width:80%;
	text-align:left;
	border: 1px solid black;
}
#FileRepository th {
	color:#caae84;
	background-color:black;
	font-size: 110%; font-weight:bold;
	padding: 5px;
	}
#FileRepository th.itemHover {
	cursor:pointer;
	}
#FileRepository tr {
	font-weight:bold;
	font-size: 90%;
}

#FileRepository td {
	padding: 4px;
	}