@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

@media screen and (max-width:375px) {
  /* CSS for screens that are 320 pixels or less will be put in this section */
}

h1,h2,h3,h4,h5,h6
{
font-family: "verdana", "georgia", 'sans serif';
/*font-family: 'Roboto', serif;*/

margin-left: 5pt;
margin-top: 5pt;

}

h2
{
font-size: 16px;
}

h2 span { font-size:10px; }

h4
{
font-size: 14px;
}


h1,h2,h4,h5,hr 
{
/*color:#87d;*/ 
color:#857dae; 
}


h3
{
color:red; 
font-weight: bold;
}



h5 { font-family: "verdana", "georgia", sans-serif; text-decoration: none; }
/*h5 { font-family: 'Roboto', serif; text-decoration: none; }*/




p,li,table, address
{
font-family: "verdana", "georgia", 'sans serif';
/*font-family: 'Roboto', serif;*/
/*line-height:26px;*/
line-height:24px;
}



p,li,address
{
margin-left: 15pt; 
}

p,li,th,td
{
font-size: 13px;

}


th 
{
background-color:#9CC8E1;
text-align: left;

}

body
{
background-color: #FFFFFF;
margin-left: 5px; margin-top: 1px; margin-right: 1px;
color: #333333;

}


a:link    {color:#888}
a:visited {color:#888}
a:active  {color:#888}
a:hover   {color:#888}



#Menu {
	
	padding:10px;
	background-color:#eee;
	border:1px dashed #999;
	line-height:22px;
	width:500px;
	}

.content {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:500px;
	margin: auto; 
	/*background-color:#eee8ff;*/
	background-color:#ffffff;
	/*border:1px dashed #999;*/
	line-height:22px;
	padding:10px;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}
	
.content2 {
	/*position:relative;*/ /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:400px;
	/*margin: auto; */
	/*background-color:#eee8ff;*/
	background-color:#ffffff;
	border:1px dashed #999;
	line-height:22px;
	padding:10px;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}
	
.footerbox {
	font-family: "verdana", "georgia", 'sans serif';
	/*font-family: 'Roboto', serif;*/
	text-align: center;
	margin: auto; 
	width:auto;
	color: #8F8C8B;
	}
	
.freetext {
	font-family: "verdana", "georgia", 'sans serif';
	/*font-family: 'Roboto', serif;*/
	text-align: center;
	font-size: 10px;
	width:auto;
	color: #8F8C8B;
	}
	
.leftmenu {
	font-family: "verdana", "georgia", 'sans serif';	
/*font-family: 'Roboto', serif;*/
	font-size: 10px;
	width:auto;
	color: #8F8C8B;
	
	line-height:20px;

	}	


table.leftmenutable
{
font-family: "verdana", "georgia", 'sans serif';
/*font-family: 'Roboto', serif;*/
margin-left: 0pt; 
line-height:22px;
}
	
table.bordershadow { align: left}
td.bordershadow-top { height: 16px;  background-image: url(images/box/bordershadow/top.gif)}
td.bordershadow-topRight {  width: 16px;	height: 16px; background-image: url(images/box/bordershadow/topRight.gif)}
td.bordershadow-right {width: 16px;     background-image: url(images/box/bordershadow/right.gif)}
td.bordershadow-bottomRight {width: 16px;     height: 16px;     background-image: url(images/box/bordershadow/bottomRight.gif)} 
td.bordershadow-bottom { height: 16px;    background-image: url(images/box/bordershadow/bottom.gif)}
td.bordershadow-bottomLeft { width: 16px;    height: 16px;    background-image: url(images/box/bordershadow/bottomLeft.gif)} 
td.bordershadow-left { width: 16px;    background-image: url(images/box/bordershadow/left.gif)}
td.bordershadow-topLeft {width: 16px;     height: 16px;     background-image: url(images/box/bordershadow/topLeft.gif)}  
td.bordershadow-center { background-color: white  }	

table.round{ align: left}
td.round-top { height: 16px;  background-image: url(images/box/round/top.gif)}
td.round-topRight {  width: 16px;	height: 16px; background-image: url(images/box/round/topRight.gif)}
td.round-right {width: 16px;     background-image: url(images/box/round/right.gif)}
td.round-bottomRight {width: 16px;     height: 16px;     background-image: url(images/box/round/bottomRight.gif)} 
td.round-bottom { height: 16px;    background-image: url(images/box/round/bottom.gif)}
td.round-bottomLeft { width: 16px;    height: 16px;    background-image: url(images/box/round/bottomLeft.gif)} 
td.round-left { width: 16px;    background-image: url(images/box/round/left.gif)}
td.round-topLeft {width: 16px;     height: 16px;     background-image: url(images/box/round/topLeft.gif)}      
td.round-center { background-color: white  }

#mc_embed_signup form {background-color: white   }
/*#mc_embed_signup form {background-color: #eee8ff   }*/


