body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

hr{
display:none;}

#wrapper{
width: 890px;
margin-left: auto;
margin-right: auto;
}

#top{
width: 850px;
margin-left: auto;
margin-right: auto;
}

.topleft{
width: 15px;
height: 56px;
background-image: url(../images/top-left.jpg);
background-position:left top;
background-repeat: no-repeat;
float: left;
}

#navigation{
width:820px;
height: 55px;
background-color: #FFFFFF;
border-bottom: 1px solid #999999;
float:left;}

#navigation ul{
float:left;
margin:0px;
padding:0px;
list-style-type: none;
width: 820px;
}
#navigation ul li span{display:none;}

#navigation ul li{display:inline;}

.link_home{
width:131px;
height:55px;
background-image:url(../images/btn_home.gif);
background-position: left top;
background-repeat: no-repeat;
display:block;
float:left;
}
.link_home:hover{
background-image:url(../images/btn_home_hover.gif);
}

.link_about{
width:261px;
height:55px;
background-image:url(../images/btn_aboutjohn.gif);
background-position: left top;
background-repeat: no-repeat;
display:block;
float:left;
}
.link_about:hover{
background-image:url(../images/btn_aboutjohn_hover.gif);
}

.link_tuition{
width:154px;
height:55px;
background-image:url(../images/btn_tuition.gif);
background-position: left top;
background-repeat: no-repeat;
display:block;
float:left;
}
.link_tuition:hover{
background-image:url(../images/btn_tuition_hover.gif);
}

.link_links{
width:127px;
height:55px;
background-image:url(../images/btn_links.gif);
background-position: left top;
background-repeat: no-repeat;
display:block;
float:left;
}
.link_links:hover{
background-image:url(../images/btn_links_hover.gif);
}

.link_contact{
width:144px;
height:55px;
background-image:url(../images/btn_contact.gif);
background-position: left top;
background-repeat: no-repeat;
display:block;
float:left;
}
.link_contact:hover{
background-image:url(../images/btn_contact_hover.gif);
}

.topright{
width: 15px;
height: 56px;
background-image: url(../images/top-right.jpg);
background-position:right top;
background-repeat: no-repeat;
float: left;
}

#middle{
width: 890px;
height:auto;
float:left;
margin-top: 8px;
background-color: #ffffff;}

#middle_left{
width: 495px;
height:401px;
float:left;}

#middle_left h1{
margin:0px;
padding:0px;
display:block;
background-image:url(../images/middle_logo.jpg);
background-position: left top;
background-repeat: no-repeat;
width: 495px;
height:121px;
float:left;
}

#middle_lfbot{
width: 293px;
height:280px;
background-image: url(../images/middle_left.jpg);
background-position: left top;
background-repeat: no-repeat;
float:left;
}

#middle_text{
width: 202px;
height:280px;
background-image: url(../images/middle_text.jpg);
background-position: left top;
background-repeat: no-repeat;
float:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight: normal;
color:#003366;
}

.middle_content{
width: 172px;
height:186px;
margin-left: 5px;
margin-top: 50px;
}

.middle_content p{margin:0px; margin-bottom: 15px;}
.middle_content strong{font-family:"Times New Roman", Times, serif; font-size:130%;}

#middle_left h1 span{
display:none;}

#middle_right{
width: 395px;
height:401px;
float:left;
background-image: url(../images/middle_right.jpg);
background-repeat:no-repeat;
background-position: left top;}

#contentarea{
width: 890px;
height:auto;
float:left;
background-color:#FFFFFF;
margin-top: 8px;
}

#contentbox_1{
width: 17px;
height:280px;
float:left;
background-color:#ffffff;
}




#contentbox_left{
width: 500px;
height:280px;
float:left;
background-color:#ffffff;
}

.cbl_top{
float:left;}

.cbl_top h2{
width: 500px;
height: 49px;
margin:0px;
background-image: url(../images/cbl_top.jpg);
background-position: left top;
background-repeat: no-repeat;
}

.cbl_top h2 span{ display:none;}

.cbl_middle{
width: 500px;
height: auto;
margin:0px;
background-image: url(../images/cbl_middle.gif);
background-position: left top;
background-repeat: repeat-y;
float:left;
}

#homemiddleleft{
width:488px;
height:218px;
margin-left: 11px;
background-image: url(../images/cb_fade.jpg);
background-position: bottom left;
background-repeat:repeat-x}

#homemiddleright{
width:351px;
height:218px;
margin-left: 1px;
background-image: url(../images/cb_fade.jpg);
background-position: bottom left;
background-repeat:repeat-x}

.cbl_p1{
width: 188px;
height: auto;
float: left;
margin-left: 20px;
margin-top: 25px;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
color:#003366;
line-height: 125%;
}

.cbl_p2{
width: 220px;
height: auto;
float: left;
margin-left: 20px;
margin-top: 25px;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
color:#003366;
line-height: 125%;
font-weight: bold;
}


.cbl_p2 ul{
margin:0px;
margin-left: 20px;
list-style-image:url(../images/arrow.gif);}

.cbl_p2 ul li{
margin-bottom: 5px;}

.cbl_footer{
width: 500px;
height: 15px;
margin:0px;
background-image: url(../images/cbl_footer.jpg);
background-position: left top;
background-repeat: no-repeat;
float:left;
}



.cbr_top h2{
width: 365px;
height: 49px;
margin:0px;
background-image: url(../images/cbr_top.jpg);
background-position: left top;
background-repeat: no-repeat;
}

.cbr_top h2 span{ display:none;}

.cbr_middle{
width: 365px;
height: auto;
margin:0px;
background-image: url(../images/cbr_middle.gif);
background-position: left top;
background-repeat: repeat-y;
float:left;
}
.cbr_middle p{
margin:0px;
margin-left: 20px;
margin-right: 20px;
padding-top: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
color:#003366;
line-height: 120%;

}
.cbr_middle img{
float:left;
margin-right: 25px;}

.cbr_footer{
width: 365px;
height: 15px;
margin:0px;
background-image: url(../images/cbr_footer.jpg);
background-position: left top;
background-repeat: no-repeat;
float:left;
}









#contentbox_right{
width: 365px;
height:280px;
float:left;
background-color:#FFFFFF;
margin-left: 8px;}


/*css for footer*/

#footer{
width: 890px;
height:73px;
background-color:#ffffff;
margin-top: 8px;
float:left;
}
#footer_container{
width:890px;
margin:0px;
padding:0px;
float:left;}
#footer_main{
width: 850px;
height:73px;
margin:0px;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;}

.footerleft{
width:14px;
height:72px;
float:left;
background-image: url(../images/footer_left.jpg);
background-position: left top;
background-repeat: no-repeat;

}
.footermiddle{
width:822px;
height:72px;
float: left;
background-image:url(../images/footer-middle.jpg);
background-position: left top;
background-repeat: repeat-x;
}
.footerright{
width:14px;
height:72px;
float:left;
background-image: url(../images/footer_right.jpg);
background-position: left top;
background-repeat: repeat-x;
}
.p_left{
margin:0px;
margin-top: 25px;
width: 425px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
color:#666666;
line-height: 125%;
}
.p_left a:link,.p_left a:visited{
color:#666666;
text-decoration: underline;
}
.p_left a:hover{
text-decoration: none;
}

.p_right{
margin:0px;
margin-top: 40px;
width: 280px;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 75%;
color:#666666;
line-height: 125%;
text-align: right
}

.p_right a:link,.p_right a:visited{
color:#666666;
text-decoration: underline;
}
.p_right a:hover{
text-decoration: none;
}

.readmore a:link,.readmore a:visited{
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
color:#FF6600;
font-weight: bold;
text-decoration: underline;}

.readmore a:hover{
text-decoration: none;}



/*css for sub*/


#middlesub{
width: 890px;
height:auto;
float:left;
margin-top: 8px;
background-color: #FFF00F;}

#middlefade{
width:577px;
height:387px;
margin-left: 14px;
background-image: url(../images/cb_fade.jpg);
background-position: bottom left;
background-repeat:repeat-x}


#middle_leftsub{
width: 468px;
height:159px;
float:left;}

#middle_leftsub h1{
margin:0px;
padding:0px;
display:block;
background-image:url(../images/subh1.jpg);
background-position: left top;
background-repeat: no-repeat;
width: 468px;
height:159px;
float:left;
}

#middle_leftsub h1 span{display:none}

#middle_rightsub{
width: 422px;
height:159px;
float:left;
background-image:url(../images/subtop.jpg);
background-position: left top;
background-repeat: no-repeat;}

#sub_aboutjohn{
width: 263px;
height:450px;
float:left;
background-image:url(../images/righimg_aboutjohn.jpg);
background-position: left top;
background-repeat: no-repeat;
margin-left: 8px;}

#contentbox_1sub{
width: 5px;
height:280px;
float:left;
background-color:#ffffff;
}

#contentbox_leftsub{
width: 592px;
height:280px;
float:left;
background-color:#ffffff;
}

.cbl_topsub{
float:left;}

.cbl_topsub h2{
width: 592px;
height: 49px;
margin:0px;
background-image: url(../images/subttl_aboutjohn.jpg);
background-position: left top;
background-repeat: no-repeat;
}

.cbl_topsub h2 span{ display:none;}

.cbl_middlesub{
width: 592px;
height: 387px;
margin:0px;
background-image: url(../images/subfade.gif);
background-position: left top;
background-repeat: repeat-y;
float:left;
}

.cbl_footersub{
width: 592px;
height: 15px;
margin:0px;
background-image: url(../images/cblfooter_01.jpg);
background-position: left top;
background-repeat: no-repeat;
float:left;
}
.subtext{
width: 500px;
height: auto;
float: left;
margin-left: 20px;
margin-top: 25px;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
color:#003366;
line-height: 125%;
}

.subtext a:link, .subtext a:visited{
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
color:#003366;
line-height: 125%;
text-decoration: underline;
}
.subtext a:hover{
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
color:#ff6600;
line-height: 125%;
text-decoration: none;
}

.subtext ul li{
margin-top: 10px;
list-style-image: url(../images/bullet.gif);
}

#download{
width: 515px;
height: 62px;
float: left;
margin-left: 20px;
margin-top: 25px;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
color:#003366;
line-height: 125%;}

#download01{
width: 316px;
height: 62px;
float: left;
background-image: url(../images/subdownload-01.gif);
background-position: left top;
background-repeat: no-repeat;
vertical-align:middle;
text-align:right;
padding-top: 12px;
}
#download02{
width: 199px;
height: 62px;
float: left;
}


/*LINKS*/
#linkstitle h2{
width: 592px;
height: 49px;
margin:0px;
background-image: url(../images/subttl_links.jpg);
background-position: left top;
background-repeat: no-repeat;
}
#linkstitle span{display:none;}

#sub_links{
width: 263px;
height:450px;
float:left;
background-image:url(../images/rightimg_links.jpg);
background-position: left top;
background-repeat: no-repeat;
margin-left: 8px;}


/*tuition*/

#tuitiontitle h2{
width: 592px;
height: 49px;
margin:0px;
background-image: url(../images/subttl_tuition.jpg);
background-position: left top;
background-repeat: no-repeat;
}
#tuitiontitle span{display:none;}

#sub_tuition{
width: 263px;
height:450px;
float:left;
background-image:url(../images/rightimg_tuition.jpg);
background-position: left top;
background-repeat: no-repeat;
margin-left: 8px;}

/*contact*/

#contacttitle h2{
width: 592px;
height: 49px;
margin:0px;
background-image: url(../images/subttl_contact.jpg);
background-position: left top;
background-repeat: no-repeat;
}
#contacttitle span{display:none;}

#sub_contact{
width: 263px;
height:450px;
float:left;
background-image:url(../images/rightimg_contact.jpg);
background-position: left top;
background-repeat: no-repeat;
margin-left: 8px;}

.telephone_container{
width: 300px;
height:50px;
float:left;
margin-left: 50px;
margin-top: 50px;
margin-bottom: 25px;
}
.telephone span{
display:none;}

.telephone{
width: 49px;
height:50px;
float:left;
background-image: url(../images/ico-telephone.jpg);
background-position: left top;
background-repeat: no-repeat;}

.telephone_text{
width: 125px;
margin-left: 25px;
float:left;
text-align: left;
margin-top: 10px;
}

.email_container{
width: 300px;
height:50px;
float:left;
margin-left: 50px;
margin-top: 20px;
}
.email span{
display:none;}

.email{
width: 49px;
height:50px;
float:left;
background-image: url(../images/ico-email.jpg);
background-position: left top;
background-repeat: no-repeat;}

.email_text{
width: 125px;
margin-left: 25px;
float:left;
text-align: left;
margin-top: 10px;
}