body {
background-color: #ffffff;
color: #000066;
line-height: 1.4em;
font-size: 80%;
width: 950px;
margin: auto;
}

body a            { text-decoration: none; }
body a:hover      { text-decoration: underline; color: #808080; }

#head {
padding-top: 10px;
width: 950px;
}

#headtop {
padding-left: 420px;
color: #808080;
float: left;
}

ul#headul {
margin: 0px;
}

ul
li.headli {
float: left;
padding-left: 20px;
list-style-type: none;
color: #FF00FF;
}

a:hover { position: relative; top: 1px; left: 1px; } 

ul li.headli a {color: #ff00ff;}


#logo {
padding-top: 20px;
clear: both;
height: 70px;
width: 950px;
}

ul#headlogo {
margin: 0px;
height: 80px;
overflow:hidden;
list-style-type: none;
}

ul#headlogo
li {
float: left;
}

ul#headlogo
li a{
display: block;
height: 70px;
}



ul li#headlogo {
text-indent: -5000px;
background-image: url(images/logo_index.jpg);
background-repeat: no-repeat;
width: 200px;
height: 60px;
}


ul li#headlogo1 {
margin-left: 20px;
margin-top: 5px;
text-indent: -5000px;
background-image: url(images/1.png);
background-repeat: no-repeat;
background-position:10px 0px;
width: 270px;
height: 70px;
}

ul li#headlogo2 {
margin-left: 20px;
margin-top: 5px;
text-indent: -5000px;
background-image: url(images/2.png);
background-repeat: no-repeat;
background-position:10px 0px;
width: 190px;
height: 70px;
}

ul li#headlogo3 {
margin-left: 20px;
margin-top: 8px;
text-indent: -5000px;
background-image: url(images/3.png);
background-repeat: no-repeat;
background-position:10px 0px;
width: 185px;
height: 70px;
}


#banner {
clear: both;
background-image: url(images/banner.jpg);
background-repeat: no-repeat;
background-position: 0px 10px;
height: 365px;
padding-top: 30px;
}


div.seo {
text-indent: -10000px;
}




#banner1 {
padding: 8px;
height: 118px;
background-image: url(images/banner.png);
text-indent: -5000px;
background-repeat: no-repeat;
width: 253px;
margin-left: 35px;
}

#banner2 {
color: #ffffff;
font-size: 230%;
margin-top: 180px;
text-align: center;
font-family: serif;
font-weight: bold;
}

p #banner3 {
text-indent: -5000px;
}




h1 {
font-size: 110%;
margin: 0px;
color: #000099;
}

h2, h3 {
font-size: 110%;
margin: 0px;
color: #000099;
}


div#setleft {
float: left;
width: 715px;
}

div.set {
clear: both;
width: 710px;
background-color: #ffffff;
padding-left: 10px;
}



div#inset1 {
width: 390px;
float: left;
background-image: url(images/reason.jpg);
background-repeat: no-repeat;
text-indent: -5000px;
height: 110px;
width: 390px;
}


div#inset1 
a#in1blink {
display:block;
width: 360px;
height: 110px;
}


div#inset2 {
width: 310px;
margin-left: 390px;
background-image: url(images/question.jpg);
background-repeat: no-repeat;
text-indent: -5000px;
height: 110px;
}

div#inset2 
a#in2blink {
display:block;
width: 307px;
height: 110px;
}




div#set2 {
clear: both;
width: 700px;
margin-top: 20px;
background-image: url(images/diamond.jpg);
background-repeat: no-repeat;
text-indent: -5000px;
height: 122px;
margin-left: 10px;
}

div#set2 
a#blink2 {
display:block;
width: 700px;
height: 122px;
}


div#course {
width: 690px;
margin-top: 20px;
padding-left: 10px;
background-image: url(images/course.png);
background-repeat: no-repeat;
height: 24px;
margin: 20px 0 0 10px;
text-indent: -10000px;
border-bottom: 1px solid #3BD7FF;
}



div.school {
clear: both;
width: 710px;
margin-top: 15px;
}



div#courset1 {
float: left;
background-image: url(images/beginner.jpg);
background-repeat: no-repeat;
text-indent: -5000px;
height: 97px;
width: 345px;
margin-left: 10px;
}


a.coursblink {
display:block;
width: 345px;
height: 97px;
}


div#courset2 {
background-image: url(images/beginnerad.jpg);
background-repeat: no-repeat;
text-indent: -5000px;
height: 97px;
width: 345px;
margin-left: 365px;
}




div#courset3 {
float: left;
background-image: url(images/mdiver.jpg);
background-repeat: no-repeat;
text-indent: -5000px;
height: 97px;
width: 345px;
margin-left: 10px;
}

div#courset4 {
background-image: url(images/dcs.jpg);
background-repeat: no-repeat;
text-indent: -5000px;
height: 97px;
width: 345px;
margin-left: 365px;
}





div#setright {
margin-left: 730px;
padding-right: 10px;
}

div#counseling {
width: 200px;
background-image: url(images/counseling.jpg);
background-repeat: no-repeat;
text-indent: -5000px;
height: 64px;
}

div#counseling 
a#counblink {
display:block;
width: 200px;
height: 64px;
}


div#challenge {
width: 200px;
background-image: url(images/challenge.jpg);
background-repeat: no-repeat;
text-indent: -5000px;
height: 58px;
margin-top: 10px;
}

div#challenge 
a#mdblink {
display:block;
width: 200px;
height: 58px;
}


div#campaign {
width: 200px;
background-image: url(images/campaign.jpg);
background-repeat: no-repeat;
text-indent: -5000px;
height: 64px;
margin-top: 10px;
}

div#campaign 
a#camblink {
display:block;
width: 200px;
height: 64px;
}


div#dst {
width: 200px;
background-image: url(images/dst.jpg);
background-repeat: no-repeat;
text-indent: -5000px;
height: 64px;
margin-top: 10px;
}

div#dst 
a#dstblink {
display:block;
width: 200px;
height: 64px;
}


div#animal {
width: 200px;
background-image: url(images/animal.jpg);
background-repeat: no-repeat;
text-indent: -5000px;
height: 62px;
margin-top: 10px;
}

div#animal 
a#aniblink {
display:block;
width: 200px;
height: 62px;
}

div#dsp {
width: 200px;
background-image: url(images/dsp.jpg);
background-repeat: no-repeat;
text-indent: -5000px;
height: 24px;
margin-top: 10px;
}

div#animal 
a#dspiblink {
display:block;
width: 200px;
height: 24px;
}




div#footer {
clear: both;
border-top: 1px solid #FF00FF;
margin-top: 20px;
text-align: center;
}