@charset "UTF-8";
/* CSS Document */

body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 15px;
} 
#master { width: 100%; margin: 0 auto; }



header { width: 100%; height: auto; background: rgb(149,149,149); font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 18px; color: rgb(255,255,255);text-decoration: none; border-bottom: 15px #8e2344 solid;  }
.img-responsive {width: 35%; max-width: 200px; height: auto; margin-left: 100px; padding-top: 15px; }

@media only screen and (max-width: 480px) { 
.img-responsive {width: 50%; max-width: 200px; height: auto; margin-left:0px;  }}

	@media screen and (max-device-width: 640px) {
	.img-responsive {width: 50%; max-width: 200px; height: auto; margin-left:0px;  }}

	@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
.img-responsive {width: 50%; max-width: 200px; height: auto; margin-left:0px;  }}

	@media screen and (min-device-width: 641px) and (max-device-width: 767px){
.img-responsive {width: 35%; max-width: 200px; height: auto; margin-left: 100px; }}

	@media screen and (min-device-width: 768px) and (max-device-width: 1023px){
.img-responsive {width: 35%; max-width: 200px; height: auto; margin-left: 100px; }}

	@media only screen and (min-width: 1024px) { 
.img-responsive {width: 35%; max-width: 200px; height: auto; margin-left: 100px; }}


header li { display: inline;text-decoration: none; color: rgb(255,255,255); word-spacing:.2em; padding-left: 2px; text-align: right;}

header li a { display: inline; text-decoration: none; color: rgb(255,255,255); word-spacing: .2em; padding-left: 2px; text-align: right;}

@media only screen and (max-width: 480px) { 
	header li a { display: block; text-align:center; text-decoration: none; color: rgb(255,255,255);}
	@media screen and (max-device-width: 640px) {
	header li a { display: block; text-align:center; text-decoration: none; color: rgb(255,255,255);}
	@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
	header li a { display: block; text-align:center; text-decoration: none; color: rgb(255,255,255);}
	@media screen and (min-device-width: 641px) and (max-device-width: 767px){
header li a { display: inline; text-decoration: none; color: rgb(255,255,255);}
	@media screen and (min-device-width: 768px) and (max-device-width: 1023px){
	header li a { display: inline; text-decoration: none; color: rgb(255,255,255);}
	@media only screen and (min-width: 1024px) { 
header li a { display: inline; text-decoration: none; color: rgb(255,255,255);}

nav {
	width: 100%;
	height: auto;
	background: rgb(149,149,149);
	color: rgb(255,255,255);
	padding-top: 2px;
	text-decoration: none;
	font-size: 18px;	
}


header li a: link {color: rgb(255,255,255); font-style:normal;  }
nav a: hover {color: rgb(142,35,68);}

	@media only screen and (max-width: 480px) { 
	header {width: 480px; height: auto;} }
	@media screen and (max-device-width: 640px) {
	header {width: 640px; height: auto;} }
	@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
	header {width: 480px; height: auto; } }
	@media screen and (min-device-width: 641px) and (max-device-width: 767px){
	header {width: 100%; height: auto; }
	@media screen and (min-device-width: 768px) and (max-device-width: 1023px){
	header {width: 100%; height: auto; } }
	@media only screen and (min-width: 1024px) { 
	header { width: 100%; height: auto; } }
	
	
h1 { font-size: 12px;}
h2 {color: rgb(142, 35, 68); text-align: center; font-size:12px;}
h3 {font-size: 12px;}
p {font size: 12px;}

	@media only screen and (max-width: 480px) { 
	#left {display: none;}}
	@media screen and (max-device-width: 640px) {
	#left { display: none;}}
}
	@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratios: 2){
	#left {display: none;} }
	@media screen and (min-device-width: 641px) and (max-device-width: 767px){
	#left {display: none;} }
	
	
	
   #right {margin-left: 290px; height: 100%; }
   @media only screen and (max-width: 480px) { 
	#right {margin-left: 10px; height: 100%; }}
	@media screen and (max-device-width: 640px) {
	#right {margin-left: 10px; height: 100%; }}
}
	@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratios: 2){
	#right {margin-left: 10px; height: 100%; } }
	
	@media screen and (min-device-width: 641px) and (max-device-width: 767px){
	#right {margin-left: 10px; height: 100%;}}
	@media screen and (min-device-width: 768px) and (max-device-width: 1023px){
#right {margin-left: 290px; height: 100%;} }
	@media only screen and (min-width: 1024px) { 
	#right {margin-left: 290px; height: 100%;} }



footer {
width: 100%; height: auto; background: #959595; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 14px;text-decoration: none; border-top: 15px #8e2344 solid; }

	@media only screen and (max-width: 480px) { 
	footer {width: 480px; height: auto; background: #959595; } }
	@media screen and (max-device-width: 640px) {
	footer {
	width: 640px;
	height: auto;
	background: #959595;
	margin-right: 100px;
} }
	@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratios: 2){
	footer {width: 480px; height: auto; background: #959595; } }
	@media screen and (min-device-width: 641px) and (max-device-width: 767px){
	footer {width: 100%; height: auto; background: #959595; }	}
	@media screen and (min-device-width: 768px) and (max-device-width: 1023px){
	footer {
	width: 100%;
	height: auto;
	background: #959595;
} }
	@media only screen and (min-width: 1024px) { 
	footer { width: 100%; height: auto; background: #959595; } }


footer p {font-size: 15px; align: right; text-align: justify; margin-left: 25px; margin-right: 25px;}

footer h3 {
	color: #FFFFFF;
	text-align: right;
}
h3 {
	color: #8e2344; text-align:right;}

	

footer h4 {
	font-size: 17px;
	text-align: right;
	color: #FFF;
}
h4 {
	font-size: 17px;
	text-align: right;
	color: #FFF;
}

 
 footer li { display: inline; margin: 0 auto; text-decoration: none; }

footer li a { display: inline; margin: 0 auto; text-decoration: none;}
footer h5 {font-size: 13px; margin-left: 20px ; text-decoration: none; }