A
{
    TEXT-DECORATION: none;
}
A:active
{
    color: #336600;
}
A:hover
{
    COLOR: #009999;
	TEXT-DECORATION: underline;
}


A.topclass:link {
	color: #000000;
}
A.topclass:hover {
	color: #000000;
	TEXT-DECORATION: underline;
}
A.topclass:visited {
	color: #000000;
}
TABLE
{
	width:	100%;
	border: 0px;
	padding: 2px;
}
TD
{
	vertical-align: top;
	text-align: justify;
}
H1, H2, H3, H4, H5, H6 {
    border-bottom: 1px solid rgb(200, 200, 200);
	margin-bottom: 0px;
	margin-top: 0px;			 
}
IMG	{
	opacity: 1.0;
	border: 0;
	padding: 5px 5px 5px 5px;
	vertical-align: middle;	
}

IMG:hover
{
	opacity: 1.0;
}
IMG.selected
{
	box-shadow:0px 12px 22px 1px #009999;
}
HR	{
	color: #009999
}
HR.thinun
{
    height: 1px;
    color: #e6e6e6;
    background-color: #000000;
    border: none;
}
.sidebar	{
	list-style-position: inside;
	list-style-type: none; 
	font: 16px/1.4em Garamond,sans-serif;
}

.linkmenu	{
	background-color: #F0F5F5; 
	padding: 10px;
	border:2px solid #C2D6D6; 
	text-align: left;
	width:50vw;
}

.menulikelink {
	background-color: #F0F5F5; 
	padding: 10px;
	border:2px solid #C2D6D6; 
	text-align: left;
}

.bannerline, HR.bannerline
{color: #cc0000;
}
IMG.bannerline
{	display: block;
	width: 100vw;
}
.licircle {
	list-style-type:circle;
	list-style-position: inside;
}

.submitter {
	font-size:12pt; font-family: Garamond; color:#000000;background-color:#F0F5F5;border:2px solid #0033CC;padding:3px;margin-top:5px;margin-bottom:5px
}
.submitter:hover {opacity: 0.4;}
	
body {
    overflow-x: hidden;
}

 #rightsidemenu {
  position: fixed;
  right: 0;
  top: 90%;
  margin-top: -2.5em;
  background-color: transparent;  
  color: #000000;
  font: 12px/1.4em Garamond,sans-serif;
  border-color: black;
	}
	
.readmoreless	{
	text-align:center;
	color:#000000;
	background-color:#F0F5F5;
	float:right;
	/*position:fixed;
	top:80%;*/
	/*margin-top:-2.5em;*/
}

/* Responsive layout */
@media only screen and (max-width: 400px) {
  .submenuright {
  width:100vw;
  display:block;
  }
  .submenuleft {
  width:100vw;
  display:block;
  }
  .submenuleft50 {
  width:100vw;
  display:block;
  }  
  .linkmenu {
  width:90vw;
  display:block;
  }
  .sidebar {
  width:80vw;
  display:block;
  }
}
@media only screen and (max-width: 400px){
	.hidefromphone {
		display:none;
	}
	.showtophone  {
		display:block;
	}
	.centretable {
		margin:0 auto;
		width:100%; 
		border: 1px solid #009999;
		border-collapse: collapse;
	}
			
}
@media only screen and (min-width: 400px){
	.hidefromphone {
		display:block;
	}
	.showtophone  {
		display:none;
	}
	.centretable {
		margin:0 auto;
		width:50%; 
		border: 3px solid #009999;
		border-collapse: collapse;
	}	
}


