/*
CSS for Skillfull Meditation Project
*/
/* testing 'Conditional Elastic' */
/*<![CDATA[*/

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
   background-color: #F2F2F2;
	
 	}
a:link, a:visited {
	background-color: transparent;
	text-decoration: none;
	color: #0000CC;
}
a:hover,  a:active {
	background-color: transparent;
	text-decoration: underline;
	color: #0000FF;
}
h1 {
	text-align: left;
  font-weight: 400;
  font-size: 170%;
	color: #262626;
	line-height: 115%;
}
h2 {
	text-align: left;
  font-weight: 400;
  font-size: 120%;
	color: #262626;
}
.wrapper {
  width: 100%;
  margin: 0 auto 0 auto; 
  max-width: 60em;
  min-width: 760px;
  text-align: left;
  overflow: hidden;
  color: #262626;
 }
 .wrapper.body28 {
 	background: #F2F2F2 url(../images/body28.gif) 28%;
 }
 .wrapper.body18 {
 	background: #F2F2F2 url(../images/body18.gif) 18%;
 }
* html .wrapper {
  overflow: visible;
}

.header h1 {
	position: relative;
	width: 100%;
	height: 120px;
	overflow: hidden;
	font-family: Garamond, "Trebuchet MS", Helvetica,  sans-serif;
	padding: 0;
	margin: 0;
}

.header h1 span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.header {
	width: 100%;
	height: 120px;
}
.header.smlogonarbody {
height: 110px;
}
.header.smlogonarbody h1 {
	text-align: center;
	text-indent: 200px;
	font-size: 120%;
}

.header.smlogonarbody h1 span {
	background: url(../images/logotext740.gif) no-repeat 28% 0;
}
.header.lglogonarbody {
  margin: 0; 
  padding: 2em 0 0 0;
}
.header.lglogonarbody h1 span {
   
	background: url(../images/logotext680.gif) no-repeat 28% 0;
}
.header.lglogonarbody h1 {
  font-size: 120%;
  text-align: center;
}
.header.smlogowidebody h1 {
  text-align: left;
  text-indent: 20%;
  font-size: 150%;
}
.header.smlogowidebody h1 span {
	background: url(../images/logotext640.gif) no-repeat 18% 0;
}
.addressbox {
	
	margin: 1em 0 3em 0;
}
.button {

margin: 0 .5em .2em 0;
 clear: left;
}
.button a {

	display: block;
	float: left;
	font: bolder x-small Arial, Helvetica, sans-serif;
	margin: .3em 2em 0 .5em;
}
.button a:link, .button a:visited { 
	margin-right: 2px;
	padding: 0px 10px 2px 10px; 
	color: #262626;
	background-color: #F2F2F2;
	text-decoration: none;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #717171;
	border-right: 1px solid #717171;
}
.button a:hover {
   color: #00008B;
	border-top: 1px solid #717171;
	border-left: 1px solid #717171;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
.button h4{

	
	float: left;
	
}       
 .button h4{

	margin: 0em 1em 0 2.5em;
	float: left;
	font-size: 70%;
	font-weight: bolder;
}       
.audio {
	background-color: #e3e3e3;
	
	padding: 20px  30px;
	margin: 0 auto 10px auto;
		}
.audio h3{
clear: left;
	font-size: 85%;
	font-weight: bolder;
	/*text-indent: 1em;*/
	margin: .2em 0 0 1em;
}
.audio p{


	font-size: 90%;
	
	
	margin: 0 0 0 1em;
}
.audio span{
  
  font-weight: normal;
  font-style: italic;
  font-size: 85%;
}
.player{
	margin: 1em 0 3em 1em;
	
}
.player p {
	float: left;
	
}
.player h3 {
margin: 0 2em 0 0;
	float: left;
}
.med{
	width: 60%;
	margin-bottom: 1.5em;
}

#printlogo {
	display: none;
}
#pagetitle {
 

  text-align: left;
  font-weight: 400;
  font-size: 150%;
	color: #262626;
	margin: 2em 0 1em 0;
}

#dialogtheme {
margin: -.5em 0 1.5em 0;
}
#motto-home {
	
	padding-bottom: 2%;
}
.printonly {
	display: none;
}
.motto {
	
	text-align: center;
	font-style: oblique;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	
	font-size: 110%;
	font-weight: normal;
}

	
.fullcontent {
 
 
  font-weight: 400;
  float: left;
  margin: 0;
  
  width: 90%;
  font-size: 95%;
  padding: 1em 0.5em 2em 1.2em;
  
  color: Black;
  }

.fullcontent h1 {

  margin-bottom: -.3em;
  line-height: 140%;
  }

 .fullcontent ul {

  list-style-type: none;
  padding: 0 4% 0 2%;
  margin-left: 0;
  }
.fullcontent.dana ul {

  list-style-type: square;
  padding: 0 0 0 3%;
  margin: 0 0 .5em 0;
  }
  .fullcontent.dana h1 {
  font-size: 185%;
  margin-bottom: 1.2em;
  }
.fullcontent.dana li {
margin:0 0 1em 0;
}
.fullcontent.events h1 {
  font-size: 185%;
  margin-bottom: 1.2em;
  }
  .fullcontent.events h2 {
  font-size: 135%;
  margin-bottom: .3em;
  margin-top: 1.5em;
  }
.fullcontent.events h3 {
  font-size: 110%;
  margin-bottom: .2em;
  font-weight: normal;
  margin-top: .1em;
  }
.fullcontent.events ul {
  
  margin-bottom: 1.6em;
  margin-top: .2m;
  }
.eventbox {
  background-color: #e3e3e3;
  padding: 6px;
	margin: 0 1em 1em 0;
}
.eventbox h4 {
  font-size: 85%;
  font-weight: 700;
  
  margin: .3em 0 0 .5em;
}
.eventbox p {
font-size: 75%;
line-height: 130%;
margin: 0 0 .5em .5em;
}
.rightbox {

	float: right;
	margin-top: 1em;
	padding-right: 1em;
}
.rightbox p {

 text-align: center;
}
.teacherbox {
  margin: 2em 0 1.5em 0;
}
.teacherbox h2{
  margin: 1em 0 .3em 0;
}
.teacherbox p{
  margin: .3em 0 0 0;
}
#noshow {
background-color: #F2F2F2;	
}

.fourcolumn {
	float: left;
	width: 25%;
	clear: right;
	}

.fourcolumn h3 {
	font-size: 115%;
	font-weight: normal;
}
.fourcolumn h2 {
	font-size: 160%;
	font-weight: normal;
	padding-left: .5em;
	margin-top: ..5em;
}
.equal {padding-bottom: 30000px; margin-bottom: -30000px; ;}


.twocolumn {
	float: left;
	width: 48%;
	}
.twocolumn h2{
	margin: 1em 0 .5em 0;
}
.twocolumn p{
	margin: 0 1.5em 0 .5em;
	font-size: 90%;
}
.whatisnewbox {
	background-color: #e3e3e3;
	
	padding: 10px;
	margin:0 .5em 1em 0;
		}
.whatisnewbox h1{
	font-size: 110%;
 	text-align: center;
}	
.whatisnewbox h3 a:link, .whatisnewbox h3 a:visited {
	color: black;
	display: block;
	background: transparent;
}
.whatisnewbox h3 a:hover {
color: #00008B;
	text-decoration: underline;
	
	background-color: transparent;
}	
.whatisnewbox h3 a:active {
color: black;
	background: transparent;
}
.whatisnewbox h2{

	font-size: 90%;
	font-weight: normal;
	font-style: normal;
	margin: 0 0 0 1em;
	text-align: left;
	width: 9em;
	border-bottom: 1px solid #993333;
	border-left: 1px solid #993333;
	text-indent: .7em;
	color: #993333;
}
.whatisnewbox h3{

	font-size: 100%;
	font-weight: bolder;
	text-indent: .7em;
	margin: .5em 0 0 0;
	text-align: left;
	
}
.whatisnewbox p{
 	font-size: 80%;
	font-style: normal;
	margin: 0 0 1em 1em;
	font-weight: lighter;
}
.noscript {
	display: inline;
}
.bold {
	font-size: 105%;
	font-weight: bolder;
}
.smbold {
	font-size: 90%;
	font-weight: bolder;
	
}
.home {
	font-size: 80%;
	
	margin: 0 0 1em 1em;
	font-weight: lighter;
}
#bodyfootnotes sup a.note {
	background-color: #D2D2D2;
	color: #333;
	margin-right: .2em;
	padding: .1em .2em .1em .2em;
	text-decoration: none;
	border: none;
	line-height: 0em;
}
#bodyfootnotes sup a.note:visited {
	background-color: #D2D2D2;
}

#bodyfootnotes sup a.note:hover,
#bodyfootnotes sup a.note:active {
	background-color: #9AC0CD;
}
#footnotes {
	font-size: .94em;
	margin: 0 0 0 1em;
}

#headteacher {
	
	margin: 1em 0 3.5em 0;
} 

#footnotes p,#footnotes ol {
	margin-top: .2em;
	padding: 0 3em 0 2em;
	line-height: 130%;
}
#footnotes li {
	margin-top: .2em;
	padding: 0 3em 0 2em;
	line-height: 130%;
}
#footnotes sup a.note {
	background-color: #D2D2D2;
	text-decoration: none;
	color: #333;
	padding: .1em .2em .1em .2em;
	margin-right: .2em;
	border: none;
	line-height: 0em;
}

#footnotes sup a.note:visited {
	background-color: #D2D2D2;
}

#footnotes sup a.note:hover,
#footnotes sup a.note:active {
	background-color: #9AC0CD;
} 
#hometext {
font-weight: 200;
	padding: 1em;
font-style: normal;
	font-size: 80%;
}
#dana {
	list-style-type: none;
}

#secondaryContent {
 float: left;
 width: 33%;
 border-left: solid 1px #fff;
 margin: 0 -10px 0 -1px;
 }
 
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#homeimg {
		float: right;
		margin: 2.3em 1em 1em 1em;
	}
.eventsheader {
	margin: 0 2em 1.5em 0;
	padding-bottom: 1em;
	font-size: 200%;
	text-align: center;
}
#nav-box28 {
	background-color: transparent;
	width: 28%;
	padding: 0;
	margin: 0;
	/*border: thin solid Blue;*/
	float: left;
}
#nav-box18 {
	background-color: transparent;
	width: 18%;
	padding: 0;
	margin: 0;
	/*border: thin solid Blue;*/
	float: left;
}
	/*--------------navigation---------------*/
.nav {
	width: 40%;
	margin: 4em auto 0 auto !important;
	margin: 4em auto 10px auto;
	font-weight: bolder;
	
	
	background-color: transparent;
}
.nav.narrow {
	width: 40%;
	margin: 5em auto 0 15px !important;
	margin: 5em auto 10px 15px;
	font-weight: bolder;
	
	
	background-color: transparent;
	font-size: 95%;
}
	
.nav li {	
	
	margin: 0 0 8px 0;
	}	
.nav li a {
   display: block;
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	outline: none;	
	}
	
.nav li a:link, .nav li a:visited {
	color: #262626;
	display: block;
	background: transparent;
	padding: 8px 0 0 10px;
	}
	
.nav li a:hover {
	color: #00008B;
	text-decoration: underline;
	padding: 8px 0 0 10px;
	background-color: transparent;
	}
	
.nav li a:active {
	color: black;
	background: transparent;
	padding: 8px 0 0 10px;
	}
.content {
 float: right;
 
 padding: 0;
 margin: 0;
 line-height: 150%;
 font-size: 103%;
/*border: 1px solid Black;*/
 font-family: Arial, Helvetica, sans-serif;
 }
 .content.wide {
 width: 80%;
 }
 .content.narrow {
  width: 68%;
  }	
.content.narrow ul {

  margin-left: 1em;
  }	
#sideNav {
 float: left;
 width: 24%;
 display: table;
 border-collapse:collapse;
 table-layout:fixed;
 }

#footer {
	clear: both;
	background: #D2D2d2;
	padding-top: 1em;
	font-size: 90%;
	padding-bottom: 1em;
}
 
 #footer p {
 clear: both;
 font-size: 90%;
 text-align: center;
 padding: 0 0 0 0;
 }
 

#footermenu {
width: 70%;
margin: 0 auto 0 auto;
}

#footermenu ul {
margin: 0;
padding: 0 0 5px 0;
list-style-type: none;
text-align: center;
border-bottom: 2px solid #262626;
}

#footermenu ul li { display: inline; }

#footermenu ul li a {
text-decoration: none;
padding: .2em .75em;
 color: #262626;
}

#footermenu ul li a:hover {
border-bottom: 4px solid #00008B;
padding-bottom: 2px;
color: #00008B;

}
.clrleft {
  clear: left;
}
.clrright {
  clear: right;
}
.clrboth {
  clear: both;
}
/*changed margin from pervios page*/
.largeimg {
	max-width: 90%;
	display: block;
	margin: 30px auto 10px auto;
	padding: 0 0 0 .3em;
	/*border: 2px solid #262626;*/
}
* html .largeimg {width: 80%; margin: 30px 10% 10px 10%;}
.narrowimg {
	max-width: 90%;
	display: block;
	margin: 30px auto 10px auto;
	padding: 0 0 0 0;
	/*border: 2px solid #262626;*/
}
* html .narrowimg {width: 90%; margin: 30px 5% 10px 5%;}

.caption p{
	font: 600 65% Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding:0 10px 0 10px;
}
#headless {
margin: 0 10% 0 10% !important;
margin: 0 0 0 1.5em;
width: 80%;
clear: left;
	float: left;
}
#prayerwheel {
margin: 0 5% 0 5% !important;
margin: 0 0 0 .5em;
width: 90%;
clear: left;
	float: left;
}
/* IE min-max expression for 'conditional elastic'. Will make IE5.0, 5.5 & IE6 behave. */
/* Wrap it in a 'conditional comment' if you like - it won't make it more valid */

* html body .wrapper {
width: 60em /* fallback value */; width:expression(((document.compatMode &&document.compatMode=='CSS1Compat') ?
document.documentElement.clientWidth : document.body.clientWidth)>(970/12) * parseInt(document.body.currentStyle.fontSize)?
  "60em" : (((document.compatMode &&document.compatMode=='CSS1Compat') ?
  document.documentElement.clientWidth :document.body.clientWidth) < 768 ? "760px" : "99%")); }
  
@media screen and (min-width: 0px) { 
/* temporary hack to save older Opera-versions (Opera 8+) from the large padding-bottom */ 
html:first-child>body .wrapper .equal {padding-top: 30000px; margin-top: -30000px;}
/* correcting back for Opera 9+ */
html:first-child>body .wrapper div.equal[class^="eq"] {padding-top: 0; margin-top: 0;}
}
/*]]>*/