@charset "utf-8";
/* CSS Document */

body{
background-color:#000000;
margin:0;}

.main_bg {width: 1024px; border: none; z-index:0; top:-68px; position: relative; margin:0px; padding:0px; height:1800px;}
.main_title{ font-size:40px;
color:#ffffff;
font-weight: bold;
font-family:Arial;
}
.nav_bg {width: 1024px; 
border: none; 
z-index: 1; 
top: 94px; 
position: relative;
color:#FFF;
font-size:14px;
font-family:Arial;
}

a {
COLOR: #8ac3fa; 
TEXT-DECORATION: none}
a:hover {
COLOR: #ffffff;
border-bottom: 1px dotted #79a5d0;}

a.pic:link{font-family: "Arial"; text-decoration:none;}
a.pic:visited{font-family: "Arial"; text-decoration:none;}
a.pic:hover{font-family: "Arial"; text-decoration:none;}

a.nav:link{font-family: "Arial"; text-decoration:none; font-size:14px; color:#FFF}
a.nav:visited{font-family: "Arial"; text-decoration:none; font-size:14px; color:#ffffff}
a.nav:hover{font-family: "Arial"; text-decoration:none; font-size:14px; color:#b77c0b}

.footer{font-family: "Arial"; font-size:11px; color:#FFF}
a.footer:link{font-family: "Arial"; text-decoration:none; font-size:12px; color:#FFF}
a.footer:visited{font-family: "Arial"; text-decoration:none; font-size:12px; color:#ffffff}
a.footer:hover{font-family: "Arial"; text-decoration:none; font-size:12px; color:#b77c0b}


.box1 { 
z-index: 7; 
top: 600px;
left:-12px;
position: relative;
color:#FFF;
font-size:11px;
font-family:Arial;
height: 256px;
width:740px;
margin:0px;
}

.box2 { 
z-index: 6; 
top: 574px;
left:-12px;
position: relative;
color:#FFF;
font-size:11px;
font-family:Arial;
height: 298px;
margin:0px;
width:380px;
}

.box3 { 
z-index: 5; 
top: 276px;
left:353px;
position: relative;
color:#FFF;
font-size:12px;
font-family:Arial;
height: 298px;
margin:0px;
width:380px;
}

.box4 { 
z-index:4; 
top: 250px;
left:-12px;
position: relative;
color:#FFF;
font-size:12px;
font-family:Arial;
height: 10px;
margin:0px;
width:740px;
}

.box4_glacier { 
z-index:4; 
top: 264px;
left:-12px;
position: relative;
color:#FFF;
font-size:12px;
font-family:Arial;
height: 10px;
margin:0px;
width:740px;
}

.teachers{ 
z-index:3; 
top: -249px;
left:727px;
position: relative;
color:#FFF;
font-size:12px;
font-family:Arial;
height: 10px;
margin:0px;
}

.teachers_box1 { 
z-index: 2; 
top: -250px;
left:715px;
position: relative;
color:#FFF;
font-size:12px;
font-family:Arial;
height: 256px;
margin:0px;
}

h1{ font-size:18px;
color:#ffffff;
font-family: "Myriad Web Pro";
font-weight:normal;
position:absolute;
top: -104px;
left:20px;
padding:0px;
margin:0px;
}

h2{ font-size:16px;
color:#ffffff;
font-family: "Myriad Web Pro";
font-weight:normal;
padding:0px;
margin:0px;
}

.intro{
font-size:12px;
color:#ffffff;
font-family: Arial;
font-weight:normal;
position:absolute;
top: -80px;
left:20px;
width: 720px;
padding:0px;
margin:0px;
}

.intro_loweratmos{
font-size:12px;
color:#ffffff;
font-family: Arial;
font-weight:normal;
position:absolute;
top: -70px;
left:20px;
width: 720px;
padding:0px;
margin:0px;
}
.index_h1{ font-size:18px;
color:#ffffff;
font-family: "Myriad Web Pro";
font-weight:normal;
position:absolute;
top: -34px;
left:20px;
padding:0px;
margin:0px;
}

.index_box1 { 
z-index: 6; 
top: 530px;
left:-12px;
position: relative;
color:#FFF;
font-size:12px;
font-family:Arial;
height: 256px;
margin:0px;
}

.roll { 
z-index: 20; 
top: 45px;
left:0px;
position: relative;
height: 0px;
margin:0px;
}

.index_teachers{ 
z-index:5; 
top:287px;
left:727px;
position: relative;
color:#FFF;
font-size:12px;
font-family:Arial;
height: 10px;
width: 500px;
margin:0px;
}

.index_teachers_box1 { 
z-index: 4; 
top: 286px;
left:715px;
position: relative;
color:#FFF;
font-size:12px;
font-family:Arial;
height: 256px;
margin:0px;
}



