/* TAGS ADDED BY OTHER DESIGNER */
/*  WRONG! .background {  background-color: #FFFFFF; background-image: url(./images/abacab-back.jpg); background-repeat: repeat} */

.text13 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none}

/*  below 3 NOT USED changed to use one of F1 tags
.text14bld {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #000000}
.bold18 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold;}
.text11 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333} */
/* END OF TAGS ADDED BY OTHER DESIGNER */


/* Main document layout tags */
/* SPREADS.HTM does not use this stylesheet. MATCHING CODES MUST BE ENTERED INTO IT SEPARATELY*/

body
{
/*
  The property below sets the background image of an element. should also set a background color that will be used when the image is unavailable. When the image is available, it is overlaid on top of the background color.
  the value of 'background-repeat' determines how/if the image is repeated. A value of 'repeat' means that the image is repeated both horizontally and vertically. The 'repeat-x' ('repeat-y') value makes the image repeat horizontally (vertically), to create a single band of images from one side to the other. With a value of 'no-repeat', the image is not repeated. 
  The 3 lines below are combined in the following line. Fixed makes the image stationary on the background.
  background-image: url(images/starsbkgrd.gif);
  background-repeat: repeat-x, repeat-y;
  background: black;
*/
	color: black;
	background: url(./images/abacab-back.jpg) white 100% repeat fixed;
	font-family: Arial, lucida-sans, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	margin-left:auto;
	margin-right:auto;
	padding-left: 0.1in;
	padding-right: 0.1in
}

br
{
	line-height: .75
}

p
{
	margin-top: 0px;
	margin-bottom: 1px;
	font-family: Arial, lucida-sans, sans-serif;
	font-size: 14px;
}

p.center
{
	text-align: center;
}

.hide
{
  display: none;
  color: white;
}

.head
{
	font-family: Arial, lucida-sans, sans-serif;
	font-size: 23px;
	text-align: center;
	font-weight: bold;
	font-variant: small-caps;
}

.foot
{
	font-family: Arial, lucida-sans, sans-serif;
	font-size: 12px;
	text-align: center;
}

/* Border on index.html, cd-dvd_button.htm (has rounded corners on Firefox, not IE6) */
.sign
{ 
	position: relative;
	left: 10%;
	width: 80%;
	border-width: 5px; 
	border-style: solid;
	-moz-border-radius: 1em;
	font-style: normal; 
	text-align: center;

}


/* TABLE layout tags */

table
{
	width: 80%;
	border-collapse: collapse;
	border-spacing: 0pt;
	border-color: black;
	empty-cells: show;
	font-family: Arial, lucida-sans, sans-serif;
	font-size: 13px;
	font-weight: normal;
	font-style: normal
}

.vga {width: 480px } 

/* ADDED ALT for table variance 01-05-2012 */
tr.alt td
{
color:#000000;
background-color:DodgerBlue;
}

/* ADDED RIGHT 01-05-2012 */
td.right
{
text-align:right;
}

/* ADDED BOLDRIGHT 01-05-2012 */
td.boldright
{
font-weight:bold;
text-align:right;
}

/* ADDED CENTER 01-05-2012 */
td.center
{
text-align:center;
}

/* ADDED BOLDCENTER 01-05-2012 */
td.boldcenter
{
font-weight:bold;
text-align:center;
}

td
{
	color: black;
	border-color: black;
	font-family: Arial, lucida-sans, sans-serif;
	font-size: 13px;
}

td.table1column1, td.table1column2, td.table1column3, td.table1column4, td.table1column5, td.table1column6, td.table1column7, td.table1column8, td.table1column9, td.table2column1, td.table2column2, td.table2column3, td.table2column4, td.table2column5, td.table2column6, td.table2column7, td.table2column8, td.table2column9
td.table3column1, td.table3column2, td.table3column3, td.table3column4, td.table3column5, td.table3column6
{
	padding-left: 0.04in;
	padding-right: 0.04in;
	border: 0.01in solid;
	border-color: gray;
}


th
{
	color: black;
	/* background: white; */
	font-family: Arial, lucida-sans, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}

/* Special tags */

/* UL used on CD2CD.HTM, DVDLARGE.HTM */
ul
{
	font-family: Arial, lucida-sans, sans-serif;
	font-size: 13px;
	line-height: 1.0
}

/* EM used only on ABACAB.HTM as of 4-24-02 */
em
{
	font-family: Arial, lucida-sans, sans-serif;
}

hr
{
	width: 75%;
	margin-right:auto;
	margin-left:auto;
}

.one
{
	font-style: italic;
}

.ital
{
	font-style: italic;
	font-family: times-new-roman, times-roman, times, serif;
}

.two {text-decoration: underline;}
.three {color: blue;}
#two {color: navy;}
/* period are classes, # are ID EX: <P class="two" ID="two"> would produce underlined navy text */

/* 4 lines below should always be defined in the order shown to avoid conflicts in interpretation by the various CSS-supporting browsers */
a:link {color: blue;}
a:visited {text-decoration: none; color: gray;}
a:hover {color: red;}
a:active {text-decoration: line-through;}

/* CLASS CONTAINER used for line border around each page */
div.container
{
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	width:900px;
	border: 1px solid gray;
	line-height: 150%;
}

/* CLASS FOOTER used at bottom of each page */
div.header,div.footer
{
	padding:0.5em;
	background-color:silver;
/*	text-decoration: underline; */
	text-align: center;
}

/* ID CENTER used for centering tableless div row-columns */
#center 
{
	margin-right:auto;
	margin-left:auto;
	width: 80%;
	border:0px solid green;
}

/* ID CONTENT used for 20px margin within the CONTAINER div line border */
#content 
{
	background-color: transparent;
	border:0px solid green;
	margin-left: 20px;
	margin-right:20px;
	margin-top:20px;
	margin-bottom:20px;
/*
IE5x PC mis-implements the box model. Because of that we sometimes have
to perform a little CSS trickery to get pixel-perfect display across browsers.
The following bit of code was proposed by Tantek Celik, and it preys upon a CSS
parsing bug in IE5x PC that will prematurly close a style rule when it runs
into the string "\"}\"". After that string appears in a rule, then, we can override
previously set attribute values and only browsers without the parse bug will
recognize the new values. So any of the name-value pairs above this comment
that we need to override for browsers with correct box-model implementations
will be listed below.
		
We use the voice-family property because it is likely to be used very infrequently,
and where it is used it will be set on the body tag. So the second voice-family value 
of "inherit" will override our bogus "\"}\"" value and allow the proper value to
cascade down from the body tag.

The style rule immediately following this rule offers another chance for CSS2
aware browsers to pick up the values meant for correct box-model implementations.
It uses a CSS2 selector that will be ignored by IE5x PC.

Read more at http://www.glish.com/css/hacks.asp
*/
		
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 20px;
	margin-right:20px;
		}
html>body #content {margin-left:20px; margin-right:20px;}



/* ID BANNER not used as of 10-20-05 but saved for future */
#banner 
{
	background-color: transparent;
	height:40px;
	border-top:1px solid #000;
	border-right:1px solid #000;
	border-left:1px solid #000;
	voice-family: "\"}\"";
	voice-family: inherit;
	height:39px;
	}
html>body #banner 
{
	height:39px;
}

/* all COL below tested but too much trouble to replace tables */
#col1row1
{

padding:0px;

border: 1px solid red;
}

#col2row1
{
position:absolute; top:29px;

padding:0px;
margin-left:127px;
border: 1px solid blue;
}

#col3row1
{
position:absolute; top:29px;

padding:0px;
margin-left:455px;
border: 1px solid green;
}

#col4row1
{
width: 25%;
padding:0px;
float:left;
border: 1px solid gray;
}

#3column {
width: 33%;
padding:0px;
float:left;
}

