/* Start Mobile Layout: 480px and below. */
.wrapper{width:90%; background:#fff;}

.top{width:100%;padding-top:10px; background:url(../images/top_bg.gif);}
.top_left{width:100%; text-align:center; padding-top:5px;}
.top_right{margin-left:0%; width:100%;}

.navbar-brand{display:block;}

.menu_bar{width:90%; border-radius:10px;}
.banner{width:100%;padding-top:10px; padding-bottom:10px;}
.banner img{border-radius:20px;}

.section{width:100%; }

.section_left{width:90%; margin-left:1%;}
.section_right{ width:90%;margin-right:1%;}

.footer{width:100%; color:#000; font-size:12px; text-align:center;}

.footer A {
	color: #000;
	text-decoration:none;
}
.footer A:hover { text-decoration:underline;
color:#000;
}
.footer ul {
	padding-left:10px;
	list-style-type: none;
	clear: both;
	width: 100%;
	margin-bottom: 7px;
}

.footer li {
	display: inline;
}

.footer li A {
	display: inline;
	width: 80px;
	padding: 0 6px;
}

.footer p {text-align:center;
	clear: both;
	padding: 0 0 5px 20px;
	margin: 0px;
	line-height:20px;
}

#slideshow {
      height:100px;  
}
/* End Mobile Layout: 480px and below . */

/* Start Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media screen and (min-width: 481px) {
.wrapper{width:90%; background:#fff;}

.top{width:100%;padding-top:10px; background:url(../images/top_bg.gif);}
.top_left{width:100%; text-align:center; padding-top:5px;}
.top_right{margin-left:0%; width:100%;}

.navbar-brand{display:block;}

.menu_bar{width:90%; border-radius:10px;}
.banner{width:100%;padding-top:10px; padding-bottom:10px;}
.banner img{border-radius:20px;}

.section{width:100%; }

.section_left{width:90%; margin-left:1%;}
.section_right{ width:90%;margin-right:1%;}

.footer{width:100%; color:#000; font-size:12px; text-align:center;}

.footer A {
	color: #000;
	text-decoration:none;
}
.footer A:hover { text-decoration:underline;
color:#000;
}
.footer ul {
	padding-left:10px;
	list-style-type: none;
	clear: both;
	width: 100%;
	margin-bottom: 7px;
}

.footer li {
	display: inline;
}

.footer li A {
	display: inline;
	width: 80px;
	padding: 0 6px;
}

.footer p {text-align:center;
	clear: both;
	padding: 0 0 5px 20px;
	margin: 0px;
	line-height:20px;
}

#slideshow {
      height:200px;  
}

}
/* End Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */


/* Start Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media screen and (min-width: 769px) {
.wrapper{width:90%; background:#fff;}

.top{width:100%;padding-top:10px; background:url(../images/top_bg.gif);}
.top_left{float:left; width:18%; text-align:center; padding-top:100px;}
.top_right{float:right; margin-right:1%; width:80%;}

.navbar-brand{display:none;}

.menu_bar{width:100%;background:url(../images/menu_bg.gif); border-radius:10px;}
.banner{width:100%;padding-top:10px; padding-bottom:10px;}
.banner img{border-radius:20px;}

.section{width:100%; }

.section_left{float:left; width:49%; margin-left:1%;}
.section_right{float:right; width:48%;margin-right:1%;}

.footer{width:100%; color:#000; font-size:12px; text-align:center;}

.footer A {
	color: #000;
	text-decoration:none;
}
.footer A:hover { text-decoration:underline;
color:#000;
}
.footer ul {
	padding-left:10px;
	list-style-type: none;
	clear: both;
	width: 100%;
	margin-bottom: 7px;
}

.footer li {
	display: inline;
}

.footer li A {
	display: inline;
	width: 80px;
	padding: 0 6px;
}

.footer p {text-align:center;
	clear: both;
	padding: 0 0 5px 20px;
	margin: 0px;
	line-height:20px;
}


#slideshow {
      height:350px;  
}




}



/* End Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */