@charset "utf-8";

/* CSS Document */



body, div, span, table, p, th, tr, td, ul, li, h1, h2, h3, h4, img {
margin: 0;
padding: 0;
vertical-align: top;
}



a {
color: #03C;
}

a:hover {
color: #0C0;
}

body {
background-image: url(backer1.jpg);
background-repeat: repeat-x;
font-family: "Lucida Grande", arial, verdana, sans-serif;
line-height: 20px;
}

#wrap {
margin: 0 auto;
width: 999px;
}

#head {
width: 479px;
height: 230px;
margin: 0 auto;
background-image: url(logo1.jpg);
background-repeat: no-repeat;
}

#nav {
position: relative;
height: 35px;
margin: 0 auto;
width: 938px;
}

#nav:hover {
cursor: pointer;
}



#nav li {
list-style-type: none;
float: left;
height: 35px;
background-repeat: no-repeat;
}

#nav a {
display: inline-block;
height: 20px;
padding: 10px 67px 10px 67px;
}



#home {
background-image: url(nw1.png);
}

#home:hover {
background-image: url(nw1b.png);
}

#seminars {
background-image: url(nw2.png);
}

#seminars:hover {
background-image: url(nw2b.png);
}

#tpe_program {
background-image: url(nw3.png);
}

#tpe_program:hover {
background-image: url(nw3b.png);
}

#apartment_program {
background-image: url(apt_a.png);
}

#apartment_program:hover {
background-image: url(apt_b.png);
}

#resources {
background-image: url(nw5.png);
}

#resources:hover {
background-image: url(nw5b.png);
}

#register {
background-image: url(nw6.png);
}

#register:hover {
background-image: url(nw6b.png);
}

#contact {
background-image: url(nw7.png);
}

#contact:hover {
background-image: url(nw7b.png);
}





#leftbar {
float: left;
margin-top: -17px;
width: 234px;
}

#lbar1 {
width: 234px;
height: 287px;
background-image: url(lbacktop.jpg);
}



/*simply change this height to extend/shorten the left bar */

#leftmid {
width: 234px;
height: 1915px;
background-image: url(leftmid.jpg);
background-repeat: repeat-y;
}

#leftbottom {
width: 234px;
height: 20px;
background-image: url(leftbottom.jpg);
}



#main {
float: right;
margin-top: -17px;
width: 765px;
}



#maintop {
width: 765px;
height: 110px;
background-image: url(mainbodytop.jpg);
}



/* simply change this height to extend/shorten the main section */

#mainmid {
width: 765px;
height: 2100px;
background-image: url(mainmidback.jpg);
background-repeat: repeat-y;
}

#mainbottom {
width: 765px;
height: 15px;
background-image: url(mainbottom.jpg);
background-repeat: no-repeat;
}



.mcontent {
width: 685px;
margin-left: 30px;
}

.homelist {
list-style-type: none;
margin: 10px 0 10px 50px;
line-height: 24px;
font-size: 15px;
font-weight: 600;
}



/*this changes the bullet from a list-style to a background-image*/

.homelist li {
padding-left: 20px;
background-image: url(arrow.png);
background-position: 0 5px;
background-repeat: no-repeat;
}



.title_b {
margin: 0 0 0 10px;
}



.title_a {
font-size: 24px;
padding: 50px 0 10px 20px;
}





#geoff1 {
margin: 40px 0 0 35px;
border-top: 1px solid #A3A3A3;
border-left: 1px solid #A3A3A3;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}

#geoffname {
font-size: 14px;
margin: 10px 0 0 60px;
}

/* get rid of this sometime */
#geofftitle {
font-size: 10px;
margin: 0 0 0 15px;
font-weight: 600;
text-align: center;
}

.geofftitle {
font-size: 10px;
margin: 0 0 0 15px;
font-weight: 600;
text-align: center;
}



.pcontent {
text-align: justify;
font-size: 14px;
margin: 15px 0 15px 10px;
}



.myline {
margin: 20px 0 20px 0;
}



#mmc {
margin: 50px 0 10px 35px;
border-top: 1px solid #A3A3A3;
border-left: 1px solid #A3A3A3;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}



#tahiti {
margin: 50px 0 0 35px;
border-top: 1px solid #A3A3A3;
border-left: 1px solid #A3A3A3;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}



.firstletter {
font-size: 16px;
font-weight: 700;
}



a {
text-decoration: none;
font-weight: 700;
}

#bottomlinks {
margin-left: 40px;
}



#footer {
margin: 50px 0 50px 0;
font-size: 11px;
width: 500px;
text-align: center;
}



/*-------------------------------seminars.html specific styles-------------------------------------------*/



#upcoming {
font-size: 14px;
margin: 0px 0 20px 25px;
border-top: 1px solid #C9CFDA;
border-left: 1px solid #C9CFDA;
border-right: 1px solid #69709A;
border-bottom: 1px solid #69709A;
border-collapse: collapse;
}

.updata {
border-top: 1px solid #CCC;
}

.updata td {
padding: 3px;
background: #F5F7FA;
}

#upcoming td {
text-align: center;
}

.tdtop {
font-weight: 600;
background: #DDE0E8;
padding: 3px;
}

.title_c {
font-weight: 600;
margin: 10px 0 10px 0;
}

#seminarsmid {
width: 765px;
height: 2620px;
background-image: url(mainmidback.jpg);
background-repeat: repeat-y;
}

#seminarsleftmid {
width: 234px;
height: 1235px;
background-image: url(leftmid.jpg);
background-repeat: repeat-y;
}



/*--------------------------------- leaps.html specific styles ----------------------------------------------*/



#leapsmid {
width: 765px;
height: 720px;
background-image: url(mainmidback.jpg);
background-repeat: repeat-y;
}



#leapsleftmid {
width: 234px;
height: 535px;
background-image: url(leftmid.jpg);
background-repeat: repeat-y;
}



.testimonial_p {
font-size: 14px;
margin-bottom: 20px;
}

.testimonialName {
font-weight: 600;
}



/*---------------------------------------- resources.html styles -------------------------------------------------*/



.piclink {
border-style: none;
margin-left: 10px;
}

.imgblock {
}

#resourcesleftmid {
width: 234px;
height: 1765px;
background-image: url(leftmid.jpg);
background-repeat: repeat-y;
}

#resourcesmid {
width: 765px;
height: 1950px;
background-image: url(mainmidback.jpg);
background-repeat: repeat-y;
}



.articlepopup {
position: absolute;
z-index: 2;
top: 400px;
left: 450px;
width: 500px;
height: 550px;
background: #F5F5FC;
border: 10px solid #BCBCBC;
display: none;
overflow: auto;
overflow-x: hidden;
}



.readthisbutton {
position: relative;
top: 10px;
left: 10px;
font-weight: 600;
color: #00C;
background: #FFF;
padding: 4px;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}

.readthisbutton:hover {
cursor: pointer;
background: #BDE7B6;
}







.articletitle {
font-weight: 600;
margin: 0px 0px 10px 0px;
padding: 10px;
background: #E2F5E8;
}

.articlecontent {
text-align: justify;
font-size: 14px;
margin: 20px 15px 10px 15px;
}



.closethis {
font-weight: 600;
font-size: 12px;
padding: 4px;
border: 1px solid #999;
background: #FFF;
float: right;
margin: -45px 10px 0px 0px;
}

.closethis:hover {
cursor: pointer;
background: #FFCCD0;
}

/*--------------------------------------  register.html styles -----------------------------------------------------*/



.pform1 {
text-align: justify;
font-size: 14px;
margin: 0 0 15px 10px;
}

#registermid {
width: 765px;
height: 1450px;
background-image: url(mainmidback.jpg);
background-repeat: repeat-y;
}

#registerleftmid {
width: 234px;
height: 1265px;
background-image: url(leftmid.jpg);
background-repeat: repeat-y;
}

#regform {
font-size: 14px;
}

#regform td {
padding: 5px;
}

/*--------------------policy.html-----------------*/

#policymain {
background: #eff2fb;
width: 430px;
margin: 30px auto;
}



/*---------------------------------------- contact.html styles -----------------------------------------------------*/

#contactmid {
width: 765px;
height: 1000px;
background-image: url(mainmidback.jpg);
background-repeat: repeat-y;
}

#contactleftmid {
width: 234px;
height: 815px;
background-image: url(leftmid.jpg);
background-repeat: repeat-y;
}

#contform {
font-size: 14px;
margin-left: 20px;
}

#contform td {
padding: 5px;
}

/*------------- payments.html--------------*/

#paymentlist {
list-style-type: none;
margin: 10px 0 10px 50px;
line-height: 24px;
font-size: 14px;
background: #FCFCFE;
padding: 10px;
border: 1px solid #CCC;
}

#paymentlist li {
padding-left: 20px;
background-image: url(arrow.png);
background-position: 0 5px;
background-repeat: no-repeat;
}



#paymentlist form {
margin: 20px;
}