body {
margin: 0;
padding: 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
line-height: 1.4em;
background-color: #4e7296;
}

img {  
border-style: none;
}

a:link {color: #0000ff;
text-decoration: underline;
padding: 0px;}

a:hover {
color: #0000ff;
text-decoration: underline;
padding: 0px;}

a:visited {color: #0000ff;
text-decoration: underline;
padding: 0px;}

a:visited:hover {
color: #cc0000;
padding: 0px;
}

a:active {
color: #0000ff;
padding: 0px;}


h1 {
color: #cc0000;
font-size: 18px;
margin-top: 15px;
text-align: left;
}

h2 {
color: #cc0000;
font-size: 18px;
}


h3 {
color: #cc0000;
font-size: 17px;}

h4 {
color: #cc0000;
font-size: 17px;}

h5 {
color: #cc0000;
font-size: 17px;}

h6 {
color: #cc0000;
font-size: 17px;}

.tutorials-one {
color: #cc0000;
font-size: 18px;
background-image: url(../images/h2.png);
background-position: right +20px;
background-repeat: no-repeat;
padding-bottom: 4px;
width: 436px;
padding-top: 25px;
margin-top: -10px;}


.tutorials {
color: #cc0000;
font-size: 18px;
background-image: url(../images/h2.png);
background-position: right +20px;
background-repeat: no-repeat;
padding-bottom: 4px;
width: 636px;
padding-top: 25px;
margin-top: -25px;}


.black1 {
color: #000000;
font-size: 18px;}

.red1 {
color: #cc0000;
font-size: 14px;
font-weight: 900;}

.blue1 {
color: #003fff;
font-size: 14px;
font-weight: bold;
width: 440px;
}

#container {
width: 764px;
margin-top: 3px;
margin-left: auto;
margin-bottom: 0px;
margin-right: auto;
background-color: #ffffff;}

#border {
border: 3px #8da9c5 double;
position: relative;
z-index: 4;
}

#header {
background-repeat: no-repeat;
background-image: url(../images/hmembers.jpg);
height: 155px;
margin-left: 2px;}


#header-one {
background-repeat: no-repeat;
background-image: url(../images/hmembers.jpg);
height: 155px;
margin-left: 2px;}

#header-two {
width: 460px;
position: relative;
left: +330px;}

#maincontent {
padding: 1%;
text-align: justify;}

#main-pages {
text-align: left;
}

.nav-list {
margin-left: 1px;}

.nav-list ul {
list-style: none;
margin: 0;
padding: 0;
}

.nav-list li {
background-image: url(../images/bullet-tic.png);
background-repeat: no-repeat;
background-position: left 5px;
padding: 6px 0px 6px 20px;
margin: 0px 0px 0px 0px;
font-size: 12px;
font-weight: bold;}

.nav-list-two {
margin-left: 10px;}

.nav-list-two ul {
list-style: none;
margin: 0;
padding: 0;
}

.nav-list-two li {
background-image: url(../images/triangle.png);
background-repeat: no-repeat;
background-position: 6px 11px;
padding: 6px 0px 6px 20px;
margin: 0px 0px 0px 0px;
font-size: 12px;
font-weight: normal;}



#align-left {
text-align: left;}

.left {
text-align: left;}

#splitcontentleft {padding: 0;
float: left;
width: 430px;
text-align: left;}

#splitcontentright {padding: 0;
float: right;
width: 300px;
margin-top: 20px;
position: relative;}

#menu {
margin-top: 2px;
position: relative;
z-index: 3;
}

#top-menu-main {background-color: #4e7296;
font-size: 0.9em;
color: #ffffff;
text-align: right;
background-image: url(../images/technologypals-logo.png);
background-repeat: no-repeat;
background-position: left;
padding-top: 20px;
padding-bottom: 20px;}

#top-menu-main a:link {
color: #ffffff;
padding: 4px;}

#top-menu-main a:hover {
color: #ffffff;
background-color: #8da9c5;
font-weight: bold;
padding: 3px;}

#top-menu-main a:visited {
color: #ffffff;
padding: 4px;}

#top-menu-main a:visited:hover {
color: #ffffff;
background-color: #8da9c5;
font-weight: bold;
padding: 3px;
}

#main-page {
padding: 1%;
clear: both;
margin-top: -10px;}

#main ul {
height: 100%;
margin: 0;
padding: 0em 0em 0em 8px;
}

#main li {
list-style-type: none;
background-image: url(../images/check_box.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
font-size: 13px;
font-weight: bold;}

#login-main {
background-color: #8da9c5;
color: #000000;
font-size: 15px;
font-weight: bold;
text-align: center;
width: 227px;
border: 3px #4e7296 solid;
padding-bottom: 10px;
float: right;
margin-right: 10px;
margin-bottom: 10px;
z-index: 2;
position: relative;
margin-top: -7px;}



#header-login {
background-color: #4e7296;
color: #ffffff;
font-size: 15px;
font-weight: bold;
text-align: center;
width: 205px;
padding-bottom: 5px;
padding-top: 5px;
border: 1px #ffffff solid;
background-image: url(../images/login-man.gif);
background-repeat: no-repeat;
background-position: +2px;
margin-left: 5px;
padding-left: 10px;
margin-bottom: 10px;
position: relative;
z-index: 3;
top: -20px;}

#login-middle {
background-color: #8da9c5;
color: #000000;
font-size: 12px;
font-weight: bold;
border: none;
padding-top: 25px;
margin-bottom: -20px;
}

#lost-password {
background-color: #8da9c5;
color: #000000;
font-size: 13px;
font-weight: bold;
border: 3px #4e7296 solid;
padding-top: 10px;
width: 227px;
height: 110px;
}

#password {
margin-bottom: 10px;
position: relative;
top: -18px;
margin-top: 20px;}

.tutorial-surround {
width: 655px;
margin-top: 3px;
margin-left: auto;
margin-bottom: 0px;
margin-right: auto;
background-image: url(../images/tyellow.png);
background-repeat: no-repeat;
border: 1px #fec23e solid;
padding-left: 80px;
background-position: +6px 10px;
padding-top: 12px;
padding-bottom: 10px;}


.orderb {
float: right;
margin-right: 10px;}

.info {
float: right;
padding-right: 12px;}

.price {
color: #000000;
font-size: 14px;
font-weight: bold;
width: 440px;
}

#spacer {
text-align: center;}

#spacer-two {
text-align: center;
margin-bottom: 15px;}

.mini-space {
margin-right: 2px;
}

#join-now {
width: 220px;
padding-left: 75px;
padding-top: 15px;
}

#join-now a:link {
color: #ffffff;
padding: 0px;}

#join-now a:hover {
color: #ffffff;
background-color: #ffffff;
padding: 0px;}

#join-now a:visited {
color: #ffffff;
padding: 0px;}

#join-now a:visited:hover {
color: #ffffff;
background-color: #ffffff;
padding: 0px;}

.reg-text {
width: 225px;
padding-bottom: 6px;
padding-top: 6px;
font-size: 13px;
float: right;
margin-right: 10px;
margin-top: -10px;}

#footer {
padding-bottom: 15px;
text-align: center;
font-size: 12px;
margin-top: 30px;}

#bottom-container {
width: 764px;
margin-top: 0px;
margin-left: auto;
margin-bottom: 0px;
margin-right: auto;
background-color: #4e7296;
padding-bottom: 20px;}

#bottom-menu {font-size: 0.9em;
text-align: right;
color: #ffffff;
margin-top: 6px;
}

#bottom-menu a:link {
color: #ffffff;
padding: 4px;}

#bottom-menu a:hover {
color: #ffffff;
background-color: #8da9c5;
font-weight: bold;
padding: 3px;}

#bottom-menu a:visited {
color: #ffffff;
padding: 4px;}

#bottom-menu a:visited:hover {
color: #ffffff;
background-color: #8da9c5;
font-weight: bold;
padding: 3px;}

#copyright {
text-align: left;
font-size: 11px;
margin-top: 6px;
color: #ffffff;
padding-left: 2px;
float: left;
}


#copyright a:link {
color: #ffffff;
padding: 4px;}

#copyright a:hover {
color: #ffffff;
background-color: #8da9c5;
font-weight: bold;
padding: 3px;}

#copyright a:visited {
color: #ffffff;
padding: 4px;}

#copyright a:visited:hover {
color: #ffffff;
background-color: #8da9c5;
font-weight: bold;
padding: 3px;
}


#offline-payment {
font-weight: bold;
font-size: 13px;}

.payment {
font-weight: bold;
font-size: 15px;
color: #cc0000;
padding-left: 24px;}

#options {
width: 678px;
margin-left: 22px;
border: 1px #b9cadb solid;
padding: 10px;
margin-top: 15px;}

.payment-highlight {
font-weight: bold;
font-size: 16px;
border: 2px #cc0000 solid;
padding: 3px;}



#faq-list {
margin: 15px;
}

#faq-list ul {
list-style: none;
margin: 0;
padding: 0;
}

#faq-list li {
background-image: url(../images/question.gif);
background-repeat: no-repeat;
background-position: center left;
padding: 0px 0em 2px 20px;
margin: 0px 0em 4px 10px;
}

.faq-surround {
width: 665px;
margin-top: 60px;
margin-left: auto;
margin-bottom: 0px;
margin-right: auto;
background-image: url(../images/answer.gif);
background-repeat: no-repeat;
border: 1px #fec23e solid;
padding-left: 30px;
background-position: +6px 10px;
padding-top: 6px;
padding-bottom: 1px;
padding-right: 10px;}


.top {
background-image: url(../images/arrow_up.gif);
background-repeat: no-repeat;
padding-left: 20px;
margin-left: -22px;}