/*
..20130830..0930..1002v..

   This particular style3.css, now without an imported layout.css are
   used by site q61a.

   many #names here ARE used in the .htm page code

   The last section of style rules here in style3.css now has
   some styles added after July 2013.

   20130926 experiment: disabling import of layout.css
     by moving into this comment
        @import url( ./layout.css );
*/
BODY {
	BACKGROUND-COLOR: #d3d9d6; FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif; COLOR: black; FONT-SIZE: 13px
}
#container {
	BORDER-BOTTOM: 0px; BORDER-LEFT: #b7b7b7 1px solid; BACKGROUND-COLOR: #fff; MARGIN: 0px auto; WIDTH: 1020px; BORDER-TOP: 0px; BORDER-RIGHT: #b7b7b7 1px solid
}
#masthead {
	TEXT-ALIGN: right; BACKGROUND-COLOR: #036; WIDTH: 1020px
}
#navigation {
	BACKGROUND-COLOR: #545454; OVERFLOW: hidden
}
#column_l {
	PADDING-BOTTOM: 0px; BACKGROUND-COLOR: #fff; MARGIN: 0px; PADDING-LEFT: 15px; WIDTH: 728px; PADDING-RIGHT: 15px; FLOAT: left; TOP: 0px; PADDING-TOP: 0px; LEFT: 0px
}
#column_r {
	POSITION: relative; PADDING-BOTTOM: 4px; BACKGROUND-COLOR: #a9a9a9; MARGIN: 0px; PADDING-LEFT: 4px; WIDTH: 250px; PADDING-RIGHT: 4px; FLOAT: right; TOP: 0px; PADDING-TOP: 4px; LEFT: -6px
}
#footer {
	TEXT-ALIGN: center; PADDING-BOTTOM: 5px; BACKGROUND-COLOR: #113962; WIDTH: 1018px; CLEAR: both; PADDING-TOP: 5px
}
#masthead IMG {
	WIDTH: 125px; FLOAT: left; HEIGHT: 110px
}
#masthead P {
	MARGIN: 10px 10px 0px; HEIGHT: 236px; COLOR: #fff; FONT-SIZE: 11px
}
#column_r P {
	MARGIN: 7px; FONT-SIZE: 11px
}
#navigation UL {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#navigation LI {
	FLOAT: left
}
#navigation A {
	BORDER-BOTTOM: #c9c9c9 1px solid; BORDER-LEFT: #c9c9c9 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; DISPLAY: block; COLOR: #fff; BORDER-TOP: #c9c9c9 1px solid; BORDER-RIGHT: #c9c9c9 1px solid; TEXT-DECORATION: none; PADDING-TOP: 5px
}
#navigation A:hover {
	BORDER-BOTTOM: #a9a9a9 1px solid; BORDER-LEFT: #a9a9a9 1px solid; BACKGROUND-COLOR: #a9a9a9; COLOR: #000; BORDER-TOP: #a9a9a9 1px solid; BORDER-RIGHT: #a9a9a9 1px solid; TEXT-DECORATION: none
}
#footer P {
	PADDING-BOTTOM: 1px; LINE-HEIGHT: 14px; MARGIN: 1px; PADDING-LEFT: 1px; WIDTH: 1013px; PADDING-RIGHT: 1px; COLOR: #fff; FONT-SIZE: 11px; PADDING-TOP: 1px
}
#footer A {
	COLOR: #fff; TEXT-DECORATION: underline
}
#footer A:hover {
	COLOR: #fff; TEXT-DECORATION: none
}
A {
	COLOR: #036; TEXT-DECORATION: underline
}
A:hover {
	COLOR: #808080; TEXT-DECORATION: underline
}
.style_bold {
	FONT-WEIGHT: bold
}
.style_italic {
	FONT-STYLE: italic
}
/*

*/
.auto-style2 {
	text-align: center;
	font-size: large;
	width: 735px;
}
.auto-style4 {
	color: blue;
	text-align: left;
}
.auto-style5 {
	text-align: center;
	font-size: medium;
	width: 737px;
}
.MsoNormal {
	width: 717px;
}
.auto-style6 {
	width: 717px;
	font-size: x-large;
}
.auto-style8 {
	font-family: "Trebuchet MS";
	font-size: x-large;
}
.auto-style9 {
	text-align: left;
	font-family: "Trebuchet MS";
	font-size: x-large;
}
.auto-style10 {
	font-size: x-large;
}
.auto-style11 {
	width: 717px;
	font-family: "Times New Roman", Times, serif;
	font-size: 16pt;
}
.auto-style13 {
	width: 717px;
	font-size: 16pt;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
}




/* NEW PASTE FROM A VG index.htm head */
#page_content {
 width 1020px;
}
.auto-style2 {
  font-size: xx-large;
}
.border0 {border:0}
ul.mainpads li,
#navigation li {
 font-family:serif;
 font-size:122%;
 background:pink;
 color:pink;
 border:medium silver outset;


outline:medium silver outset;
margin:1.000px;

padding:11em 11em11em 11em;
zzzdisplay:inline;
text-align:right;
}
/* 
 trying
  , #navigation ul li a
  But this  gets pads overlapping prev row pads
*/
ul.mainpads li a,
 #navigation li a {
 font-family:serif;
 font-size:122%;
 background:navy;
 color:white;

padding:11em 11em11em 11em;
display:inline;
text-align:right;
}
/*  body {color:black}  is unnec  magenta ok for development flag */

a {background:#f0f0f0;}