body{
max-width: 1050px;
background-color: #ffffff;
font-family: Arial, Verdana,sans-serif;
font-size:93%;
color: #000;
margin: auto:
padding:0;
text-align: center;
}

.main-table {
width:expression(document.body.clientWidth > 1052? "1050px": "auto" );
background-color: #ffffff;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
border-style: hidden;
border-width: 0px;
}

/*as we are using a table based layout, all your text is within a table. So this is the area to change the
size, color and font family .*/
table {
font-family: Arial, Verdana, sans-serif;
font-size: 100%;
color: #000;
background-color: #ffffff;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
}

.main-space{
font-size: 10pt;
width: 593px;
vertical-align: top;
}

/*This style sheet controls how the textboxes will look
The only thing that you might want to change will be the color
of the borders. They are set at #000066 at the moment.
The background color is set to ffffff (white), however if you
decide to change it you can. Just remember, if you do, it will affect EVERY
textbox on your site. To change only one, copy and paste the class here in the style sheet,
and alter the color. Change the name also... so the new class may be called
full-width-box-blue for eg. Then the new color can be called with your new class name.
*/


div.content-box {
   background-color: transparent;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 15px 15px;
	border-top: none;
	border-bottom: none;
	Border-right: none; 
	border-left: none;
}


/* Below, is the background colors for your table cells. originally, they were on the actual page, so why
move them to the stylesheet? Well, if you decide to do a site-wide color scheme change, you now change here, 
rather than on every page. A big improvement. Also, the less styling on the page, the better.

Suppose you prefer to have a tiled image rather than a solid color?
Replace the background-color:#fff;  with this, and upload your image to the graphics library....
background-image: 
url('http://www.your-site.com/images/your-image.gif');
background-repeat: repeat;
*/


td.headerbg {
background-color:#ffffff;
border-style: hidden;
border-width: 0px;
}

td.spacerbg {
background-color:#ffffff; 
}

td.contentbg {
background-color:#fff; 
}

td.right-col{
border: 1px dotted #cccccc;
padding: 0px;
font-size: 8pt;
text-align: center;
vertical-align: top;
width: 120px;
line-height: 125%;
}

td.rightbg {
font-family: Arial, Verdana, sans-serif;
font-size: 93%;
color: #000;
background-color:#fff; 
}

td.leftbg {
font-size: 86%;
margin-left: 10px;
background-color:#ffffff; 
}

td.footerbg {
font-size: 86%;
background-color:#ffffff; 
}

#top-banner {
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	width: 725px;}

#colhead {
	font-weight: bold;
	background: #fcba04;
	border: 1px solid #660000;
	text-align: center;
	font-size: 8.5pt;
	text-transform: uppercase;
	vertical-align: middle;
	height: 20px;
	line-height: 20px;
	width: 128px;
	color: #FFFFFF;
	padding-right: 1px;
	padding-left: 1px;
	margin-right: auto;
	margin-bottom: 4px;
	margin-left: auto;
}

#colhead  a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
#colhead  a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
#colhead  a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* This is for the heading background color....your H1, H2, and H3 tags*/
.hbg{
background-color:#ffffff; 
color:#0076B2;
text-align: center;
width: auto;
z-axis: 1;
}


/* information below is to remove the link styling for anchor links.
Just leave this as it is....it works fine, and shouldn't be modified */
a.jumplink{
text-decoration: none;
font-size: 100%; 
background-color: transparent;
color: #000;
}

a:hover.jumplink  {
text-decoration: none;
font-size: 100%; 
background-color: transparent;
color: #000;
}

<link rel="alternate" type="application/rss+xml" title="RSS" href="http://www.training-my-computer.com/computer.xml">

<style type="text/css">
#addSiteTo {
width:90%;
font-size:85%;
text-align:center;
padding:8px 0;
border:1px solid #000;
margin:12px auto;
background-color: $FFFF00;
}

#addSiteTo p {
padding:2px 2px 4px;
margin:0;
}

#addSiteTo img {
width:91px;
border:0;
padding:1px 0;
}
</style>

/* ------ Section 7 - Frequently Used Styles ------ */

.Clear {
clear: both;
}

.Caption {
font-size: 85%;
font-weight: bold;
color: #000;
display: block;
line-height: 150%;
margin-bottom:10px;
}

/* -- floats -- */

.ItemRight {
float: right;
margin: 2px 0 12px 18px;
text-align: center;
}

.ItemCenter {
margin: 2px auto 12px auto;
text-align: center;
clear: both;
}

.ItemLeft {
float: left;
margin: 2px 18px 12px 0;
text-align: center;
}


#sponsors {
width: 90%;
font-size: 95%;
text-align: center;
padding: 2px 0;
border: 1px solid #000;
margin: 12px auto;
background-color: #FFFFFF;
}

#sponsors p {
padding:2px 2px 4px;
margin:0;
}

#sponsors img {
width: 130px;
border: 0;
padding: 1px 0;
}
</style>

h1, h2, h3, h4, h5, h6 {
background-color: transparent;
color: #0076B2;
clear: both;
}