
/*Member's Section*/

#memberArea {
	clear: both;
	width: 81%;
	overflow: hidden;
	background: #3076B2;
	margin: 0 auto;
	color: white;
	padding: 0;
	border-radius: 10px;
	position: relative;
	xxxmargin-top: -50px;
	margin-top: 20px;
	text-align: left;
}

#memberSummary {
	text-align: justify;
	text-align: left;
	width: 60%;
	width: 50%;
	margin: 40px;
	margin-right: 10px;
	float: left;
	padding-right: 40px;
	border-right: #2D6EA6 3px solid;
}

#memberSummary p {
	font-weight: 100;
	font-size: 1em;
}

#memberLinks {
	width: 25%;
	margin: 40px;
	margin-left: 10px;
	float: left;
}

#memberLinks h1 {
	margin-left: 40px;
}

#memberLinks ul {
	list-style-type: none;
	padding: 0;
	width: 60%;
	margin: 0 auto;
	text-align: left;
}

#memberLinks ul li {
	padding-bottom: 7px;
	font-weight: 200;
	font-size: 1em;
}

#memberLinks ul li a {
	color: black;
	color: #ff6;
}


@media only screen and ( max-width: 768px ){
	#memberSummary,
	#memberLinks {
		width: 80%;
		clear: both;
		margin: 10px;
/*		font-size: 0.5em;*/
	}
	#memberLinks li {
		/* list-style-type: normal; */
		font-size: 0.8em;
	}
}

  /* this limit defines a "small" screen */
  @media only screen and ( max-width: 980px ){
   #memberArea {
    width: 82%;
    margin: 10px auto;
   }
   #memberSummary {
    clear: both;
    float: none;
    width: 90%;
    border: none;
   }
   #memberLinks {
    clear: both;
    float: none;
    width: 100%;
   }
   #memberLinks ul {
    /* list-style-type: initial; */
   }
 }
