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

a:link { color:#0000AA; }
a:active { color:#0000AA; }
a:visited { color:#404080; }
a:hover { color:#AD0000; font-style:italic; }

.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:100%; padding-top:15px; }

#nav_column { float:left; width:20%; height:100%; background-color:#FFFFFF; margin-left:5px; }

#pr_small_logo { text-align:center; border:0; margin:0; padding:0 }

#nav_links_area { width:90%; background-color:#E6E8FA; border:2px; padding:0; 
                  margin-top:20px; border-style:outset; }

.column_headers { border:0; margin:0; padding:0; background-color:#D6D0FA; 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:5px; font-family:Arial; font-size:0.8em; }
.column_content_left a:link { color:#0000AA; text-decoration:none; }
.column_content_left a:active { color:#0000AA; text-decoration:none; }
.column_content_left a:visited { color:#460046; text-decoration:none; }
.column_content_left a:hover { color:#C00000; text-decoration:underline; font-style:normal; }

.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:#C00000; text-decoration:underline; font-style:normal; }


#content_column { float:left; width:70%; font-family:Arial,Sans-Serif; font-size:0.8em; 
                border:0; margin:0; padding:12px; }

/* Headings, subheadings */
h1 { border:0; font-family:Verdana; font-weight:bold; color:#0000AA;
     font-size:1.8em; text-align:center; }
h2 { border:0; font-family:Verdana; font-weight:bold; color:#0000AA;
     font-size:1.3em; text-align:left; }
h3 { border:0; font-family:Verdana; font-weight:bold; color:#0000AA;
     font-size:1.1em; text-align:left; }	 

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

/* 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; }

/* Copyright statement */	  
.copy_main { clear:both; font-family:Arial; font-size:0.8em; padding-top:20px }

/* 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 */
.content_code { font-family:"Courier New", Courier, monospace; width:90%; overflow:scroll; }

.article_code { font-family:"Courier New", Courier, monospace; width:90%; }	
.article_keywords { font-family:"Courier New", Courier, monospace; font-weight:bold; }

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

.inline_image { vertical-align:middle; }

.article_example_box_001 { border-style:solid; border-color:#000000;
                           border-width:2px; padding:5px; width:auto; }

.spaced_list li { margin:1em 0em 0em 0em; }

/* 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; }

