.loginContent{
	position: relative;
	margin-top:10%;
	width:100%;
	height: 100px;
	background-color: white;
	color: black;
	font-weight:bold;
	font-size:15px;
	LINE-HEIGHT:22px;
}

.termsContent{
	position: relative;
	margin-top:5%;
	width:100%;
	height: 100px;
	background-color: white;
	color: black;	
	font-size:15px;
	LINE-HEIGHT:22px;
}

.registerContent{
	position: relative;
	margin-top:2%;
	width:100%;
	font-size:14px;
	
	background-color: white;
	color: black;
	font-weight:bold;
}

.registerNote{
	font-size:12px;
	font-weight:normal;
}

.SignInButton{	
	position: absolute;
	top: 25px;
	right: 10px;
	margin-right:10%;
	font-weight:bold;
	background-color: blue;
	height: 30px;
	font-size:12px;
	color: white;
	text-align: right;
}

.SignOut{	
	position: absolute;
	top: 20px;
	right: 10px;
	margin-right:10%;
	height: 30px;
	font-size:15px;
	color: white;
	text-align: right;
}

.Logo{
	max-height: 125px;
	max-width:  125px;
}

#wrapper{
	width:100%;
	height:768px;
	background-color:white;
	
	
}

.header{
	width:100%;
	height:80px;
	background-color: #F5F5F5;
	color: black;
	font-weight:bold;
	font-size:13pt;
	font-family: Arial, Verdana, Sans-Serif;
}

.header a:link{
	color: blue;
	text-decoration: none;
}

.header  a:active{
	color: red;
	text-decoration: none;
}

.header  a:visited{
	color: dark blue;
	text-decoration: none;
}

.header  a:hover{
	color: blue;
	text-decoration: underline;
}

#menuTop{
	width:100%;
	height:30px;	
	font-size:12pt;
	color: lightblue;
	padding: 5px;
}

.columnLeft{
	width:15%;
	height:658px;
	float:left;
	background-color: #F5F5F5;	
	padding: 5px;
	font-size:11pt;
	LINE-HEIGHT:15pt;
}

.columnRight{
	width:25%;
	height:658px;
	float:right;
	background-color: #F5F5F5;
	font-size:11pt;
	LINE-HEIGHT:15pt;
	padding: 5px;
}

.SummaryHeader{
	width:60%;
	height:25px;
	background-color: #F5F5F5;
	margin-left:15%;
	font-size:11pt;
	padding:5px;
}

.SummaryBody{
	width:60%;
	
	margin-left:15%;
	font-size:10pt;
	LINE-HEIGHT:15pt;
	font-weight:bold;	

}

.SummaryBody a:link{
	color: blue;
	text-decoration: none;
}

.SummaryBody a:active{
	color: black;
	text-decoration: none;	
}

.SummaryBody a:visited{
	color: dark blue;
	text-decoration: none;
}

.SummaryBody a:hover{
	color: blue;
	text-decoration: underline;
}

#footer{
	
	height:30px;	
	width:60%;
	margin-left:15%;
	font-size:10pt;
	font-family: arial;
	text-align:center;
		
}

.mainContent{	
	width:60%;
	
	margin-left:15%;
	color: black;
    	font-size:10pt;
    	LINE-HEIGHT:15pt;
}

.mainContentUpper{
	
	width:60%;
	
	margin-left:15%;
	color: black;
	font-size:10pt;
	LINE-HEIGHT:15pt;
}

.mainContentLower{
	width:60%;
	
	margin-left:15%;
	color: black;
	font-size:10pt;
	LINE-HEIGHT:15pt;
}

.newsBodyPhoto { 
    display:table-cell; 
    vertical-align:middle; 
    width:15%; 
    margin:0; 
    padding:0;   
    max-height: 100px;
    max-width:	100px;
  
}

.newsBodyContent { 
    display:table-cell; 
    vertical-align:middle; 
    width:85%; 
    padding:0 10px; 
}	

.newsPhoto{
	max-height: 80px;
	max-width:  80px;
	font-size: 8pt;
}	
	
.researchBodyContent { 
    display:table-cell; 
    vertical-align:middle; 
    width:85%; 
    padding:0 10px; 
}	

.researchPhoto{
	max-height: 100px;
	max-width: 100px;
	font-size:10pt;
}	
		
.researchBodyPhoto { 
    display:table-cell; 
    vertical-align:middle; 
    width:15%; 
    margin:0; 
    padding:0;   
    max-height: 100px;
    max-width:	100px;
}	
	
.researchBody{
	width:60%;
	
	margin-left:15%;
	color: black;
    	font-size:10pt;
    	LINE-HEIGHT:15pt;
}	

	
.researchOnePhoto{
	max-height: 150px;
	max-width: 250px;
	font-size:10pt;
}	
			
.researchBodyOne{
	width:60%;
	
	margin-left:15%;
	color: black;
    	font-size:16px;
    	LINE-HEIGHT:24px;
    	padding: 10px;
}	
	
	
.newsBody{
	width:60%;
	
	margin-left:15%;
	color: black;
    	font-size:10pt;
    	LINE-HEIGHT:15pt;
}	
	
.newsBody a:link{
	color: blue;
	text-decoration: none;
}

.newsBody a:active{
	color: black;
	text-decoration: none;
}

.newsBody a:visited{
	color: dark blue;
	text-decoration: none;	
}

.newsBody a:hover{
	color: blue;
	text-decoration: underline;
	
}	

#newsIndexHead{
	color: black;
	margin-left:-5%;
	font-size:11pt;
}
	
#newsIndex{
	color: black;
	margin-left:5%;
	font-size:8pt;
	LINE-HEIGHT:12pt;
}

#newsIndex a:link{
	color: black;
	text-decoration: none;
}

#newsIndex a:active{
	color: black;
	text-decoration: red;
}

#newsIndex a:visited{
	color: black;
	text-decoration: none;
}

#newsIndex a:hover{
	color: black;
	text-decoration: underline;
}

#researchIndexHead{
	color: black;
	margin-left:-5%;
	font-size:11pt;
}

#researchIndex{
	color: black;
	margin-left:5%;
	font-size:8pt;
	LINE-HEIGHT:12pt;
}

#researchIndex a:link{
	color: black;
	text-decoration: none;
}

#researchIndex a:active{
	color: black;
	text-decoration: red;
}

#researchIndex a:visited{
	color: black;
	text-decoration: none;
}

#researchIndex a:hover{
	color: black;
	text-decoration: underline;
}

#forumHeader{
	width:60%;
	height:20px;
	background-color: #F5F5F5;
	margin-left:15%;
	font-size:11pt;
}

.forumBody{
	width:60%;	
	margin-left:15%;
	font-size:10pt;
	LINE-HEIGHT:15pt;

}


.forumBody a:link{
	color: blue;
	text-decoration: none;
}

.forumBody a:active{
	color: black;
	text-decoration: none;
}

.forumBody a:visited{
	color: dark blue;
	text-decoration: none;
}

.forumBody a:hover{
	color: blue;
	text-decoration: underline;
}


#forumBodyTable{
	margin-left:0%;
	font-size:10pt;
	LINE-HEIGHT:15pt;
}

#forumIndexHead{
	color: black;
	margin-left:-5%;
	font-size:11pt;
}

#forumIndex{
	color: black;
	margin-left:5%;
	font-size:8pt;
	LINE-HEIGHT:12pt;
}

#forumIndex a:link{
	color: black;
	text-decoration: none;
}

#forumIndex a:active{
	color: black;
	text-decoration: red;
}

#forumIndex a:visited{
	color: black;
	text-decoration: none;
}

#forumIndex a:hover{
	color: black;
	text-decoration: underline;
}

#ForumAuthorArea{
	width:20%;
	margin-left:0%;
	background-color: green;
}

#ForumMessageArea{
	width:80%;
	margin-left:20%;
	background-color: red;
}

.downloadPhoto{
	max-height: 175px;
	max-width:	175px;
	font-size:10pt;
}	

.downloadBodyContent { 
    display:table-cell; 
    vertical-align:middle; 
    width:60%; 
    padding:0 10px; 
}	
		
.downloadBodyPhoto { 
    display:table-cell; 
    vertical-align:middle; 
    width:40%; 
    margin:0; 
    padding:0;   
	max-height: 100px;
	max-width:	100px;  
}	
	
.downloadBody{
	padding: 10px;
	width:60%;
	margin-left:15%;
	color: black;
    	font-size:10pt;
    	LINE-HEIGHT:15pt;
}	
	
.AuthorBox{
	position: relative;
	top: 1px;
	left: 1px;
}

.ProfilePhoto{
	max-height: 75px;
	max-width:	75px;
}
	
.Message{
	color: green;
	
}

.replyButton{
	position: relative;
	margin-right:2pt;
}


/* MEDIA DEVICE QUERY */

/* option 1: any device <=667 and portrait */

/* iPhone 6 and iPhone 6+ (and other Smart Phones) portrait */
@media only screen and (max-device-width: 640px) and (orientation : portrait), only screen and (max-device-width: 667px) and (orientation : portrait), only screen and (max-width: 480px) and (orientation : portrait){ 

	.header{
		
	}

	.columnLeft{
		visibility: hidden;
		width:0%;	
	}
	
	.columnRight{
		visibility: hidden;
		width:0%;
	}
	
	.SummaryHeader{
		margin-left:0%;
		width:100%;
	}

	.SummaryBody{
		margin-left:0%;
		width:100%;
		
	}	
	
	.downloadBody{
		margin-left:0%;
		width:100%;
		padding: 10px;
		color: black;
    		font-size:10pt;
	}	
	
			
	.newsBody{
	    margin-left:0%;
	     width:100%;
	}
	
	.forumBody{
	     margin-left:0%;
	     width:100%;
	}
	
	.mainContent{	
	     margin-left:0%;
	     width:100%;
	}
	
	.mainContentUpper{
	  margin-left:0%;
	    width:100%;
	
	}
	
	.mainContentLower{
	  margin-left:0%;
	    width:100%;
	
	}
	
	.researchBody{
	    margin-left:0%;
	    width:100%;
	
	}
			
	.researchOnePhoto{
		
		
	}	
			
	.researchBodyOne{
	   margin-left:0%;
	    width:100%;
	    font-size:19px;
    	    LINE-HEIGHT:30px;
	}	

	
}

/* option 2: any device <=667 and landscape */

/* iPhone 6 and iPhone 6+ (and other Smart Phones) landscape */
/*@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) and (orientation : landscape){ */
@media only screen and (max-device-width: 640px) and (orientation : landscape), only screen and (max-device-width: 667px) and (orientation : landscape), only screen and (max-width: 480px) and (orientation : landscape){ 

	.header{
	
	}

	.columnLeft{
		visibility: hidden;
		width:0%;	
	}
	
	.columnRight{
		visibility: hidden;
		width:0%;
	}
	
	.SummaryHeader{
		margin-left:0%;
		width:100%;
	}

	.SummaryBody{
		margin-left:0%;
		width:100%;
		
	}
	
	.downloadBody{
		margin-left:0%;
		width:100%;
		padding: 10px;
		color: black;
    		font-size:10pt;
	}
			
	.newsBody{
	    margin-left:0%;
	     width:100%;
	}
	
	.forumBody{
	     margin-left:0%;
	     width:100%;
	}
	
	.mainContent{	
	     margin-left:0%;
	     width:100%;
	}
	
	.mainContentUpper{
	  margin-left:0%;
	    width:100%;
	
	}
	
	.mainContentLower{
	  margin-left:0%;
	    width:100%;
	
	}
	
	.researchBody{
	    margin-left:0%;
	    width:100%;
	
	}
	
	.researchOnePhoto{
		
		
	}	
			
	.researchBodyOne{
	   margin-left:0%;
	    width:100%;
	    font-size:19px;
    	    LINE-HEIGHT:30px;
	}			
	
}	

/* option 3:   768<=any device <=1024 and portrait */

/* iPads portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){ 
/* Styles */
	.header{
	
	}
	
	.columnLeft{
		visibility: hidden;
		width:0%;
		height:788px;	
	}
	
	.columnRight{
		height:788px;	
	}
	
	.SummaryHeader{
		margin-left:0%;
		width:75%;
	}

	.SummaryBody{
		margin-left:0%;
		width:75%;
		
	}
	
	.downloadBody{
		width:75%;
		margin-left:0%;
		padding: 10px;
		color: black;
    		font-size:10pt;
	}
				
	.newsBody{
	    margin-left:0%;
	     width:75%;
	}
	
	.forumBody{
	     margin-left:0%;
	     width:75%;
	}
	
	.mainContent{	
	     margin-left:0%;
	     width:75%;
	}	
	
	.mainContentUpper{
	  margin-left:0%;
	    width:75%;
	
	}
	
	.mainContentLower{
	  margin-left:0%;
	    width:75%;
	
	}
	
	.researchBody{
	    margin-left:0%;
	    width:75%;
	
	}
	
	.researchOnePhoto{
		
		
	}	
			
	.researchBodyOne{
	   margin-left:0%;
	    width:75%;
	    font-size:15px;
    	    LINE-HEIGHT:22px;
	}	
}

/* option 4:   768<=any device <=1024 and landscape */

/* iPads landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){ 
/* Styles */
	
}
	

/* option 5:   768<=any device <=1024 and landscape/portrait */	

/* other Tablets (landscape and portrait)*/		
@media only screen and (min-width: 668px) and (max-width: 767px){
/* same as option 2 */	
	
	
}
		

/* iPhone 4. Comma can be used to apply same rules to multiple media queries. */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

/*iPhone 6 Portrait*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape) { 
			
}

/*iPhone 6 landscape*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) { 

}	
	
/*  Desktops and laptops */
@media only screen and (min-width : 1224px) {
/* Styles */
}

/* Smartphones (portrait and landscape) */
/* @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { */
/* @media only screen and (max-width: 479px){ */
@media only screen and (max-width: 479px){ 

}