body {
background-color:		black;
color:					white;
margin:					0 auto;
padding:    			0;
font-family:			verdana;
font-size:				15px;
font-weight:			normal;
text-align:				left;}


html {height: 101%}
img {border: 1px solid white}


h1, h2, p {font-family: verdana}
h1 {font-size: 24px;	text-align: left; 		color: yellow;  margin-left: 10px;	margin-top: 20px;		margin-bottom: 35px;}
h2 {font-size: 18px;	text-align: left;		color: cyan;	margin-left: 10px;	margin-bottom: -10px;}
h3 {font-size: 20px;	font-weight: bold;		color: yellow;  margin-top: -10px;	margin-bottom: 0px;		text-align: center;	}
p  {font-size: 15px;	font-weight: normal;	color: white;   margin-left: 10px;	margin-bottom: 30px;	line-height: 150%;}


.menubar {
width:				100%;
margin-top:			10px;
margin-bottom:		10px;
text-align:			center;}


.img-banner {
margin:				0 auto;
display:  			block;
width:				100%}


.middle {
text-align: center;}

.bold	{font-size: 18px; font-weight:	bold}


/* ======================================================= FOR DESKTOP  =================================================== */
/* ============================ If the minimum width is greater than 900px, run this code ================================= */

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

a:link, a:visited, a:active  {font-size: 16px; font-weight: bold; text-decoration: none;  color: white;}
a:hover   {text-decoration: none;  color: aqua;}

.container {
width:				1200px;
margin:				0 auto;
margin-top: 		10px;
margin-bottom: 		30px;
text-align:			left;}

}


/* ======================================================= FOR LAPTOP & PADS =================================================== */
/* ================ If the minimum width is greater than 500px and maximum less than 1100, run this code ======================= */

@media only screen and (min-width: 500px) and (max-width: 1100px) {

a:link, a:visited, a:active  {font-size: 16px; font-weight: bold; text-decoration: none;  color: white;}
a:hover   {text-decoration: none;  color: aqua;}

.container {
width:				800px;
margin:				0 auto;
margin-top: 		10px;
margin-bottom: 		30px;
text-align:			left;}

}


/* ======================================================= FOR MOBILE PHONES =================================================== */
/* =============================== If the maximum width is less than 500px, run this code ====================================== */

@media only screen and (max-width: 500px) {

a:link, a:visited, a:active  {font-size: 14px; font-weight: bold; text-decoration: none;  color: white;}
a:hover   {text-decoration: none;  color: aqua;}

.container {
width:				70%;
margin:				0 auto;
margin-top: 		10px;
margin-bottom: 		30px;
text-align:			left;
padding-left:		20px;
padding-right:		20px;}

}


/* ============================================================================================================================= */
/* ============================================================================================================================= */




z {}