@charset "utf-8";
/* CSS Document */
@media screen and (min-width:240px) and ( max-width:480px) {
#right{
	width:100% !important;
	margin:10px 0 0 0 ;
	padding: 0 0 10px 0;
	text-align:left;
}

.rightbox{
	display:none;
	}
.rightbox2{
	clear:both;
	width:100% !important;
	margin:0 ;
	padding:0;
	text-align:left;
	}
.rightbox2 h3{
	margin:0 auto 10px auto;
	padding:1%;
	width:98% !important;
	text-align:center;
	font-size:120%;
	font-weight:normal;
	background: #cffbd9;
	-moz-border-radius: 12px;    /* Firefox */
    -webkit-border-radius: 12px; /* Safari,Chrome */
    border-radius: 12px;         /* CSS3 */
	}
.rightbox2 h4{
	margin:0 auto;
	padding:1%;
	width:98% !important;
	text-align:center;
	line-height:1.5em;
	font-size:100%;
	font-weight: bold;
	color:#0b310b;
	}
.rightbox2 p{
	margin:0 auto;
	padding:1%;
	width:98% !important;
	text-align:center;
	font-size:100%;
	line-height:1.5em;
	}


#right ul{
margin:0px auto 10px auto; 
padding:0px 0px 0px 0px;
 width:50%;list-style-type: none;
	}
#right ul li{
	margin:10px 0px 10px 0px; 
	padding:0px; 
	width:100%; 
	text-align:left;
	}
#right ul li p{
	margin:0px 0px 0px 0px; 
	padding:0px; 
	width:100%; 
	font-size:9pt; 
	line-height:1.5em;
	}
}

@media screen and (min-width:481px) and ( max-width:800px) {
#right{
	width:100% !important;
	margin:10px 0 0 0 ;
	padding: 0 0 10px 0;
	text-align:left;
}

.rightbox{
	display:none;
	}
.rightbox2{
	clear:both;
	width:100% !important;
	margin:0 ;
	padding:0;
	text-align:left;
	}
.rightbox2 h3{
	margin:0 auto 10px auto;
	padding:1%;
	width:98% !important;
	text-align:center;
	font-size:120%;
	font-weight:normal;
	background: #cffbd9;
	-moz-border-radius: 12px;    /* Firefox */
    -webkit-border-radius: 12px; /* Safari,Chrome */
    border-radius: 12px;         /* CSS3 */
	}
.rightbox2 h4{
	margin:0 auto;
	padding:1%;
	width:98% !important;
	text-align:center;
	line-height:1.5em;
	font-size:100%;
	font-weight: bold;
	color:#0b310b;
	}
.rightbox2 p{
	margin:0 auto;
	padding:1%;
	width:98% !important;
	text-align:center;
	font-size:100%;
	line-height:1.5em;
	}


#right ul{
margin:0px auto 10px auto; 
padding:0px 0px 0px 0px;
 width:50%;list-style-type: none;
	}
#right ul li{
	margin:10px 0px 10px 0px; 
	padding:0px; 
	width:100%; 
	text-align:left;
	}
#right ul li p{
	margin:0px 0px 0px 0px; 
	padding:0px; 
	width:100%; 
	font-size:9pt; 
	line-height:1.5em;
	}
}


@media screen and (min-width:801px) and ( max-width:1023px) {
#right{
	float:right;
	width:200px;
	margin:10px 0 0 0 !important;
	padding: 0 0 10px 0;
	text-align:left;
	background:url(../images/right_bk.png);
}
.rightbox{
	width:100% !important;
	margin:0 auto;
	padding:0;
	text-align: center;
	}
.rightbox2{
	width:200px !important;
	margin:0 10px!important;
	padding:0;
	text-align: center;
	}

#right ul{
margin:0px auto 10px auto; 
padding:0px 0px 0px 0px;
 width:170px;list-style-type: none;
	}
#right ul li{
	margin:10px 0px 10px 0px; 
	padding:0px; 
	width:170px; 
	text-align:left;
	}
#right ul li p{
	margin:0px 0px 0px 0px; 
	padding:0px; 
	width:170px; 
	font-size:9pt; 
	line-height:1.5em;
	}
}

@media screen and (min-width:1024px) {

#right{
	position: absolute;
	right:0;
	width:200px;
	margin:0  !important;
	padding:0 !important;
	text-align:left;
}

.rightbox{
	width:200px !important;
	margin:0!important;
	padding:0;
	text-align:left;
	}
.rightbox2{
	width:200px !important;
	margin:0 10px!important;
	padding:0;
	text-align: center;
	}
#right ul{
	display:none
}

}