/* Start of CMSMS style sheet 'Layout' */
/* Layout stylesheet */

body {
  font-size: 100.01%; /* [1] */
  background-color:#1d3511;
  color:#e3b12d;
  background-image:url('images/joy/background.jpg');
}
#col-a {
  float: right;
  width: 100%;
}
#col-a[id] { /* [2] */
  margin-left: -1px;
}
#col-b {
  float: left;
  margin-left: -12em;
  z-index: 10; /* [3] */
}
#col-b[id] { /* [2] */
  margin-right: 1px;
}
#col-c {
  float: right;
  margin-right: -12em;
  z-index: 11; /* [3] */
}
#col-c[id] { /* [2] */
  margin-left: 1px;
}
.show-all #columns {
  padding: 0 49px;
}

#columns{
	background-image:url('images/joy/border.jpg');
	background-repeat:repeat-y;
}

.hide-left #columns {
  padding: 0 12em 0 0;
}
.hide-right #columns {
  padding: 0 0 0 12em;
}
.cols-wrapper {
  width: 100%;
}
.cols-wrapper[class] {
  padding-bottom: 0.1px; /* [4] */
}
.float-wrapper {
  float: left;
  width: 100%;
  position: relative;
  z-index: 0;
}
.float-wrapper[class] { /* [2] */
  margin-right: -1px;
}
.sidecol {
  position: relative;
  width: 12em;
  overflow: hidden;
}
.box,
.main-content {
  margin: 0 1em;
}
.clear {
  clear: both;
}
.none {
  display: none;
}

div.teacherWrapper{
float:left;
margin:20px;
width:170px;
height:150px;
}

div.teacherTop{
float:left;
clear:both;
text-align:center;
width:170px;
}

div.teacherBottom{
float:left;
clear:both;
text-align:center;
width:170px;
}

div.boxOfficeProgressText{
padding-top:10px;
clear:right;
}


div.boxOfficeProgress img{
float:left;
clear:left
}


div.boxOfficeProgress{
clear:both;
}

ul.mainMenu{
list-style: none;	
text-align:center;
margin-top:0;
}

ul.mainMenu li{
float:left;
margin-left:35px;
margin-right:35px;
text-align:center;
}




ul.mainMenuAbout{
list-style: none;	
text-align:center;
margin-top:0;
}

ul.mainMenuAbout li{
float:left;
margin-left:20px;
margin-right:20px;
text-align:center;
}
/* End of 'Layout' */