@viewport{
  zoom: 1.0;
  width: device-width; /* = 100vw */
}
@-ms-viewport{
  width: device-width;
  zoom: 1.0;
}
@media screen and (max-width:600px) {
  html { font-size: .7em; }
}
@media screen and (min-width:601px) and (max-width:1200px) {
  html { font-size: .9em; }
}
@media screen and (min-width: 1201px) {
  html { font-size: 1em; }
}
.bodynormal{
	background-color: #FFFFFF;
	font-family: Arial, Tahoma, Verdana, sans-serif; 
/*	font-size: 80%; */
	font-size: 1em;
/*	font-size: 10pt;*/
	margin: 0px;
	padding: 0px;
	background-image: url(http://westsidetoastmasters.com/images/greengradient3bg.jpg);
	background-repeat: repeat-x;
}
.bodyplain{
	background-color: #FFFFFF;
	font-family: Arial, Tahoma, Verdana, sans-serif; 
	font-size: 1em;
/*	font-size: 10pt;*/
	margin: 0px;
/*	padding: 5px;*/
	width: 100%;
}
.bodyblue {
	background-image: url(http://westsidetoastmasters.com/images/blue_pattern2.png);
}
h1, h2, h3, h4, h5 {
/*  font-family: "myriad-pro", sans-serif; */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; 
  font-weight: bold; }

h1 { font-size: 1.8em; }

h2 { font-size: 1.5em; }

h3 { font-size: 1.3em; }

h4 { font-size: 1.1em; }

.h1{
font-family: Arial, Tahoma, Verdana, sans-serif; 
/* background: #DBEAF5; */
/*	border-bottom: 2px solid #003B62;*/
	padding: 3px;
	/*border-bottom: 4px double black;*/
font-size: 1.8em;
/*font-size: 20pt;*/
	font-weight: bolder;
	color: black;
}
h1.smallheight {
	line-height: 50%; 
	font-size: small; 
}
h1.medheight {
	line-height: 50%; 
	font-size: medium; 
}
h1.largeheight {
	line-height: 60%; 
	font-size: large; 
}
.h1test {
font-family: Arial, Tahoma, Verdana, sans-serif; 

font-size: 1.4em;
/*font-size: 20pt;*/
/*	font-weight: bolder;*/
	color: black;
}

.h2{
font-family: Arial, Tahoma, Verdana, sans-serif; 
/*font-size: 12pt;*/
/*background: #DBEAF5;*/
/*	border-bottom: 1px solid #003B62;*/
	padding: 3px;
	line-height: normal; 
	font-weight: bolder;
	font-size: 1.4em;
/*	font-size: 16pt;*/
	color: black;
}
.h3{
	/*border: 2px solid #003B62;*/
	/*padding: 7px;*/
	/*margin: 5px;*/
	font-family: Arial, Tahoma, Verdana, sans-serif; 
	color: black;
	font-size: 1.1em;
/*	font-size: 12pt;*/
	font-weight: bolder;
}
.h4{
	font-family: Arial, Tahoma, Verdana, sans-serif; 
	color: black;
	font-size: 1em;
/*	font-size: 10pt;*/
	font-weight: bolder;
}

.mainH { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: bold; color: #000000; text-decoration: none; line-height: 12pt ; border-color: #336699 black black}
.mainH A:link { color: #005a90; text-decoration: underline }
.mainH A:visited { color: #9A0003; text-decoration: underline }
.mainH A:hover { color: #005ad0; text-decoration: underline }

.hideclass1 { font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 6pt; font-size: 5pt; font-style: normal; color: #339999; text-decoration: none; }
.hideclass1 A:link { line-height: 6pt; font-size: 5pt; color: #339999; text-decoration: none }
.hideclass1 A:visited { line-height: 6pt; font-size: 5pt; color: #339999; text-decoration: none }
.hideclass1 A:hover { line-height: 6pt; font-size: 5pt; color: #339999; text-decoration: none }

.hideclass2 { font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 6pt; font-size: 5pt; font-style: normal; color: #FFFFFF; text-decoration: none; }
.hideclass2 A:link { line-height: 6pt; font-size: 5pt; color: #FFFFFF; text-decoration: none }
.hideclass2 A:visited { line-height: 6pt; font-size: 5pt; color: #FFFFFF; text-decoration: none }
.hideclass2 A:hover { line-height: 6pt; font-size: 5pt; color: #FFFFFF; text-decoration: none }

.innerh1{
font-family: Arial, Tahoma, Verdana, sans-serif; 
 background: #DBEAF5; 
	border-bottom: 2px solid #003B62;
	padding: 3px;
font-size: 1.5em;
	font-weight: bolder;
}
.innerh2{
font-family: Arial, Tahoma, Verdana, sans-serif; 
font-size: 1.25em;
background: #DBEAF5;
	border-bottom: 1px solid #003B62;
	padding: 3px;
	line-height: normal; 
	font-weight: bolder;
/*	font-size: 150%;*/
}

table.main{
	background-color:#FFFFFF;
	color:black;
	/*border:2px solid black;*/
	padding: 5px;
	border-color: #FFBD32;
	border-style: ridge;
	border-width: medium; 
/*box-shadow:3px 3px 0px #d9d9d9;-moz-box-shadow:3px 3px 0px #d9d9d9;-webkit-box-shadow:3px 3px 0px #d9d9d9;*/

}
table.outter{
	color:black;
	width: 95%;
	margin-left: auto;
  margin-right: auto;
}
table.inner{
	background-color:#FFFFFF;
/*	color:black;*/
	/*border:2px solid black;*/
	padding: 0px;
/*	border-color: gray; */
/*	border-style: solid; */
/*	border-width: medium; */
}

.tablecell1 {
    border: 1px solid black;
    border-collapse: collapse;
border-spacing: 0;
}


div.email{
position: absolute; 
top: 0; 
/*left: 110px;*/ 
height: 0%;width: 60%;
}
p.borderRidge{
	border-color: #FFBD32;
	border-style: ridge;
	border-width: medium; 
}
.bluerule {
height: 3px;
background-color: #0000FF;
}

p.inner{
	background-color:#FFFFFF;
	font-size: 10pt;
}
.padding1{
	padding: 8px;
}

.leftpadding0 {
	padding-left: 0%;
}
.tdright{
/*	position: absolute;
  right: 0px;
  margin-right: 10px; */
	position: absolute;
  right: 10px;
}
td.menu{
	width: 140px;
	padding:0px;
	margin: 0px;
}
td.leftmenu{
	width: 180px;
	padding: 0px;
	margin: 0px;
	color: #000000; 
	font-family: Tahoma, Verdana; 
	font-size: 11px;
	float: left
}
/* Adjust td for various physical device sizes */
#tdwidth td{
  max-width: 100%;
  width: auto;
}
img.logoframe{
	border-right: #FFCC00 outset; 
	border-left: #FFCC00 outset;
	border-top: #FFCC00 outset;
	border-bottom: #FFCC00 outset;
	border-width:6px;
}
navbtn1{
	font-size: 11px; 
	font-style: normal; 
	color: #FFFFFF; 
	font-family: Tahoma, sans-serif; 
	background-color: #339966; 
	font-weight: bold; ; 
	line-height: normal; 
	letter-spacing: normal; 
	word-spacing: normal ; 
	margin-left: 0px; 
	padding-left: 0px; 
	text-decoration: none
}
.ctrlbutton {
width: 18vw;
min-width: 1.3cm;
max-width: 2.2cm;
}
/*#ctrlbutton {
width: 16vw;
min-width: 1.3cm;
max-width: 2.2cm;
}*/
/*ctrlbutton {
width: 16vw;
min-width: 1.3cm;
max-width: 2.2cm;
}*/

/*imgwidth {
  max-width: 100%; 
  height: auto; 
}*/
.imgwidth {
  max-width: 100%; 
  height: auto; 
}
.maincell { 
font-family: Arial, Tahoma, Verdana, sans-serif; 
background-color: #FFFFFF;
font-size: 10pt; 
font-style: normal; 
font-weight: normal; 
color: #000000; 
text-decoration: none; 
/*line-height: 12pt; */ 
border: #FFCC99; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px
}
.textsmall{
font-size: 8pt;
text-align: right;
}

.indentsmall{
text-indent: 1.5em;
/*padding-left: .25in;*/ 
}
.leftmargin1{
margin-left: 1.5em;
/*padding-left: .25in; */
}
.leftmargin2{
margin-left: .5em;
}
.leftmargin3{
margin-left: 2.5em;
}
.linklist1{
margin-bottom: 5px;
}

.italic{
font-style: italic;
}
.underline{
text-decoration: underline;
}
.shadowgray{
text-shadow: 3px 3px 5px gray
}
.fontwhite{
color: #FFFFFF;
/* font: white; */
}
.fontoffwhite{
color: #FCFCFC;
}
.alignright{
text-align: right;
}
.center{
text-align: center;
}
.aligntop{
vertical-align: top;
}
.mediabackground1{
 background: #DBEAF5;
}

.lineheight50 {
	line-height: 50%;
}

div.scrollcontent{
width: 600px;
height: 550px;
background-color: #FFFFFF;
/*overflow-x: auto;*/
overflow-y: scroll;
/*overflow-y: hidden;*/
/*overflow: auto;*/
/*white-space: normal;*/
/*clip: inherit;*/
/*clip: rect(5px 200px 200px 5px);*/
position: relative
}
pre.scrollcontent{
width: 200px;
height: 550px;
background-color: #FFFFFF;
overflow-x: auto;
overflow-y: scroll;
/*overflow-y: hidden;*/
/*overflow: auto;*/
/*white-space: normal;*/
/*clip: inherit;*/
/*clip: rect(5px 200px 200px 5px);*/
position: relative;
}
p.scrollcontent{
width: 400px;
height: 300px;
background-color: #FFFFFF;
overflow-y: scroll;
}
.emph{
font-style: italic;
}

.header2
{
color: #000000; 
/*background: #DBEAF5; */
font-weight: bold; 
font-family: Tahoma, Verdana; 
font-size: 12px;
}

/* Menu CSS */
div#menu{
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
}
div#menu a:link{
	text-decoration: none;
	color:black;
	display: block;
}
div#menu a:visited{
	text-decoration: none;
	color:black;
	display: block;
}
div#menu a:hover{
	text-decoration: none;
	font-weight: bold;
	color: #C02020;
	text-decoration: underline;
	display: block;
}