﻿/*--- RMCS CSS ---*/

* {
  box-sizing: border-box;
}
.menu {
  float:left;
  width:20%;
  text-align:center;
}
.menu a {
  background-color:#e5e5e5;
  padding:2px;
  margin-top:7px;
  display:block;
  width:100%;
  color:black;
}

.main {
  float:left;
  width:60%;
  padding:0 20px;
}
.mainmobile {
  float:left;
  width:75%;
  padding:0 20px;
}
.submain {
  float:left;
  width:33.3%;
  padding:0 20px;
}
.blankspace {
  background-color:#ffffff;
  float:left;
  width:3%;
  padding:0 20px;
}
.rightmobile {
  background-color:#e5e5e5;
  float:left;
  width:24.9%;
  padding: 15px;
  margin-top:7px;
  text-align:center;
}
.right20 {
  background-color:#e5e5e5;
  float:left;
  width:20%;
  padding: 15px;
  margin-top:7px;
  text-align:center;
}

.right {
  background-color:#e5e5e5;
  float:left;
  width:16.9%;
  padding: 15px;
  margin-top:7px;
  text-align:center;
}

@media only screen and (max-width:620px) {
  /* For mobile phones: */
  .menu, .main, .right {
    width:100%;
  }
}

#frame {
	float: left;
	width: 100%;
	padding: 10px 0;
	border: 2px solid #C8CDD2;
}
#frame dl {
	float: left;
	margin: 10px 20px;
	padding: 0;
}
#frame dt {
	float: right;
	width: 73.9%;
	margin: 0;
	padding: 0;
	font-size: 120%;
	letter-spacing: 1px;
	color: #627081;
}
#frame dd {
	margin: 0 0 0 25.9%;
	padding: 0;
	font-size: 95%;
	line-height: 1.2em;
	color: #666;
}
#frame dl dd.img {
	margin: 0;
}
#frame dd.img img {
	float: left;
	margin: 0 8px 0 0;
	padding: 4px;
	border: 2px solid #D9E0E6;
	border-bottom-color: #C8CDD2;
	border-right-color: #C8CDD2;
	background: #FFF;
}

/* reverse float */

#frame .alt dt {
	float: left;
}
#frame .alt dd {
	margin: 0 25.9% 0 0;
}
#frame .alt dd.img img {
	float: right;
	margin: 0 0 0 8px;
}

/* second frame */


#sframe {
	float: left;
	width: 100%;
	padding: 10px 0;
	border: 2px solid #C8CDD2;
}
#sframe dl {
	float: left;
	margin: 10px 20px;
	padding: 0;
}
#sframe dt {
	float: right;
	width: 58.9%;
	margin: 0;
	padding: 0;
	font-size: 120%;
	letter-spacing: 1px;
	color: #627081;
}
#sframe dd {
	margin: 0 0 0 40.9%;
	padding: 0;
	font-size: 95%;
	line-height: 1.2em;
	color: #666;
}
#sframe dl dd.img dd.table{
	margin: 0;
}
#sframe dd.img img dd.table table{
	float: left;
	margin: 0 8px 0 0;
	padding: 4px;
	border: 2px solid #D9E0E6;
	border-bottom-color: #C8CDD2;
	border-right-color: #C8CDD2;
	background: #FFF;
}

/* reverse float */

#sframe .alt dt {
	float: left;
}
#sframe .alt dd {
	margin: 0 40.9% 0 0;
}
#sframe .alt dd.img img {
	float: right;
	margin: 0 0 0 8px;
}

/*--- End Of CSS ---*/
