/*IMPORTANT NOTE. Please, never put HTML ot HTML comments in this stylesheet. or will stop working.*/
body {
background-color:#ffffff;
background-image:url(../images/background.gif);
background-attachment:fixed;
background-repeat:repeat-y;
background-position:top center; 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 93%;
color: #000;
margin:0;
padding:0;
text-align:center;
}

/***************************************************
 this area below is for your  Link-text and headings. You can change the font type and size, the color of each of them
as well as the a:hover, which is the text for a link, once the pointer passes over it*/
ul {
list-style-type: none;
padding-left: 0;
margin-left: 10px;
}

li.custom {
background: url(http://www.upgrademyreality.com/image-files/post-arrows.png) left top no-repeat; 
padding-left: 20px;
margin-bottom: 10px;
margin-right: 5px;
 }
 
 li.custom2{
background: url(http://www.upgrademyreality.com/image-files/red-check2.png) left top no-repeat;
padding-left:20px;
margin-bottom: 10px;
 }

a { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 100%; color: #309; text-decoration: underline;
}

a:hover { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 100%; 
 color: #900;
 }


h1 { font-family: Times, Arial, Verdana, sans-serif; font-size: 195%;  color: #000}
h2 { font-family: Arial, Verdana, sans-serif; font-size: 145%;  color: #000}
h3 { font-family: Arial, Verdana, sans-serif; font-size: 108%;  color: #000}

/*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: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 85%;
color: #000;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}


/***********************************************************
 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 {
width: 725px;
background-color:#fff;
}

td.spacerbg {
height:1px;
background-color:#fff; 
width:50px;
padding:0px;
}

td.contentbg {
width:675px;
background-color:#fff; 
padding-top:15px;
padding-right:50px;
padding-bottom:60px;
padding-left:50px;
/* the old code for a dotted gray line was: border-left:1px dotted #ccc;*/ 
}

td.leftbg {
width: 50px;
font-size: 100%;
margin-left: 0;
background-color:#fff; 
padding:0;
}

td.footerbg {
font-size: 93%;
background-color:#fff; 
padding:5px;
}




/*******************************************************
 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.
Just place this is any link you may wish to remove styling from ...such as the rss links */
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;
} 








/****************************************************
this area of the stylesheet is for your navigation panel*/