/* 
Title:		Main CSS
Author: 	3 Crown Creative
*/

body, html {height:100%; max-height:100%; padding:0;margin:0; border:0; 
			font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#efe5bd
}
img {border:0px}
h1 { color:#6c7c47; font-variant:small-caps; letter-spacing:.05em; font-size:16px; font-weight:bold; margin-left:-10px;}
h2 { color:#6c7c47; font-variant:small-caps; letter-spacing:.05em; font-size:12px; font-weight:bold; margin:15px 0 0 0;}


/*  <PAGE STRUCTURE>
--------------------------------------------------*/
#head {position:absolute; top:0px; left:8px;margin:0px;
	width:843px; height:77px; background-color:#efe5bd;overflow: hidden;
	color:#de9b6c; font-weight:bold; font-size:10px; letter-spacing:.03em }

#sidebar {
	position:absolute; left:0px; top:77px; width:117px; min-height:552px;
	background-color:#efe5bd; background: url(../images/leftBkg.jpg) 10px 0px no-repeat
}
#content {
	overflow:auto; position:absolute; width:747px;
	top:78px; left:118px; background:#fcfeff url(../images/contentBkg.jpg) repeat-y;
	min-height:493px
}

#content #upperText {width:455px; min-height:300px;}

#contentImg {min-height:490px;background:url(../images/homeImage.jpg) no-repeat;  }

#contentText a {color:#858484; text-decoration:underline}
#contentText a:hover {color:#de9b6c}
#contentText .subhead {font-size:12px}
#contentText { padding: 10px 25px 0 30px;font-size:12px; letter-spacing:.03em; line-height:150%; color:#858484;}

#foot {
	 height:38px; min-height:38px; background: #efe5bd url(../images/footBkg.jpg) no-repeat; 
	 font-weight:bold;font-size:9px;color:#bcbcbc;line-height:38px; padding-top:10px 
	 
}


/*  <HEAD>
--------------------------------------------------*/
#head img {float:left}
#head div {float:right; margin-top:55px}

/*  <FOOT>
--------------------------------------------------*/
#foot .copy {float:left}
#foot .attribute {float:right; text-align:right; padding-right:15px}
#foot em {text-decoration:underline; font-style:normal}
#foot a { text-decoration:none;color: #bcbcbc; }
#foot a:hover { text-decoration:none; color:#de9b6c}


/*  <NAVIGATION>
--------------------------------------------------*/
#nav {
	font-weight: bold;color: #6c7c47; font-size:11px; 
	text-align:right;  padding:17px 9px 0 13px
}
#nav a{font-weight: bold; text-decoration:none;color: #6c7c47; display:block  }
#nav a:hover {font-weight:bold;color:#de9b6c; text-decoration:none; }
#home #nav .home a,
#schedule #nav .schedule a,
#classes #nav .classes a,
#privSess #nav .privSess a,
#training #nav .training a,
#tradition #nav .tradition a,
#video #nav .video a,
#workshops #nav .workshops a,
#signup #nav .signup a,
#contact #nav .contact a
	{text-decoration:none; color:#de9b6c; cursor:default}

.home {min-height:45px;height:45px; display:block}
.schedule {min-height:45px;height:45px; display:block}
.classes {min-height:60px;height:60px; display:block}
.tradition {min-height:40px;height:40px; display:block;}
.privSess {min-height:45px;height:45px; display:block}
.training {display:block}
.teachers {min-height:55px;height:55px; padding-top:30px; display:block}
.video {min-height:55px;height:55px; display:block}
.workshops {min-height:60px;height:60px; display:block}
.hour250, .hour500, .faculty {font-size:9px; font-style:italic;}

/*  <HOME>
--------------------------------------------------*/
#flashContent {width:720px; height:63px}
#home #contentImg {background:url(../images/bkgWhiteFlower.jpg) no-repeat;}
#home #contentText { padding-top:0}
.byline {text-align:center;font-style:italic; font-weight:bold}
.building {margin-left:240px; width:240px}


/*  <CLASS SCHEDULE>
--------------------------------------------------*/
#schedule #contentImg {background:url(../images/bkgTrees.jpg) no-repeat;}
#schedule #contentImg a {font-weight:bold}
#schedule #CMSschedule {padding:0}
#schedule .instructions {position:absolute; left:500px; top:490px; font-style:italic; text-align:center; width:230px; font-size:11px; color:#000000}
#schedule #contentText h1 {margin-left:0}

#CMSschedule {padding: 10px 25px 0 30px;font-size:12px;}
#CMSschedule table {width:455px; border:1px solid #000000; color:#000000; font-size:11px}
#CMSschedule th {background-color:#6c7c47; color:#FFFFFF; font-weight:bold; text-transform:uppercase; width:33%; text-align:left; padding:2px;}
#CMSschedule td {width:33%; padding:2px}
#CMSschedule table a {color:black; font-weight:normal}
#CMSschedule .altRow {background-color:#F1E5BF}
#CMSschedule .specialDates {color:#B12525; font-weight:bold}
#CMSschedule .smallinfo { font-size:10px; letter-spacing:normal; line-height:normal; font-style:italic}
#CMSschedule h1 { color:#6c7c47; font-variant:small-caps; letter-spacing:.05em; font-size:16px; font-weight:bold; margin:0; padding:10px 0 10px 0 }
#CMSschedule .specTable {border:1px solid black; background-color:#6c7c47; color:white}
#fees table {width:90%; border-top:1px solid #000000; border-left:1px solid #000000; font-size:11px}
#fees th {width:50%; padding:2px; background-color:#6c7c47; color:white; border-bottom:1px solid #000000}
#fees td {width:50%; padding:2px; border-bottom:1px solid #000000; border-right:1px solid #000000; vertical-align:top}


/*  <CLASS DESCRIPTIONS>
--------------------------------------------------*/
#classes #contentImg {background:url(../images/bkgWaterfall.jpg) no-repeat;}

/*  <CLASS SIGNUP>
--------------------------------------------------*/
#signup #contentImg {background:url(../images/bkgBlank.jpg) no-repeat;}
#signup #GCform {display:none}
#signup #contentText { color:#000000}
#signup #CMSschedule table {width:80%;}
#signup #CMSschedule th { width:auto}
#signup #CMSschedule td { width:auto}
#signup #CMSschedule #GCform h1 {  margin:0; padding:0}
#signup #CMSschedule #GCform h2 {  margin:0;}
.button {background:none;border:1px solid #673811;line-height:normal;font-size: 10px;cursor:pointer;}
.fullButton {background-color:#F00;border:1px solid #673811;line-height:normal;font-size: 10px;}
.button2 {margin-left:5px}

/*  <TRADITION>
--------------------------------------------------*/
#tradition #contentImg {background:url(../images/bkgMoon.jpg) no-repeat;}
#tradition .imgShadow {float:left; width:160px}
#tradition .desc {margin-bottom:20px}

/*  <PRIVATE SESSIONS>
--------------------------------------------------*/
#privSess #contentImg {background:url(../images/bkgSunrise.jpg) no-repeat;}
#privSess #upperText {color:#000}

/*  <TEACHER TRAINING>
--------------------------------------------------*/
#training #contentImg {background:url(../images/bkgWaterdrop.jpg) no-repeat;}
#training .logos {float:left; width:210px; padding-right:10px}
#training h2 { font-size:14px; }
#training h3 { color:#de9b6c; font-variant:small-caps; letter-spacing:.05em; font-size:14px; font-weight:bold; margin:15px 0 0 0;}
#training h4 { text-transform:uppercase;font-size:11px; font-weight:bold; margin:15px 0 0 0;}
#training ul {list-style:circle; margin:10px 0 0 -25px}
#training hr {height:4px; border:1px solid #de9b6c; margin-top:15px}	
#training .imp {border:1px solid black; padding:2px 3px}
#training #contentText {color:#333;}
#training #contentText strong {color:#666;}

/*  <ABOUT THE TEACHERS>
--------------------------------------------------*/
#teachers #contentImg {background:url(../images/bkgCandles.jpg) no-repeat;}
#teachers #contentImg a {text-decoration:none; color:#6c7c47; font-weight:bold}
#teachers #contentImg a:hover {color:#de9b6c}
#training #contentText noscript {font-weight:bold; color:#6c7c47}

/*  <WORKSHOPS>
--------------------------------------------------*/
#workshops #contentImg {background: url(../images/bkgRedLeaves.jpg) no-repeat;}
#workshops #contentText {min-height:851px}
#workshops #content #upperText {width:400px;}


/*  <CONTACT>
--------------------------------------------------*/
#contact #contentImg {background:url(../images/bkgBamboo.jpg) no-repeat;}
.mapImg {border:1px solid black; margin-left:20px}


/*  <MISC>
--------------------------------------------------*/
/* image shadow  */
.imgShadow {
  float:left;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 10px 0 10px !important;
  margin: 10px 10px 0 5px;
  }

.imgShadow img {
  display: block;
  position: relative;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
} 

/* self-clear floats */
.group:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.imgLeft {float:left; margin:0 10px 10px 0}
.imgRight {float:right; margin:0 0 10px 10px}
.registered {font-size:12px;vertical-align: super;}
.clear {clear:both}
.bold {font-weight:bold}
.italic {font-style:italic}
.colorGreen {color:#6c7c47}