/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
/* Styles */
}
 
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}
 
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}
 
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
/* Styles */
}
 
/* iPads (landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape) {
/* Styles */
}
 
/* iPads (portrait) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {
/* Styles */
}
 
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}
 
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}
 
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

.body1 {
	background-color:#E0FFFF;
	padding-left:20%;
	padding-right:20%;
	font-family:arial, sans-serif;
	font-size:10pt ;
}

.body2 	{
	background-color:#CCFFFF;
	padding-left:20%;
	padding-right:20%;
	font-family:arial, sans-serif;
	font-size: 10pt;
}

.body3 {
	padding-left:10%;
	padding-right:10%;
	background-color:#EBCEAC;
}

.border1 {
	border-style:solid;
	border-color:black;
	border-width:5px;
}

.border2 {
	border-style:solid;
	border-color:blue;
	border-width:5px;
}

.border3 {
	border-style:solid;
	border-color:white;
	border-width:5px;
}

.border4 {
	border-style:solid;
	border-color:white;
	border-width:5px;
	text-align:center;
	font-size:2.0em;
}

.border5 {
	border-style:solid;
	border-color:#E0FFFF;
	border-width:15px;
}

.layout1 {
	width:100%;
	float:left;
}

.layout2 {
	text-align:center;
}

.layout3 {
	width:50%;
	float:left;
}

.layout4 {
	width:21%;
	text-align:center;
	float:left;
	border-style:solid;
	border-color:black;
	background-color:#E0FFFF;
}

.layout5 {
	width:100%;
	text-align:center;
}

.layout6 {
	width:4%;
	float:left;
}

.layout7 {
	width:50%;
	float:left;
	text-align:center;
}

.layout8 {
	padding-left:5%;
}

.layout9 {
	width:33%;
	float:left;
	text-align:center;
}

.layout10 {
	width: 25%;
	float: left;
	text-align: center;
}


.td1 {
	width:10%;
	vertical-align:top;
}

.td2 {
	width:50%;
}

.image3 {
	width:20%;
}

.image4 {
	height: 20px;
}

.nobullet {
	list-style-type:none;
}

.button1 {
	width:10%;
	height:25px;
	background-color:blue;
	color:white;
	text-align:center;
	font-size:1.4em;
	float:left;
}

.button2 {
	width:5%;
	height:25px;
	background-color:#CCFFFF;
	float:left;
}

.roh2 {
	width:1.8%;
	height:14px;
	border-style:none;
	border-color:black;
	float:left;
	text-align:center;
	font-size:1.3em;
}

.roh3 {
	width:1.8%;
	border-style:none;
	float:left;
}

a {
	text-decoration:none;
}
	
.newspaper {
    -webkit-column-count:2; /* Chrome, Safari, Opera */
    -moz-column-count:2; /* Firefox */
    column-count:2;
}

.layoutz {
	width: 50%;
	padding-left: 25%;
}