/* Column container */
.rowContent {  
  display: flex;
  flex-wrap: wrap;
}


/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 700px) {
  .rowContent {   
    flex-direction: column;
  }
}

.ContentMain {
  	flex: 70%;
	margin-left:35px;
	padding-bottom:30px;
	XXXpadding-right:35px;
}



.RightMenu {	
	flex: 30%;
  	padding: 20px;
  
	XXXmargin-left:5px;
	XXXpadding-bottom:30px;
	XXXpadding-right:35px;
}

.XXXXRightMenu p {
	color: blue;
	line-height: 21px;
	font-size: 18px;
}




/* Column container */
.row {  
  display: flex;
  flex-wrap: wrap;
}


/* Main column */
.main {
  flex: 70%;
  padding: 20px;
}

.main h1 {
	margin-top: 10px;
	color: #164F96;
	text-align: center;
	font-weight: 480;
}


.main h2 {
	margin-top: 20px;
	color: #3F435C;
	font-size: 22px;
}

.main p {
	color: black;
	line-height: 21px;
	font-size: 18px;
	margin-right:25px;
	margin-left:25px;
	font-family: Georgia, Arial, Helvetica, sans-serif;
}


.main li {
	line-height: 21px;
	font-size: 18px;
	font-family: Georgia, Arial, Helvetica, sans-serif;
}


.maindisclaimmer {
	color: grey;
	line-height: 18px;
	font-size: 14px;
	font-style: italic;
	padding-top: 90px;
	width:50%;
	margin: auto;
	align-items: center;	
        font-family: Arial, Helvetica, sans-serif;
}



/* Create two unequal columns that sits next to each other */
/* Sidebar/left column */
.side {
  flex: 30%;
  padding: 20px;
  left-margin: 15px;
  right-margin: 30px;
}

.side h1 {
	margin-top: 6px;
	margin-bottom: 6px;
	color: #164F96;
	text-align: center;
	font-size: 28px;
	line-height: 30px;
	font-weight: 490;
}

.side h2 {
	margin-top: 14px;
	color: #3F435C;
	text-align: left;
	font-size: 18px;
	line-height: 21px;
	font-weight: 450;
}

.side h2 a {
	color: #0066cc;
}


.side p {
	color: black;
	font-size: 16px;
	line-height: 20px;
	margin-left: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-indent: -16px; 
        padding-left: 16px;
        font-family: Arial, Helvetica, sans-serif;
}

.side p a {
	color: #0066cc;
	font-family: Arial, Helvetica, sans-serif;
}

.side a:hover {
 	text-decoration: underline;
}



.threecolumn {
	margin-bottom: 30px;
}

.threecolumn h1 {
	margin-top: 6px;
	margin-bottom: 6px;
	color: #164F96;
	text-align: center;
	font-size: 28px;
	line-height: 30px;
	font-weight: 490;
}

.threecolumn h2 {
	margin-top: 14px;
	color: #3F435C;
	text-align: left;
	font-size: 18px;
	line-height: 21px;
	font-weight: 450;
}

.threecolumn h2 a {
	color: #0066cc;
}


.threecolumn p {
	color: black;
	font-size: 16px;
	line-height: 20px;
	margin-left: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-indent: -16px; 
        padding-left: 16px;
        font-family: Arial, Helvetica, sans-serif;
}

.threecolumn p a {
	color: #0066cc;
	font-family: Arial, Helvetica, sans-serif;
}

.threecolumn a:hover {
 	text-decoration: underline;
}


/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 700px) {
  .rowContent {   
    flex-direction: column;
  }
}