html, body { background-color:#FFFFFF; color:#000000; margin-top:0; padding:0; border:0; height:100%; }

a:link { color:#0066CC; }
a:active { color:#0066CC; }
a:visited { color:#0066CC; }
a:hover { color:#000000; }

img {max-width:100%; height: auto;}

.aligncenter {max-width:100%; height: auto; width:100%;}

#Top {
	background-color: #000000;
	height: 110px;
}
#Top #InTop {
	max-width: 950px;
	padding-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
#Top #InTop #TopNavi {
	float: right;
	padding-top: 10px;
}

@media (max-width: 970px) {
#Top #InTop #TopNavi {
   display: none;
}
}

#TopNavi {
	float: right;
	padding-top: 10px;
}

#Top #InTop #TopNavi2 {
	float: left;
}

#Main {
	background-color: #FFFFFF;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#Main #InMain {
	max-width: 950px;
	margin-right: auto;
	margin-left: auto;
	display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap;
}

.sideheader {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	color: #666666;
}

.image_borders { border:none; border-width:0px }

#skip_nav { width:100%; border:0; margin:0; padding:0; text-align:center; }
#ad_main { width:100%; border:0; margin:0; padding-top:0; padding-bottom:5px; text-align:center; }

#main_layout { width:100%; height:auto; overflow:hidden; }

#left_column { float:left; width:90%; background-color:#F7F7F7; padding:0px;
-webkit-order: 2;
        order: 2;
}

@media (min-width: 600px) {
#left_column { float:left; width:200px; background-color:#F7F7F7; padding:5px;}
}

#main_content { max-width: 716px; font-family:Arial,Sans-Serif; font-size:0.8em; border:0; padding:0px;
-webkit-order: 1;
        order: 1;
 }

@media (min-width: 600px) {
#main_content { position: absolute; margin-left: 210px; max-width: 716px; margin-right: 15px; font-family:Arial,Sans-Serif; font-size:0.8em; border:0; padding:12px; }
}

#main_content h2 { border:0; font-family:Verdana; font-weight:bold; color:#0000AA;
                   font-size:1.3em; text-align:left; }
.main_content_code { font-family:Courier; width:90%; overflow:auto; white-space:normal; }

#right_column { float:right; width:165px; background-color:#F7F7F7;
                margin-bottom:-200%; padding-bottom:200%; }
				
#right_columntyhja { float:right; width:5px; background-color:#FFFFFF;
                margin-bottom:-200%; padding-bottom:200%; }
				
#pr_logo { text-align:center; border:0; margin:0; padding:0 }

#main_title { border:0; margin:0; padding:0; }

.column_headers { border:0; margin:0; padding:0; background-color:#EEEEFF; height:1.4em; width:100%;
                  text-align:center; font-family:Verdana; font-size:0.8em; font-weight:bold; }

.column_content_left { border:0; margin:0; padding-left:10px; font-family:Arial; font-size:15px; line-height:200%;}
.column_content_left a:link { color:#0066CC; text-decoration:none; }
.column_content_left a:visited { color:#0066CC; text-decoration:none; }
.column_content_left a:hover { color:#000000; text-decoration:none; }

.column_content_center { border:0; margin:0; padding:5px; font-family:Arial; font-size:0.8em; text-align:center }
.column_content_center a:link { color:#0000AA; text-decoration:none; }
.column_content_center a:active { color:#0000AA; text-decoration:none; }
.column_content_center a:visited { color:#460046; text-decoration:none; }
.column_content_center a:hover { color:#AD0000; text-decoration:underline; font-style:normal; }
  
.copy_main { clear:both; font-family:Arial; font-size:1em; margin-top:10px; padding-top:3px; margin-bottom:10px; line-height:200%; }

code {font-style:italic; font-size:13px;
}




/* Signature block, if needed */
#author_sig { width:90%; margin-top:20px; padding:10px; border-width:1px; border-color:#0000AA;
              border-style:solid; background-color:#F6F6F6; }
#author_sig a:link { color:#0000AA; }
#author_sig a:active { color:#0000AA; }
#author_sig a:visited { color:#460046; }
#author_sig a:hover { color:#C00000; }

/* Print media display */
@media print {
  #nav_column { display:none; }
  #content_column { float:left; width:90%; font-family:Arial,Sans-Serif; font-size:0.8em; 
                    border:0; margin:0; }
}

/* Special words/code listings */
.article_code { font-family: Courier, monospace; font-style: italic; 

 word-break: break-all
}	
.article_keywords { font-family: Courier, monospace; font-weight:bold; }

.red_text { color:#AD0000; }
.green_text {color:#006600; }

.inline_image { vertical-align:middle; }

/* CSS Properties Table (css_props.html) */

.css_prop_table { border-width:thin; border-style:outset; }
.css_prop_table caption { caption-side:bottom; visibility:hidden; }
.css_prop_table th { vertical-align:top; border-width:thin; border-style:inset;
                     padding:5px; }
.css_prop_table td { vertical-align:top; border-width:thin; border-style:inset; 
                     padding:5px; }
.css_prop_table td.prop_name { vertical-align:top; border-width:thin; border-style:inset; 
                     padding:5px; white-space:nowrap; }

/* class-id tutorial */
div.t_red_text { color:red; }
p.t_red_text { color:red; }
span.t_red_text { color:red; font-style:italic; }

/* Ryan's DHTML Tutorial */

#ryan_content { line-height:140%; font-size:1.2em; }
#ryan_content span { font-family:Georgia, Times New Roman, Times, serif; color:#006666;
                     font-size:1em; line-height:140%; }
#ryan_content h1 { border:0; font-family:Verdana; font-weight:bold; color:#0000AA;
                   font-size:1.3em; text-align:left; }
.large_image { width:90%; overflow:scroll; }
#ryan_photo { float:left; padding-right:7px; }

.subheading { font-size: 15px; font-family:Arial; font-weight:bold; font-style:italic; text-align:center;
              padding-top:0px; padding-bottom:20px; margin:0; border:0; }

/* End Ryan's DHTML Tutorial */

h1 { 
    font-family: Verdana, Arial; 
    font-size: 20px; 
    color: #000000;
	text-align: center; 
    }
	
.link1 A:hover { background-color:ghostwhite }
.heading { font-family:Verdana; color: #000000; font-size: 20px; }
.addmargins { margin-left:0px; margin-right:0px }
A { color: darkblue }
TD { font-family:Arial; font-size: 10pt }
.sidetdtext { font-family:Arial; font-weight:normal; font-size:10pt }
.pagetitle { color:black; font-family:Verdana; font-weight:bold; font-size:10pt  }

.hmmm {color:green}

pre {
font-size: 13px;
font-style: italic;
font-family: Courier, Arial;
 
 word-break: break-all
}

.social {
	height: 70px;
}

.social-tw {
	height: 62px;
	float: left;
	margin: 0 0 0 7px;
}

.social-fb {
	height: 60px;
	float: left;
	margin: 0 0 0 0px;
}

.social-plus1 {
	height: 60px;
	float: left;
	margin: 0 0 0 7px;
}
}

@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}