/* notes */

/* two red colors #5B2231;  #77414B */

/* 
div#deBug {
	width: 460px;
	border: 1px solid #1b221a;
	float: left;
	clear: both;
}

*/

div#events table {
			width: 660px;
}

div#qigongInstruction table {
			width: 660px;
}

/************ Body and text tag styles ***********/

* {margin: 0; padding:0;}

body     {
	font: 80%/1.6em "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif;  
	background-image: url(../images/brownBg.jpg); 
	text-align: center;
}


p {text-align: justify; font-size:  1.2em; padding: 4px 0 20px;}

p.mainTextItalics {
	font-style: italic;
}

.Papyrus {
	font-family: Papyrus;
}

.First {
	font-size: 1.1em;
	font-weight: bold;

}




a:link {
	text-decoration: none;
	color: #77824d;
}

a:visited {
	text-decoration: none;
	color: #77824d;
}

a:hover {
	text-decoration: underline;
}



span.highlight {
	font-weight: bold;
	color: #6f2d37;
}

.homeTitle {
	color: #333;
	font: bold 1.8em Papyrus;
	margin-bottom: -20px;
}

.homeTitleSmall {
	color: #333;
	font: bold 1.6em Papyrus;
	margin-bottom: -20px;
}



.homeItem {
	font-weight: bold;
	color: #6f2d37;
	font-size: 1.1em;
}

.homeItemBig {
	font-weight: bold;
	color: #6f2d37;
	font-size: 1.7em;
}

.homeItemDate {
	font-weight: bold;
	color: #333;
	font-size: 1.0em;
	margin-top: -15px;
}

.homeItemText {
	font-size: 1.0em;
	margin-top: -20px;
}

.homeText {
	float: left;
}

hr {
	color: #92003f;
	width: 100%;
	height: 3px;
}

.imageCaption {

	color: #333;
	font-size: .6em;
}

p.mainTitle {
	font: bold 2.3em Papyrus;
	color: #6f2d37;
	margin-bottom: 7px;
	margin-top: 5px;
}



span.subTitle {
	color: #6f2d37;
	font-size: 1.4em;
}

p.subTitle {
	color: #6f2d37;
	font-size: 1.4em;
}



div#mainContent ul#fiveRoutines li.listHeader  {
	color: #6f2d37;
	font: bold 1.5em Papyrus;
	margin-bottom: 0px;
	margin-left: -5px;
}



img.normalImage {
	margin-bottom: 50px;
	margin-left: 50px;
	margin-top: 10px;
}

img.captionedImage {
	margin-bottom: 5px;
	margin-left: 50px;
	margin-top: 10px;
}


.imageCaption {
	color: #333;
	font-size: .7em;
	margin-left: 50px;
	margin-bottom: 45px;
	text-align: center;
}

img.imageLineage {
	float: left;
	clear: both;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 35px;
}





.floatRight {
	float: right;
	clear: both;
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.floatLeft {
	float: left;
	clear: both;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 8px;
}


.floatLeftOnly {
	float: left;
	clear: both;
	margin-bottom: 20px;
}




span.smallCaps {
	font-variant: small-caps;
	font-size: 1.2em;
}




/* main dividers */

div#container {
	background-color: white;
	width: 800px;
	margin: 20px auto; 
}

div#mainContent {
	padding-left: 60px;
	padding-right: 60px; 	
	padding-bottom: 40px;	
	text-align: left;
	width: 660px;
}


/************* Main Navigation Bar *************/


/* distinguishes the current page in the top nav */

body#home a.homeNav,
body#routines a.routinesNav,
body#lineage a.lineageNav,
body#instruction a.instructionNav,
body#teri a.teriNav,
body#SCQevents a.eventsNav {
color: #000000;
}

/* placement of nav */


#navigation  { color: black; width: 800px; height: 30px;
	position: relative; top:-27px;
}

/* #navigation ul margin left determines left margin of the nav words, and then the padding of #navigation li a spreads them out to the right   

When "events" are included, use these numbers:  #navigation ul margin left: 15px AND  #navigation li a padding: 0 28px  */

#navigation ul     { text-align: center; margin-left: 30px }
#navigation li   { white-space: nowrap; list-style-type: none; margin-top: 3px; margin-bottom: 5px; float: left }
#navigation li a    { color: #5B2231; font-size: 1.4em; font-weight: normal; text-decoration: none; display: block; padding: 0 36px }
#navigation a {width:1% }
#navigation.selected,#navigation a:hover  { color: #ffffff; text-decoration: none }

/*********** Events listing *************/

div#events {margin-top: 30px;
}

div#events img {margin-bottom: 15px;
}

img.craneIcon {
	float: left;
	margin-right: 12px;
}

div.titleBox {
	position: relative;
	width: 600px;
}



div#events div.titleBox span.eventTitle {
	font: small-caps 2.1em Georgia, "Times New Roman", Times, serif;
	color: #681112;
}

div.titleBox img.redBar {
	position: absolute;
	width: 150px;
	height: 20px;
	top: 7px;
}



img.redBar {margin-left: 20px;
	width: 100%;
	height: 10px;
}

#events a {color: #77824d; text-decoration: none; font-weight: bold;}
#events a:hover {color: #ca6552;}

div.eventItem {
	margin-top: 20px;
	margin-bottom: 60px;

}


div#events .itemName,
div#qigongInstruction .itemName {
	font-weight: bold;
	font-size: 1.3em;
	color: #51432c;

}

div#events div.itemShortDesc,
div#qigongInstruction div.itemShortDesc {
	margin-top: 10px;
}

div.notItemName {
	margin-left: 10px;
	margin-bottom: 20px;
	margin-top: 10px;
}


div#events div.moreEvents {
	margin-bottom: 70px;
	margin-top: -20px;
}

div.moreInfoLink {
	margin-top: 10px;
}

img.workshopImg {
	float: right;
	margin-left: 39px;
	padding-right: 10px;
	padding-top: 20px;
}

img.workshopImg2 {
	float: right;
	margin-top: -20px;
	margin-right: 60px;
	padding-top: 0px;
	border: 0px solid white;
}



img.workshopImgLeft {
	float: left;
	margin-left: 0px;
	padding-right: 20px;
	padding-top: 15px;
}

/* ********* routines ********* */


ul#fiveRoutines {
	list-style-type: none;
	margin-top: 20px;
	margin-bottom: 30px;
	font-size: 1.2em;
}

ul#fiveRoutines li {
	margin-bottom: 5px;
}



span.italics {
	font-style: italic;
}

span.routineNumber {
	color: #000000;
	font-weight: bold;
}


/* ********* events ********* */

div#events ul
{
list-style-type: none;
text-align: left;
padding-bottom: 30px;
margin-top: -30px;
}




 
div.homeText ul
{
list-style-type: none;
text-align: left;
margin-bottom: 20px;

	border-top: 3px solid #5B2231;
	padding-top: 7px;
}






div.homeText li 
{
padding-left: 0px;
padding-bottom: 10px;
font-size: 1.2em;
background: none;
line-height: 1.4em;
}



ul.homeClassList li a
{
	font-size: 1.4em;
}


div.smallLink li a
{
	font-size: 1.1em;
}





div#events ul.moreDetails
{
text-align: left;
padding-bottom: 30px;
margin-top: 0px;
margin-left: 50px;
}



div#events ul.moreDetails li
{
	list-style-type: circle;
	background: none;
	padding-left: 5px;
}



/* ********* instruction ********* */

.instructionTitle, .eventCategory {
	font: small-caps 2.1em Georgia, "Times New Roman", Times, serif;
	color: #681112;
}

td.instructionLabel {
	width: 15%;
}

span.WorkshopDate {
	font-weight: bold;
	color: #77414B;
	font-size: 1.2em;
}





div#lastWord {

	text-align: center;
	
	/*border-top: .7em solid #c4e5d4;*/
	padding: 1em;
	margin-top: 1em;
	background-color: #77824d;
	margin: 5px;
	color: white;
	border-top: 4px solid #ca6552;
	clear: both;
}



#lastWord a { color: white; text-decoration: underline; }
#lastWord a:hover {
	color: yellow;
}


/* ********* lineage ********* */

tr.lineage {
	margin-bottom: 40px;
	padding-bottom: 80px;
}






/**************** Footer styles ****************/

#footer a { color: #c58470; text-decoration: none; }
#footer a:hover { text-decoration: underline; background-color: inherit }

div#footer {
	color: #c58470; 
	/* background-color: #7a393f;*/ text-align: center;
	border-top: .1em solid #c58470;
	padding-top: .5em;
	padding-bottom: .5em;
	margin-left: 5px;
	margin-right: 5px;
}

div#footer span {margin-right: 20px;
	
}