html, body {
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:84%;
}

h1
{
    font-size: 18pt;
    color: #06f;
    margin: 0px 0px 10px 0px;
}
h2
{
    font-size: 14pt;
    font-weight: 800;
    color: #06f;
    margin: 20px 0px 10px 0px;
    text-align: left;
}
h3
{
    font-size: 100%;
    font-weight: bold;
    margin: 20px 10px 10px 5px;
    text-align: left;
    color: #06f;
}
h4
{ 
font-size: 100%;
font-weight: normal;
color: #06f;
margin: 15px 10px 10px 10px;
 }

.qsteps { 
font-size: 100%;
font-weight: normal;
color: #06f;
margin: 0px 10px 0px 10px;
text-align:left
 }

img {border:0;}

p
{
margin: 0px 0px 5px 20px    
}
ul
{
list-style-image:url(../images/bullet1.png);   
}
ul ul

{

list-style-image:url(../images/bullet2.png);   
}
hr
{
 margin: 0px 0px 0px 0px    
   
}

img
{
    margin:0 0 0 0;
}
.imgMain
{
    margin: 0 0 0 20px;
}
table {
	width: 100%;
}

td {
	vertical-align: middle;
	text-align: center;
}

div {
	border: 0px solid #000000;
}

div.advt
{
    
    margin: 30px 0px 0px 20px;
    background-color: #ccccff;
    border:solid 1px #00f
}

div.advt a:link
{
    display: block;
    color: #000000;
    text-decoration: none;
    padding: 10px 10px 10px 10px;
}
div.advt a:visited
{
    display: block;
    color: #000000;
    text-decoration: none;
    padding: 10px 10px 10px 10px;
}
div.advt a:active
{
    display: block;
    color: #000000;
    text-decoration: none;
    padding: 10px 10px 10px 10px;
}
div.advt a:hover
{
    display: block;
    color: #9900ff;
    text-decoration: none;
    background-color: #ffff99;
    padding: 10px 10px 10px 10px;
}

div.container 
{
    clear:left;
	margin-left: auto;
	margin-right: auto;
	width: 700px;
}




#header
{
width:100%;
font-family:Verdana, Arial, Sans-Serif; 
font-size:30pt;
text-align: left;
padding: 0 0 10px 0;
}

#mainHead
{
width:500px; 
float:left; 
background-image:url('../images/bgtitle.png'); 
background-repeat:repeat-x; 
background-position:bottom;
}

#websiteHead
{
width:700px; 
float:left; 
background-image:url('../images/bgtitle.png'); 
background-repeat:repeat-x; 
background-position:bottom;
}

#topPic
{
width:200px; 
float:left;
}
#footer{
clear:left; 
text-align:center;
width:100%;
}

div.medPic
{
width:100%; 
height:300px;
float:left
}

div.bigPic
{
width:650px; 
float:left;
}

div.left
{
width:650px; 
float:left
}

div.leftMenu
{
width:190px; 
padding: 0px 10px 0px 0px; 
float:left;
}
div.learnByPhone
{
width:140px; 
padding: 0px 10px 0px 0px; 
float:left;
}

div.mainText
{
    width: 240px;
    text-align: justify;
    padding: 0px 0px 10px 10px;
    float: left;
}
div.tutText
{
    width: 240px;
    text-align: justify;
    padding: 0px 0px 10px 10px;
    float: left;
}

div.websiteText
{
    width: 240px;
    text-align: justify;
    padding: 0px 10px 10px 0px;
    float: left;
}

div.websitePix
{
width:390px;
text-align:justify;
padding: 0px 0px 20px 10px;
float:left;
}


div.tips
{
width:240px;
text-align:justify;
padding: 0px 0px 10px 10px;
float:left
}



.menuHyperlink {background-image:url('../images/bgmenu.png'); background-repeat:repeat-y;}


.menuHyperlink a:link
{
    display: block;
    width: 150px;
    color: #06f;
    background-color: transparent;
    text-decoration: none;

}
.menuHyperlink a:visited
{   
    display: block;
    width:150px;
    color: #06f;
    background-color: transparent;
    text-decoration: none;
}
.menuHyperlink a:active
{
       display: block;

    width:150px;
    color: #06f;
    background-color: transparent;
    text-decoration: none;
}

.menuHyperlink a:hover
{
    display: block;
    width: 150px;
    color: #fff;
    background-color: #00f;
    text-decoration: none;
}




.tutText a:link
{
    color: #06f;
    background-color: #ffff99;
    text-decoration: none;
}
.tutText a:visited
{
    color: #06f;
    background-color: #ffffcc;
    text-decoration: none;
}
.tutText a:active
{
    color: #06f;
    background-color: #ccccff;
    text-decoration: none;
}

.tutText a:hover
{
    color: #06f;
    background-color: #ccccff;
    text-decoration: none;
}


.normLink 
{
        margin-left:20px;
}

.normLink a:link
{
    color: #0000ff;
    text-decoration: underline;
    background-color: transparent;

}
.normLink a:visited
{
    color: #0000ff;
    text-decoration: underline;
    background-color: transparent;

}
.normLink a:active
{
    color: #ff0000;
    text-decoration: underline;
    background-color: transparent;

}
.normLink a:hover
{
    color: #ff0000;
    text-decoration: underline;
    background-color: transparent;
}





.barLink 
{
        margin:0;
}

.barLink a:link
{
    color: #0000ff;
    text-decoration: underline;
    background-color: transparent;

}
.barLink a:visited
{
    color: #0000ff;
    text-decoration: underline;
    background-color: transparent;

}
.barLink a:active
{
    color: #ff0000;
    text-decoration: underline;
    background-color: transparent;

}
.barLink a:hover
{
    color: #ff0000;
    text-decoration: underline;
    background-color: transparent;
}

.subMenuHyperlink a:link
{
    display: block;
    margin-left:10px;
    width: 120px;
    color: #06f;
    background-color: transparent;
    text-decoration: none;

}
.subMenuHyperlink a:visited
{   
    display: block;
    margin-left:10px;
    width:120px;
    color: #06f;
    background-color: transparent;
    text-decoration: none;
}
.subMenuHyperlink a:active
{
       display: block;
    margin-left:10px;
    width:120px;
    color: #06f;
    background-color: transparent;
    text-decoration: none;
}

.subMenuHyperlink a:hover
{
    display: block;
    margin-left:10px;
    width: 120px;
    color: #000099;
    background-color: #ccccff;
    text-decoration: none;
}

.kwText
{
    padding: 5px 5px 5px 5px;
    color: #06f;
    border-right: #ccccff 1px dotted;
    border-top: #ccccff 1px dotted;
    border-left: #ccccff 1px dotted;
    border-bottom: #ccccff 1px dotted;
}