/* CSS Document */

BODY
{
	background-color: #CCC;
	margin-top: 0px;
	font-family: verdana, helvetica, sans-serif;
	font-size: 16px;
	margin-left: 0px;
	padding-left: 10px;
	padding-top: 10px;
}

.dslogo {
}

.title {
	background-color:#fff;
	padding-left: 3%;
	padding-top: 1%;
}

.title h1 {
	font-size: 3vw;
	text-transform: uppercase;
	margin: 0 0;
	color:#333;
}

.title h2 {
	font-size: 1.4vw;
	margin: 0 0 2% 1px;
	color:#666;	
	font-weight: normal;
}

.services_bar {
	background-color:#ff6302;
	height: 3vh;
}

.m-container {
	margin: 0 auto 0 auto;
	text-align: center;
}
.menu{
	display: block;
	list-style: none;
	margin: auto ;
	padding: 0;
}

.menu li{
	display: block;
	margin:0.5% 0.4%;
	padding: 0.2% 1%;
	border-bottom: 5px;
	border-bottom-color:#ff0000;
	color: #FFF;
	font-size: 1.2vw;
}

.heroimg{
	margin: 2vmax 5vmax;
	
}

.loginBox {
	margin: 0 0 0 10px;
	border-radius: 8px;
    border: 2px solid #CCC;
    padding: 5px; 
    width: 200px;
    height: 15px;    
}

.StyleBtnLogin {
	margin-left: 10px;
	margin-bottom: 5%;
}

.membership_logos {
	margin: 0 4%;
}

.logo1{
	float: left;
}

.logo2{
	float: right;
	margin-top: 12px;
}

.logo1 img {
  opacity: 0.8;
  filter: alpha(opacity=80); /* For IE8 and earlier */
}

.logo2 img {
  opacity: 0.8;
  filter: alpha(opacity=80); /* For IE8 and earlier */
}