@media only screen and (max-device-width: 480px) {


#outer{
width:100%;
margin:auto;
border:0px;
background-color:#FFFFFF;
margin-top:0px;
}

#inner{
width:100%;
margin:auto;
}
/* Textarea is changed depending on the menu settings */
		#TextArea{
		/*width:550px; */
		font-size:80%;
		width:100%;
		float:none;
		margin:0px;
		padding:0px;
		}
		
		#TextArea ul{

		}
		
		#TextArea a{
		font-weight:bold;
		}
		
		#TextArea p{
		line-height:1.5em;
		}
		
		#TextArea li{
		line-height:1.5em;
		}
		
		.TextAreaNormal{
		width:100%;
			margin:0px;
		padding:0px;
		}
		.TextAreaLeftMenu{
		width:100%;
		margin:0px;
		padding:0px;
		}
		.TextAreaRightMenu{
		width:100%;
		margin:0px;
		padding:0px;
		}
		
		
/* end of settings for TextArea */

#footer{
/*margin-top:10px;*/
clear:both;
text-align:center;
width:100%;

/* background-image:url(../images/dd.jpg);
background-position:top;
background-repeat:repeat-x;
*/
background-color:#333;
padding-top:5px;
padding-bottom:5px;
font-size:70%;
color:#fff;
}

/* only used if the menu position is on the right selected from cms*/

.Menu.rightmenu{
float:none;
text-align:right;
}

.Menu.rightmenu ul{
	width:100%;
}

.Menu.rightmenu li a{
padding-right:5px;
}

/* end of right menu setting*/
.Menu{
float:none;
width:100%;
}

.Menubottom{

}

.Menu-side{
width:100%;
}

.Menu-side ul{
width:100%;
}
.Menu-side li{
width:100%;
	}
	
.Menu-side li a{
	width:100%;
	}
	
.Menu-side li a.currentpage{
width:100%;
	}
	

.Menu-side li a:hover{
width:100%;
	}
	
.Menu-side li li a{
width:100%;
}
		
	
/* i.e drop down fix  level 1*/
	
.Menu-side li li a:hover{
width:100%;
	}
	
/* i.e drop down fix  level 2*/	

.Menu-side li li li a{
width:100%;
	}
	
.Menu-side li li li a:hover{
width:100%;
	}

.Menu-side li li li li a{
width:100%;
	}
		
.Menu-side li:hover li .popup {
width:100%;
}
	
	/* end of top menu*/
	
/* horizontal menu*/
#HorizontalMenu{
width:100%;
background:#fff url(none);
border-bottom:1px dotted #999;
}

#HorizontalMenu ul{
width:100%;
margin:0px;
padding:0px;
}

#HorizontalMenu li{
width:100%;
	}
	
		
#HorizontalMenu li a{
	width:100%;
	background:#fff url(none);
	border-bottom:1px dotted #999;
	}
	
#HorizontalMenu li a.currentpage{
	width:100%;
	background:#fff url(none);
	border-bottom:1px dotted #999;
	}
	

#HorizontalMenu li a:hover{
	width:100%;
	background:#fff url(none);
	border-bottom:1px dotted #999;
	}
	
	
#HorizontalMenu li li a{
	width:100%;
	background:#fff url(none);
	border-bottom:1px dotted #999;
}
		
	
/* i.e drop down fix  level 1*/
	
#HorizontalMenu li li a:hover{
	width:100%;
	background:#fff url(none);
	border-bottom:1px dotted #999;
	}
	
/* i.e drop down fix  level 2*/	

#HorizontalMenu li li li a{
	width:100%;
	background:#fff url(none);
	border-bottom:1px dotted #999;
	}
	
#HorizontalMenu li li li a:hover{
	width:100%;
	background:#fff url(none);
	border-bottom:1px dotted #999;
	}

#HorizontalMenu li li li li a{
	width:100%;
	background:#fff url(none);
	border-bottom:1px dotted #999;
	}
/* HorizontalMenu*/

}