/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h1 {

color: #f38238;
font-size: 22px;
font-family: arial
}

blockquote {
font-style: italic;
}

h2 {
color: #576ead;
font-size: 18px;
font-family: arial
}

h3 {
color: #576ead;
font-size: 18px;
font-family: arial
}

h5 {
font-size: 12px; font-weight: 100;
}

p {
font-size: 12px;
font-family: arial
}






















.content p.green::-moz-selection{  /* Firefox */
    background: green;
    color: #FFFFFF;
}
.content p.red::selection{
    background: red;
}
.content p.red::-moz-selection{
    background: red;
}
.content p.blue::selection{
    background: blue;
    color: #FFF296;
}
.content p.blue::-moz-selection{
    background: blue;
    color: #FFF296;
}}

table {
    border-collapse: collapse;
    width: 100%;
}

th {
    height: 50px;
}
</style>
</head>
<body>

<h2>The width and height Properties</h2>
<p>Set the width of the table, and the height of the table header row:</p>

<table>
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>Peter</td>
    <td>Griffin</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>Lois</td>
    <td>Griffin</td>
    <td>$150</td>
  </tr>
  <tr>
    <td>Joe</td>
    <td>Swanson</td>
    <td>$300</td>
  </tr>
  <tr>
    <td>Cleveland</td>
    <td>Brown</td>
    <td>$250</td>
</tr>
</table>

</body>
</html>}

table {
    border-collapse: collapse;
    width: 100%;
}

th {
    height: 50px;
}
</style>
</head>
<body>

<h2>The width and height Properties</h2>
<p>Set the width of the table, and the height of the table header row:</p>

<table>
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>Peter</td>
    <td>Griffin</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>Lois</td>
    <td>Griffin</td>
    <td>$150</td>
  </tr>
  <tr>
    <td>Joe</td>
    <td>Swanson</td>
    <td>$300</td>
  </tr>
  <tr>
    <td>Cleveland</td>
    <td>Brown</td>
    <td>$250</td>
</tr>
</table>

</body>
</html>}
table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}
</style>
<!-- Table goes in the document BODY -->
<table class="gridtable">
<tr>
	<th>Info Header 1</th><th>Info Header 2</th><th>Info Header 3</th>
</tr>
<tr>
	<td>Text 1A</td><td>Text 1B</td><td>Text 1C</td>
</tr>
<tr>
	<td>Text 2A</td><td>Text 2B</td><td>Text 2C</td>
</tr>
</table>}}


































/**umb_name:PDF Link*/
.PDFLink{}

/**umb_name:SmallPara*/
.SmallPara{color: #333;
font-size: 14px;
font-family: arial;}

/**umb_name:IntroLarge*/
.IntroLarge{color: #333;
font-size: 14px;
font-family: arial;}



/**umb_name:H1*/
.H1{color: #f38238;
font-size: 22px;
font-family: arial}

/**umb_name:H2*/
.H2{color: #576ead;
font-size: 18px;
font-family: arial;}

/**umb_name:H3*/
.H3{color: #576ead;
font-size: 18px;
font-family: arial}


/**umb_name:Paragraph*/
.Paragraph{color: #333;
font-size: 14px;
font-family: arial;}

