/* CSS Document */

/*  For testing.
#main { border: green solid }
#header { border: blue solid }
#content { border: red solid }
#ccontent { border: blue solid }
table.acontent { border: green solid }
*/

html>body #main {
width: 777px;
/* margin-top: 40; */
margin-left: auto;
margin-right: auto;
padding: 0px;
background-image: url(images/bg.jpg);
}

/* IE6 doesn't recognize the above child, '>', selector. So why have it? */
#main {
width: 777px;
/* margin-top: 40; */
margin-left: auto;
margin-right: auto;
padding: 0px;
background-image: url(images/bg.jpg);
}

#header {
width: 747px;
/* margin-top: 40; */
margin-left: auto;
margin-right: auto;
padding: 0px;
}

#hback {
width: 747px; /*777*/
/* margin-top: 40; */
margin-left: 17px;
margin-right: auto;
padding: 0px;
background-image: url(images/hbg.jpg);
background-repeat: no-repeat;
}

html>body #content {
width: 737px;
background-color: #9E6C26;
/* margin-top: 200; */
margin-left: 17px;
margin-right: 0px;
padding: 0px;
background-image: url(images/bg.jpg);
background-repeat: no-repeat;
background-position: 50%;
}

#content {
width: 742px;
background-color: #9E6C26;
margin-top: -25px;
margin-left: 17px;
margin-right: 0px;
padding: 0px;
background-image: url(images/bg.jpg);
background-repeat: no-repeat;
background-position: 50%;
}

#ccontent{
width: 742px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
text-align: justify;
background-color: #F5EDCD;
}

#headline {
font-weight: bold;
height: 35px;
padding-top: 8px;
background-image: url(images/titlebg.gif);
}

a:link {
color:#006622;
}


/*** NEW 1/09 ***/
/* doesn't work
a:visited      { color:#FEE7E7; }
*/
body           { background-color: #F5EDCD }
h2             { text-align: center; }
span.smallText { font-size: smaller; }

div.bioCity { text-align: center; margin-top: -20px; }
div.bio     { padding: 0 16px; }
div.order   { margin: 10px 20px; }
div.post_info { color: #802000; font-size: smaller; text-align: center; margin: -10px 0 0 0; }

/* used in store purchase pages */

div.storeItem p           { text-align: center; padding: 0 30px; }
div.storeItem p.desc      { text-align: justify; }
div.storeItem p.footer    { padding: 0px; }
div.storeItem a           { text-decoration: none; font-weight: bold; }
div.storeItem span.paypal { padding: 0 20px; }
div.storeItem button      { width: 90px; }
div.storeItem p.desc img  { padding: 0 10px 10px 0; float: left; }

/* used in store category pages */

#ccontent #items        { margin: 0 20px; text-align: justify; }
#ccontent a             { text-decoration: none; font-weight: bold; }
#ccontent img.item      { padding: 0 20px 20px 0; float: left; border: none; }
#ccontent img.footer    { padding: 10px 0; }
#ccontent p.item        { clear: left; }

/*** end NEW 1/09 ***/

/********* nav *********/

#nav {
	top: 200px;
}

html>body #nav {
	float: left;
	width: 802px;
	list-style: none;
	line-height: 1;
	background: transparent;
	font-weight: bold;
	padding: 0;
	border: solid #9E6C26;
	border-width: 0px 0;
	margin: 14px 0 10px 5px;
	position: absolute;
	font-size: 12px;
	left: auto;
}

#nav {
	float: left;
	width: 802px;
	list-style: none;
	line-height: 1;
	background: transparent;
	font-weight: bold;
	padding: 0;
	border: solid #9E6C26;
	border-width: 0px 0;
	margin: 14px 0 10px 5px;
	position: absolute;
	font-size: 12px;
}

#nav ul {
	float: left;
	width: 802px;
	list-style: none;
	line-height: 1;
	background: #9E6C26;
	font-weight: bold;
	padding: 0;
	border: solid #9E6C26;
	border-width: 0px 0;
	margin: 14px 0 10px 0;
	position: absolute;
	font-size: 12px;
}

#nav a {
	display: block;
	width: auto;
	color: #FAF26D;
	text-decoration: none;
	text-align:left;
	padding: 0.25em 0.85em;
	font-family:  Arial, Helvetica, sans-serif;
}

#nav li {
	float: left;
	padding: 0 12px 0 0;
	width: 9.2em;
	text-align: left;
   background: url(images/mbg.jpg);
}

html>body #nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 16.4em;
	w\idth: 13.9em; 
	font-weight: bold;
	border-width: 2px;
	margin: 0;
}

html>body #nav li li {
	padding-right: 1em;
	width: 13em
}

/*	controls width of text in <a> submenus */
html>body #nav li ul a {
	width: 13em;
}

html>body #nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 1em;
	font-weight: bold;
	border-width: 2px;
	margin: 0;
}

#nav li li {
   margin-right: 0em;
   width: 13.5em;
}

#nav li ul a {
	width: 13em;
/*	w\idth: 9em; */
}

#nav li ul ul {
	margin: -1.75em 0 0 14.55em;
}

#nav li:hover   ul ul, #nav li:hover   ul ul ul, 
#nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover   ul, #nav li li:hover   ul, #nav li li li:hover   ul, 
#nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, 
#nav li.sfhover {
	background: #000;
	position: static; /* Makes expanded menu unsticky in IE7 (when click on content before menu onmouseover) */
}

/*** NEW 1/09 ***/

/* unvisited:#FAF26D */
#nav a:visited { color:#FEE7E7; }

#nav li a    { font-size: 14px; }
#nav li ul a { font-size: 12px; }

/*** end NEW 1/09 ***/

/*****************/

/* 2/3/09 not used

only in gallery.htm, which isn't up to date
#bcontent{
width: 737px;
background-color: #9E6C26;
margin-top: -25px;
margin-left: auto;
margin-right: auto;
padding: 4px;
}

html>body #mcontent {
width: 581px;
background-color: #9E6C26;
margin-top: 2px;
margin-left: 155px;
margin-right: 0px;
padding: 4px;
}

#mcontent {
width: 578px;
background-color: #9E6C26;
margin-top: 20px;
margin-left: 0px;
margin-right: 0px;
padding: 4px;
}

html>body #side {
width: 154px;
margin-top: -23px;
margin-left: 15px;
margin-right: 0px;
font-size: 11.5pt;
padding: 0;
}

#side {
width: 154px;
margin-top: -23px;
margin-left: 15px;
margin-right: 0px;
font-size: 11.5pt;
padding: 0px;
}

#accent {
color: #00FF00;
font-weight: bold;
margin-: 4px; 
}

#cheader3 {
background: url(http://wingchundo.com/images/htitlebg.gif);
font-color: fff;
font-weight: bold;
float: right;
margin-right: -4px;
width: 250px;
margin-top: 0px; 
}

#cleft {
width: 320px;
background-color: #9E6C26;
margin-left: 0px;
margin-right: 0px;
float: left;
padding: 6px;
}

#cright {
width: 250px;
background-color: #9E6C26;
margin-top: 6px;
margin-left: 0px;
margin-right: 0px;
float: right;
padding: 0px;
}

#menu1 {
width: 160px;
float: left;
margin-top: 0px;
margin-left: 12px;
background-color: #FBEF9B;
background: url(hhttp://wingchundo.com//hleft1.jpg);
}

#menu2 {
width: 160px;
float: left;
margin-top: 0px;
background-color: #FBEF9B;
background: url(http://wingchundo.com//hleft4.jpg);
font-size: 12px;
}

#menu3 {
width: 160px;
float: left;
margin-top: 0px;
background-color: #FBEF9B;
background: url(http://wingchundo.com//hleft5.jpg);
font-size: 12px;
}

#spacer {
width: 160px;
float: left;
margin-top: -15px;
background-color: #FBEF9B;
background: url(http://wingchundo.com//hleft2.jpg);
}

#spacer2 {
width: 160px;
float: left;
margin-top: -10px;
background-color: #FBEF9B;
background: url(http://wingchundo.com//hleft3.jpg);
}

.title {
background: url(images/titlebg.gif)
font-weight: bold;
}

*/