html { 
	min-width: 742px;	
}

html>body #wrapper {
}

	/* base rules */

p.access	{
	display: none;
}

	/* Primary layout divisions */

div#globalnav	{
	height: 50px;
	width: 700px;
	margin: 0 0 0 12px;
	padding: 0;
	border: 0;
	background: #ffddbb;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	line-height: normal;
	}

body	{
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;	
	background: #ffddbb;  	/* Colour of background */
	font: 62.5%/1.5em Verdana, Helvetica, sans-serif !important;
}

div#wrapper	{
	color: #600040;		/* Controls colour of maincontent text */
	background: transparent;
	width: 742px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	voice-family: "\"}\"";
	voice-family: inherit;
	
}

div#maincontent 	{
	position: relative;
	width: 440px;
	padding: 0;
	border: 0;
	margin: 0;
	/* False margin value for all versions of IE Win, including 6.0 */	
	margin-left: 6px;
}

html>body div#maincontent {
	/* Correct value for browsers that don't suffer from IE Win's bugs */
	margin-left: 12px;
	min-height: 670px;
	}

* html #maincontent {
    min-height: 670px;
}

/* Internet Explorer *\*/	
* html #maincontent {
    height: 670px;
}


		
div#sidebar	{
	display: block;
	clear: right;
	margin: 0 0 0 0px;	/*still need to calculate "fudge" for IEWin box hack ?*/
	padding: 0;
	width: 230px;
	position: absolute;
	left: 460px;
	top: 0px;
}

div#footer	{				/*still need to calculate "fudge" for IEWin box hack ?*/
	clear: both;
	border: 0;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	background: #FFDDBB;
	color: #663;
	width: 700px;
	padding: 5px 0;
	margin: 10px 0 0 12px;
	position: relative;
}

div#footer p	{			/*still need to calculate "fudge" for IEWin box hack ?*/
	font-size: 1.4em;
	line-height: 2.0em;
	margin: 0;
	padding: 0 0 0 50px;
}

/* h1 is used for accessibility for folks/devices that don't use browsers (blind people with screen readers (who probably are not quilters) and quilters with palm pilots, blackberries and i-phones, etc. */

h1	{
	text-indent: -9999px;	
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
}
	
h1 a:link, h1 a:visited	{
	display: block;	
	width: 700px;
	height: 50px;
	background: #cc9;
	margin: 0 0 0 12px;
	padding: 0;
	border: 0;
}
	
h1 a:hover	{
	background: #cca;
	}
		
	/* YHQG Home nav (below) */

	/*  Java-free logo banner with rollover */  

#bannerlogoban {
	visibility: visible;
	margin: 0;
	padding: 0;
	border: 0;
	width: 700px;
	height: 50px;
	background: url(../images/nuban1.png);
}

#logoban {
	display: block;
	visibility: visible;
	padding: 0;
	border: 0;
	margin: 0;
	background: url(../images/nuban1.png);
	width: 700px;
	height: 50px;
}

a#logoban:hover {
	background: url(../images/nuban2.png);
}

	/*  Set up general page elements 	*/ 

div#counter	{
	display: block;
	clear: left;
	width: 125px;
	height: 65px;
}

div#sidebarlinks 	{	/* Sidebar navigation IS this list "tenlinks". */
	margin: 15px 0 0 0;
	padding: 0;
	text-decoration: none !important;
}	

div#sidebarlinks li	{			/*still need to calculate "fudge" for IEWin box hack ?*/
	margin-left: 0;
	margin-bottom: 0.5em;		/* These are the list items. */
	padding-left: 0;
	list-style: none;
	line-height: 1.5em;
	font-size: small;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-decoration: none !important;
	text-align: left !important
}

ul#tenlinks li#xquiltshowhome {	/* This is the 1st item on the list and gets its' own top margin (or it wouldn't have one). */
	margin-top: 10px;
}

	/*  sidebar nav */
	
body#xquiltshowhome li#xquiltshowhome a,
body#xwhats li#xwhats a,		/* Check this list for accuracy. It has changed a number of times. */
body#xmembers li#xmembers a,
body#xmerchants li#xmerchants a,
body#xsponsors li#xsponsors a,
body#xcommittee li#xcommittee a,
body#xlinks li#xlinks a
body#xyhqghome li#xyhnqghome a,
body#xgallery.html li#xgallery.html a, {
color: #666;
background: transparent;
}
	
	/* Default links 	*/

a:link, a:visited {		/* Don't like the colour of hyperlinks on main content? This is where u change 'em. */
	font-weight : bold;
	text-decoration : none;
	color: #506060;
	background: transparent;
}

a:hover {
	font-weight : bold;
	text-decoration : none;
	color: #ab8;
	background: transparent;
	background: #FDB;
}

a:active {
	font-weight : bold;
	text-decoration: none;
	color: #70CCCC;
	background: transparent;
	border-color: #ECE9D8;
}

div#maincontent p a:link, div#maincontent p a:visited, 
div#maincontent dd a:link, div#maincontent dd a:visited,
div#maincontent li a:link, div#maincontent li a:visited {
	text-decoration: none;
} 

div#maincontent p a:hover,
div#maincontent dd a:hover,
div#maincontent li a:hover {
	text-decoration: none;
} 

div#maincontent img	{
	display: block;
	float: left;
	margin: 0 5px 0 3px;
	border: 1px solid #ccc;
	border-bottom-color: #eee;
	border-left-color: #ddd;
	border-top-color: #bbb;
}

	/* Typography 	*/
	
h2, h3, h4	{
	font-weight: bold;
	line-height: 2.0em;
	margin: 15px 0 7px 0;
}

p	{
	font-size: 1.4em;
	margin: 0 0 1em 0;
	line-height: 150%;
}
		
div#maincontent h2	{
	font-size: 1.8em;
}

body#home div#maincontent h2	{
	margin-top: 25px;
}

div#maincontent h3	{
	font-size: 1.4em;
	margin-bottom: 0px;
	font-weight: bold;
}

div#maincontent h4	{
	font-size: 1.2em;
	margin-bottom: 0px;
}

				/*  Sidebar navs and links */
				/*	Form: Search engine User Interface ! don't mess casually with the form - it's easy to mess up! */
	
div#searchengine	{
	margin: 14px 0 5px 0;
	padding: 0;
}
	
#searchengine label	{		/* label = Search YHQG website */
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 1.2em;
	color: #ffe;
	background: #ab8;
}

#searchengine input.butt	{	/* =Search Engine Button */
	color: #663;
	background: #ab8;
	font-size: x-small;
}

input.hun	{
	margin: 0 2px;
	width: 100px;
	font-size: x-small;
}

				/* Sidebar text and Sidebar image "Gallery" (sbgal) image styles */

body #sidebar h2 	{				 /* These rules define sidebar "News at York" text display. */
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: 10px;
	background: transparent;
	color: #ffe;	/* background colour of "NEWS" */
	background: #ab8;
	padding: 2px 5px 3px 5px;
	font-size: small;
	font-weight: normal;
	list-style: none;
}

div#sbgal	{
	margin: 0;
	padding: 0;
}
/* Gallery - in the big picture, the div name referring to "sidebar" gallery is not the most appropriate because style rule names should not rely upon existing structural presentational notions. Some day, the site may be changed and "side bar" will not make sense if this div is located anywhere other than the sidebar. For now, and for future maintenance until the site is drastically altered, the name does hold a clue to the structural presentation and may facilitate a simpler learning curve than a more cryptic div name would provide. */

div#sbgal img {								
/*  display: block;	*/
  padding: 4px 0 12px 0;	
  border-color: #000 #ccc #ccc #000;
  border-bottom-color: #eee;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
}

div.sbgalcaption {	/* precise math - adding all values (height and width) to get it right - change one value, do all the math! */
  float: left;
  width: 166px;
  height: 168px;
  margin: 0 0px 10px 0;
  padding: 12px 12px 16px 12px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: small;
  font-weight: normal;
  margin-top: 0px;
  background-color: #ab8;
  line-height: 2em;
  border-color: #CCC #999 #999 #CCC;
  border-width: 1px 2px 2px 1px;
  border-style: solid;
}

div.sbgalcaption a {
	display: block;
	float: left;	
	width: 140px;
	margin: 0px;
	border: 1px solid #fff;
	border-top-color: #eee;
	border-right-color: #566;
	border-bottom-color: #566;
	background-color: #fff;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 8px;
	padding-left: 12px;
}

div.sbgalcaption a:hover {
	border-color: #ccc;
	background-color: #eee;
}

				/*  List extras */
/* maybe somewhere in here is parent/child list issue with 3 px "jump" that affects lists in gecko-based browsers - NS and FF.*/
div#maincontent ul 	{		/* may be somewhere in here is parent/child issue with 3 px "jump" */
	font-size: 1.2em;
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
}
	
div#maincontent ol, #maincontent li		{
	font-size: 1.2em;
	list-style: decimal outside;
	line-height: 150%;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 23px;
}

div#maincontent ul li	{
	font-size: 1.2em;
	line-height: 150%;
	margin-bottom: 5px;
	padding-bottom: 0;
	padding-left: 0px;
	margin-left: 0px;
	list-style: disc inside;
}

div.feature	{
	letter-spacing: 2px;
	background: transparent;
	color: #ffe;	/* background colour of "NEWS" */
	background: #ab8;
	width: 430px;
	padding: 0 0 10px 10px;
	margin-bottom: 10px;
}
div.feature	h2	{
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #ffe;
	padding: 10px 5px 0px 5px;
	font-size: normal;
	font-weight: normal;
}
	
div.feature ul ul li	{
	padding: 0;
	margin: 0;
}

div.feature li	{
	padding: 0;
	margin: 0 0 5px 0;
}
	
div#maincontent ul ul li {
	font-size: 1.2em;
	margin-top: 5px;
	list-style: disc inside;
}

div#maincontent ul.inlinelist	{
	padding: 0;
	margin: 0;
}

div#maincontent .inlinelist li	{
	display: inline;
	padding: 0 5px 0 0;
	margin: 0;
	border: 0;
}	

div#maincontent dl	{
	margin-top: 5px;
	padding-top: 0;
	font-size: 1.2em;
}
	
div#maincontent dl  {
	padding-bottom: 5px;
	margin-bottom: 3px;
	border: 0;
	border-bottom: 1px solid #cca;
	line-height: 140%;
}

div#maincontent dt {
	margin: 1.3em 0 5px 15px;
	padding-bottom: 2px;
	margin-bottom: 2px;
	border: 0;
	line-height: 120%;
	font-size: 1.3em;
}
	
div#maincontent dl dd {
	margin: 5px 10px 5px 30px;
	padding: 0;
	text-align: justify;
}
	
div#maincontent dl#oddbit dd	{
	font-size: x-small;
	text-align: left;
	padding: 0;
	margin: 0 0 5px 0;
}
			
/* Image Gallery page rules (thumbnails, etc.) */

div.thumbnail	{
	display: block;
	float: left;
	width: 430px;
	margin: 5px 0 10px 0px;
}

div.thumbnail img	{
	float: left;
	display: block;
	width: 87px;
	margin: 0px 10px 0 0;
	border: 6px solid #fff;
}

div.thumbnail p	{
	display: block;
	float: left;
	width: 350px;
	/*min-height: 90px; */
	margin: 0 0 10px 10px;
	padding: 0 0 0 10px;
	
}