body{ font-size: 10pt; font-family:arial, sans-serif; margin-top: 3; letter-spacing: 0;margin: 0px; padding:0px;

/* IE10 Consumer Preview */ 
/*
background-image: -ms-radial-gradient(center, circle farthest-corner, #CDCDFF 0%, #0066ac 100%);

/* Mozilla Firefox 
background-image: -moz-radial-gradient(center, circle farthest-corner, #CDCDFF 0%, #0066ac 100%);

/* Opera
background-image: -o-radial-gradient(center, circle farthest-corner, #CDCDFF 0%, #0066ac 100%);

/* Webkit (Safari/Chrome 10)
background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #CDCDFF), color-stop(1, #0066ac));

/* Webkit (Chrome 11+) 
background-image: -webkit-radial-gradient(center, circle farthest-corner, #CDCDFF 0%, #0066ac 100%);

/* W3C Markup, IE10 Release Preview 
background-image: radial-gradient(circle farthest-corner at center, #CDCDFF 0%, #0066ac 100%);
*/
}

/*@media (max-width: 600px) {
  body{font-size: 20px !important;}
  TD.hide{display: none;}
  font{font-size: 20px !important;}
  #full_page table{width:100%;}
  }
*/


#page_body
{
line-height:20px;
}


.join, .society_logo, .linkedin, .twitter, .facebook, .arrow-head, .dot, .selected-item{
	background: url(https://www.snpo.org/sprite.png) no-repeat;
}

.join{
	background-position: 0 0;
	width: 75px;
	height: 32px;
	display: inline-block;
}

.society_logo{
	background-position: 0 -47px ;
	width: 267px;
	height: 85px;
}

.linkedin{
	background-position: -88px 0;
	width: 32px;
	height: 32px;
		display: inline-block;
}

.twitter{
	background-position: -129px 0;
	width: 32px;
	height: 32px;
		display: inline-block;
}

.facebook{
	background-position: -169px 0;
	width: 32px;
	height: 32px;
		display: inline-block;
}

.arrow-head{
	background-position: -235px -12px ;
	width: 4px;
	height: 8px;
}

.dot{
	background-position: -213px -13px ;
	width: 7px;
	height: 7px;
}

.selected-item{
	background-position: -247px 0;
	width: 15px;
	height: 40px;
}






.button-link, input[type=submit], input[type=reset] {
    /*background: none repeat scroll 0 0 #722e74;*/
    /*border: 1px solid #0066ac;*/

  /* "Invalid", but works in 6-8 */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#d88174, endColorstr=#cb5745);	
	
	  background-image: -webkit-linear-gradient(top, #722e74, #9B409E);
  background-image: -moz-linear-gradient(top, #722e74, #9B409E);
  background-image: -ms-linear-gradient(top, #722e74, #9B409E);
  background-image: -o-linear-gradient(top, #722e74, #9B409E);
  background-image: linear-gradient(to bottom, #722e74, #9B409E);



  -webkit-border-radius: 4;
  -moz-border-radius: 4;	
  border-radius: 4px;
  box-shadow: 2px 2px 5px #9C9C9C;	
  border: medium none;
  display: inline-block;


    /* box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 1px rgba(0, 0, 0, 0.2); */
    color: #FFFFFF !important;
    padding: 5px 15px;
    text-shadow: 1px 1px 3px #000000;
    transition-duration: 0.2s;
	text-decoration: none;
	}

.button-link:hover, input[type=submit]:hover, input[type=reset]:hover {

  /* "Invalid", but works in 6-8 */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#d88174, endColorstr=#cb5745);

  background-image: -webkit-linear-gradient(top, #d88174, #cb5745);
  background-image: -moz-linear-gradient(top, #d88174, #cb5745);
  background-image: -ms-linear-gradient(top, #d88174, #d88174);
  background-image: -o-linear-gradient(top, #d88174, #cb5745);
  background-image: linear-gradient(to bottom, #d88174, #cb5745);  
  
    display: inline-block;
  /*border: 1px solid #2A4E77;*/
    text-decoration: none;
	box-shadow: 2px 2px 5px #9C9C9C;

}

.button-link {
    -moz-user-select: none;
    cursor: pointer;
}



td{ font-size: 10pt; font-family: Arial, sans-serif; margin-top: 3; letter-spacing: 0;}
font{font-size: 10pt; font-family: Arial, sans-serif; margin-top: 3; letter-spacing: 0; color: #000000;}
A font {color: #0066AC;}
A:link.navigate {font-size: 9pt}
A:hover.navigate {color: #FF0000; font-size: 9pt}
A:visited.navigate {color: #800080; font-size: 9pt}
A:link.special {color: #FFFFFF; }
A:visited.special {color: #FFFFFF; }
A:hover.special {color: #FF0000; }
.navigate {color: #0066AC; font-size: 9pt; font-weight: bold}
.noline {color: #0066AC; text-decoration: none}
h1 {font-size: 16pt; font-weight:bold; color: #cb5745; margin-top: 0; margin-bottom: 15px; font-family: 'Roboto', arial, sans-serif;}
h2 {font-size: 12pt; font-weight:bold; color: #cb5745; margin-top: 0; margin-bottom: 15px; font-family: 'Roboto', arial, sans-serif;}
h3.navigate {color: #FF0000; font-size: 9pt; font-weight: bold; text-decoration: none; margin-bottom: 0}
h5 {font-size: 10pt}

td.thisrow{padding-bottom: 15; padding-right:10;}
a.thislink{font-weight: bold;}
a:hover.thislink{text-decoration:underline; font-weight: bold;}

div {text-align: left}

.hilite{background-color: #FF9; }


a.subnav {
font-family: Arial, Verdana, sans-serif;
	display: block;
	border-bottom: 1px solid #C0C0C0;	
	padding: 1px 1px 1px 22px;
	background-image: url("https://www.snpo.org/dot.jpg");
	background-position: 5px 6px;
	background-repeat: no-repeat;
	color: #0066ac;
		text-decoration: none;
}

a:hover.subnav{color: #cb5745;}

a.subnavleft {
font-family: Arial, Verdana, sans-serif;
	display: block;
	padding: 1px 1px 1px 22px;
	background-color: #CDCDFF;
	background-image: url("https://www.snpo.org/dot.jpg");
	background-position: 5px 6px;
	background-repeat: no-repeat;
	color: #000000;
		text-decoration: none;
}

a:hover.subnavleft {color: #FF0000;}


a.leftnav {
font-family: Arial, Verdana, sans-serif;
font-weight: bold;
	display: block;
	border-bottom: 1px solid #C0C0C0;	
	padding: 1px 1px 1px 1px;
	color: #FFFFFF;
		text-decoration: none;
}

a:hover.leftnav {color: #FF0000;}


a.leftnavb {
font-family: Arial, Verdana, sans-serif;
font-weight: bold;
	display: block;
	border-bottom: 1px solid #C0C0C0;	
	padding: 1px 1px 1px 1px;
	color: #D4D4D4;
		text-decoration: none;
}

a:hover.leftnavb {color: #FF0000;}




a.leftnavon {
font-family: Arial, Verdana, sans-serif;
font-weight: bold;
	display: block;
	background-color: #CDCDFF;
	border-bottom: 1px solid #C0C0C0;	
	padding: 1px 1px 1px 1px;
	color: #FF0000;
		text-decoration: none;
}

a:hover.leftnavon {color: #FF0000;}


@media print{
TD.hide{display: none;}
TD.show{width:92%;}
}





















@charset 'UTF-8';
#cssmenu {
  border: none;
  border: 0px;
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  font-weight: bold;
  color: #8e8e8e;
  width: auto;
}
#cssmenu > ul {
/*  margin-top: 6px !important; */
  margin-top: 0px !important;
}
#cssmenu ul {
  background: #722e74;
  /* background: -webkit-linear-gradient(#E2E2E2 0%, #FFFFFF 80%, #FFFFFF 100%);
  background: linear-gradient(#E2E2E2 0%, #FFFFFF 80%, #FFFFFF 100%);
  /* border-top: 1px solid #A8A8A8;
  -webkit-box-shadow: inset 0 1px 0 #e9e9e9, 0 1px 0 #0066ac, 0 2px 0 #0066ac, 0 1px 0 #0066ac, 0 1px 0 #000052, 0 -1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 #e9e9e9, 0 1px 0 #0066ac, 0 2px 0 #0066ac, 0 1px 0 #0066ac, 0 1px 0 #000052, 0 -1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 #e9e9e9, 0 1px 0 #0066ac, 0 2px 0 #0066ac, 0 1px 0 #0066ac, 0 1px 0 #000052, 0 -1px 1px rgba(0, 0, 0, 0.1);
  */
  height: 28px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu ul ul {
/*  border-top: 6px solid #0066ac;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
*/
}
#cssmenu ul ul a {
  line-height: 43px;
}
#cssmenu ul ul ul {
  left: 100%;
  top: 0;
}
#cssmenu li {
  float: left;
  padding: 0px 4px 0px 4px;
}
#cssmenu li a {
  color: #FFFFFF;
  display: block;
  font-weight: bold;
  line-height: 28px;
  padding: 0px 8px;
  text-align: center;
  text-decoration: none;
}
#cssmenu li a:hover {
  color: #C00000;
  text-decoration: underline;
  background: #FFFFFF;
}
#cssmenu li ul {
  background: #F1F1F1;
  border-left: 2px solid #0066ac;
  border-right: 2px solid #0066ac;
  border-bottom: 2px solid #0066ac;
  display: none;
  height: auto;
  filter: alpha(opacity=100);
  opacity: 1.00;
  position: absolute;
  width: 225px;
  z-index: 200;
  /*top:1em;
		/*left:0;*/

}
#cssmenu li:hover > ul {
  display: block;
}
#cssmenu li li {
  display: block;
  float: none;
  padding: 0px;
  position: relative;
  width: 225px;
}
#cssmenu li ul a {
  display: block;
  font-size: 12px;
  font-style: normal;
  padding: 0px 10px 0px 15px;
  text-align: left;
  color: black !important;
  border-bottom: 1px solid #0066ac;
}
#cssmenu li ul a:hover {
  background: #cb5745;
  color: white !important;
    text-decoration: none !important;
  opacity: 1.0;
  filter: alpha(opacity=100);
}
#cssmenu p {
  clear: left;
}
#cssmenu .active > a {
  background: #0066ac;
  -webkit-box-shadow: 0 -4px 0 #0066ac, 0 -5px 0 #131395, 0 -6px 0 #0066ac;
  -moz-box-shadow: 0 -4px 0 #0066ac, 0 -5px 0 #131395, 0 -6px 0 #0066ac;
  box-shadow: 0 -4px 0 #0066ac, 0 -5px 0 #131395, 0 -6px 0 #0066ac;
  color: #ffffff;
}
#cssmenu .active > a:hover {
  color: white;
}