/* CSS Document */
body{
margin:0px; padding:0px;
}

hr{
display:none;
}

#skip{
display:none;
}

#wrapper{
width:950px; height:auto; 
margin:0px auto; padding:0px;
}

#top{
width:950px; height:auto;
margin:0px; padding:0px
}

#header{
width:950px; height:auto; 
margin:0px; padding:0px;
}

#logo{
width:441px; height:103px; float:left;
margin:0px; padding:0px;
}

#logo a:link, #logo a:hover, #logo a:visited{
width:441px; height:103px;
display:block;
}

#callbox{
width:400px; height:auto; float:right; text-align:right;
margin:42px 10px 0px 0px; padding:0px;
}

.call{
font-family:Arial, Helvetica, sans-serif; text-align:right;
font-size:16px; color:#333333; font-weight:bold;
margin:0px; padding:0px;
}

.call span{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;color:#22A6AB; font-weight:bold;
margin:0px; padding:0px;
}

.email{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;color:#333333; font-weight:bold;
margin:0px; padding:0px;
}

.email span{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;color:#22A6AB; font-weight:bold;
margin:0px; padding:0px;
}

.email span a:link, .email span a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;color:#22A6AB; font-weight:bold;
text-decoration:none;
margin:0px; padding:0px;
}

.email span a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;color:#333333; font-weight:bold;
text-decoration:none;
margin:0px; padding:0px;
}

#navigation{
width:950px; height:35px; float:left;
margin:0px 0px 0px 0px; padding:0px 0px 5px 0px;
}
.menuleft{
width:10px; height:35px; float:left; 
background:url(../images/menu_left.jpg) no-repeat;
margin:0px; padding:0px;
}

.menuright{
width:10px; height:35px; float:left;
background:url(../images/menu_right.jpg) no-repeat;
margin:0px; padding:0px;
}

.menumiddle{
width:900px; height:35px; float:left; 
background:url(../images/menu_middle.jpg) repeat-x left top;
margin:0px; padding:0px 0px 0px 30px;
}

.menu{
margin:0px; padding:0px 0px 0px 15px;
}

.menu li{
list-style-type:none; float:left;
margin:0px; padding:0px;
}

.menu li a:link, .menu li a:visited{
height:28px; float:left;
font-family:"Century Gothic", Arial; 
font-size:16px; color:#FFFFFF; font-weight:bold;
border-right:1px solid  #22A6AB;
text-decoration:none;
margin:0px; padding:7px 15px 0px 20px;
}

.menu li a:hover{
font-family:"Century Gothic", Arial; 
font-size:16px; color:#1C6578; font-weight:bold;
border-right:1px solid  #22A6AB;
background-color:#BFE6EE;
text-decoration:none;
margin:0px; padding:7px 15px 0px 20px;
}

.active_menu{
font-family:"Century Gothic", Arial; 
font-size:16px; color:#1C6578; font-weight:bold;
border-right:1px solid  #22A6AB;
background-color:#BFE6EE;
text-decoration:none;
margin:0px; padding:7px 30px 0px 30px;

}

#banner{
width:950px; height:209px; float:left; 
margin:0px 0px 0px 0px; padding:0px 0px 5px 0px;
}

.video{
width:296px; height:209px; float:left;
margin:0px; padding:0px;
}


.curve1{
width:10px; height:209px; float:left;
background:url(../images/curve1.jpg) no-repeat;
margin:0px; padding:0px;
}


.bannermiddle{
width:595px; height:197px; float:left;
margin:0px 0px 0px 0px; padding:12px 27px 0px 22px;
background-color:#22A6AB;
}

.tital{
font-family:Arial, Helvetica, sans-serif;
font-size:24px; color:#FFFFFF; font-weight:normal;
margin:0px; padding:0px 0px 10px 0px;
}

.text1{
font-family:Arial, Helvetica, sans-serif;
font-size:17px; color:#FFFFFF; font-weight:normal;
margin:0px; padding:0px 0px 8px 0px;
}

.photobtn{ 
width:202px; height:31px; float:left;
font-family:Arial, Helvetica, sans-serif; float:left;
font-size:16px; color:#FFFFFF; font-weight:normal;
margin:0px 28px 0px 0px; padding:13px 0px 0px 70px;
background:url(../images/photo_btn.jpg) no-repeat;
}

.photobtn a:link, .photobtn a:visited{ 
width:202px; height:31px; float:left;
font-family:Arial, Helvetica, sans-serif; float:left;
font-size:16px; color:#FFFFFF; font-weight:normal;
text-decoration:none;
margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
}


.photobtn a:hover{ 
width:202px; height:31px; float:left;
font-family:Arial, Helvetica, sans-serif; float:left;
font-size:16px; color:#BFE6EE; font-weight:normal;
text-decoration:none;
margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
}


.videobtn{
width:202px; height:31px; float:left;
font-family:Arial, Helvetica, sans-serif; 
font-size:16px; color:#FFFFFF; font-weight:normal;
margin:0px; padding:13px 0px 0px 70px;
background:url(../images/video_btn.jpg) no-repeat;
}

.videobtn a:link, .videobtn a:visited{
width:202px; height:31px; float:left;
font-family:Arial, Helvetica, sans-serif; 
font-size:16px; color:#FFFFFF; font-weight:normal;
margin:0px; padding:0px 0px 0px 0px;
text-decoration:none;
}

.videobtn a:hover{
width:202px; height:31px; float:left;
font-family:Arial, Helvetica, sans-serif; 
font-size:16px; color:#BFE6EE; font-weight:normal;
margin:0px; padding:0px 0px 0px 0px;
text-decoration:none;
}

#middle{
width:950px; height:auto;
margin:0px; padding:0px;
}

#left{
width:245px; height:auto; float:left;
margin:0px 5px 0px 0px; padding:0px;
}

#right{
width:700px; height:auto; float:left;
margin:0px; padding:0px; 
}

.curve2{
width:245px; height:16px; font-size:0px; float:left;
background:url(../images/curve2.jpg) no-repeat;
margin:0px; padding:0px;
}

.curve3{
width:245px; height:19px; font-size:0px; float:left;
background:url(../images/curve3.jpg) no-repeat;
margin:0px; padding:0px;
}

.box1{
width:216px; height:auto; float:left;
margin:0px; padding:0px 12px 0px 15px;
background-color:#BFE6EE;
border-left:1px solid #22A6AB;
border-right:1px solid #22A6AB;
}

.ttl_news{
font-family:Arial, Helvetica, sans-serif;
font-size:20px; color:#333333; font-weight:normal;
border-bottom:1px solid #22A6AB;
margin:0px; padding:0px 0px 10px 0px;
}


.newsbox{
width:216px; height:auto; 
border-bottom:1px dotted #FFFFFF;
margin:0px; padding:10px  0px 15px 0px;
}

.newsbox p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px; color:#22A6AB;
margin:0px; padding:0px 0px 5px 0px;
}

.text2{
font-family:Arial, Helvetica, sans-serif;
font-size:12px; color:#333333; line-height:17px;
margin:0px; padding:0px;
}

.text2 a:link, .text2 a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:12px; color:#333333; line-height:17px;
text-decoration:underline;
margin:0px; padding:0px;
}

.text2 a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px; color:#333333; line-height:17px;
text-decoration:none;
margin:0px; padding:0px;
}

.moredetail{
font-family:Arial, Helvetica, sans-serif;
font-size:12px; color:#22A6AB; font-weight:bold; 
text-decoration:none;
margin:0px 0px 0px 0px; padding:10px 0px 0px 135px;
}

.moredetail a:link, .moredetail a:visited{
font-family:Arial, Helvetica, sans-serif;  
font-size:12px; color:#22A6AB; font-weight:bold; 
text-decoration:underline;
margin:0px 0px 0px 0px; padding:0px;
}

.moredetail a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px; color:#22A6AB; font-weight:bold; 
text-decoration:none; 
margin:0px 0px 0px 0px; padding:0px;
}

.border{
border-bottom:1px solid #22A6AB;
margin:0px; padding:0px 0px 2px 0px;
}

.ttl_event{
font-family:Arial, Helvetica, sans-serif;
font-size:20px; color:#333333; font-weight:normal;
border-bottom:1px solid #22A6AB;
margin:15px 0px 0px 0px; padding:0px 0px 10px 0px;
}


.img1{
float:left;
margin:0px 0px 0px 0px; padding:0px 10px 10px 0px;
}


.curve4{
width:700px; height:15px; font-size:0px; float:left;
background:url(../images/curve4.jpg) no-repeat;
margin:0px; padding:0px;
}

.curve5{
width:700px; height:11px; font-size:0px; float:left;
background:url(../images/curve5.jpg) no-repeat;
margin:0px; padding:0px;
}

 .content{
width:663px; height:auto; float:left;
background-color:#FFFFFF;
min-height:425px;
height:auto !important;
height:425px;
background:url(../images/content_bg.jpg) repeat-x left top;
border-left:1px solid #24A7AC;
border-right:1px solid #24A7AC;
margin:0px; padding:0px 20px 0px 15px;
}

 .content1{
width:678px; height:auto; float:left;
background-color:#FFFFFF;
min-height:425px;
height:auto !important;
height:425px;
background:url(../images/content_bg.jpg) repeat-x left top;
border-left:1px solid #24A7AC;
border-right:1px solid #24A7AC;
margin:0px; padding: 0px 10px 0px 10px;
}
.welcome_ttl{
font-family:Arial, Helvetica, sans-serif;
font-size:20px; color:#333333; font-weight:normal;
border-bottom:1px solid #24A7AC;
margin:0px 0px 13px 0px; padding:0px 0px 5px 0px;
}

.leftblock{
width:180px; height:auto; float:left;
margin: 0px; padding:0px
}

.rightblock{
width:480px; height:auto; float:left;
margin:0px; padding:0px;
}

.img2{
width:138px; height:97px; float:left;
margin:0px; padding:0px 23px 15px 20px;
}

.text3{
font-family:Arial, Helvetica, sans-serif; text-align:justify; 
font-size:12px; color:#333333; font-weight:normal; line-height:17px;
margin:0px; padding:0px 0px 15px 0px;
}

.text8{
font-family:Arial, Helvetica, sans-serif;  
font-size:12px; color:#333333; font-weight:normal; line-height:8px;
margin:0px; padding:0px 0px 5px 0px;
}


.bullet{
list-style-type:none; 
margin:0px; padding:0px;  
}

.bullet li{
font-family:Arial, Helvetica, sans-serif;
background:url(../images/bullet1.gif) no-repeat;
 
/*list-style-image:url(../images/bullet1.jpg);

list-style-position:outside;*/
font-family:Arial, Helvetica, sans-serif;
font-size:12px; color:#333333; line-height:17px;
margin:0px 0px 0px 15px; padding:0px 0px 5px 15px;
}

.curve6{
width:648px; height:50px; float:left;
background:url(../images/curve6jpg.jpg) no-repeat;
margin:0px; padding:0px;
}

.clickhere{
width:130px; height:36px; float:right;
font-family:"Century Gothic", Arial;
background:url(../images/clickhere.jpg) no-repeat;
font-size:20px; color:#FFFFFF; font-weight:normal;
margin:5px 30px 0px 10px; padding:5px 0px 0px 10px;
}

.clickhere a:link, .clickhere a:visited{
width:130px; height:36px; float:right;
font-family:"Century Gothic", Arial;
font-size:20px; color:#FFFFFF; font-weight:normal;
text-decoration:none;
margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
}

.clickhere a:hover{
width:130px; height:36px; float:right;
font-family:"Century Gothic", Arial;
font-size:20px; color:#BFE6EE; font-weight:normal;
text-decoration:none;
margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
}

.text4{
font-family:Arial, Helvetica, sans-serif;
font-size:16px; color:#333333; font-weight:normal;
margin:0px 0px 0px 15px; padding:4px 0px 0px 0px;

}

#footer{
width:930px; height:auto; float:left;
margin:0px; padding:10px 0px 20px 0px;
}

.leftpart{
width:300px; height:auto; float:left;
margin:0px; padding:0px;
}

.rightpart{
width:500px; height:auto; float:right;
margin:0px; padding:0px;
}

.copyright{
float:left;
font-family:Arial, Helvetica, sans-serif; 
font-size:12px; color:#22A6AB; font-weight:bold;
margin:0px; padding:0px;
}

.produced{
font-family: Arial, Helvetica, sans-serif;  float:right;
font-size:12px; color:#22A6AB;
 margin:0px; padding:0px;
}
.produced a:link,.produced a:visited{
color:#22A6AB;
text-decoration:underline;
margin:0px; padding:0px;
}

.produced a:hover{ 
text-decoration:none;
margin:0px; padding:0px;
}

/*------------------------------------------------------curriculum--------------------------------*/

#sub_banner{
width:950px; height:119px; float:left;
background:url(../images/curriculum_banner.jpg) no-repeat;
margin:0px 0px 0px 0px; padding:0px 0px 5px 0px;
}

.bannertext{
font-family:Arial, Helvetica, sans-serif; text-align:right;
font-size:34px; color:#DCE2E4; font-weight:normal;
margin:0px; padding:72px 20px 0px 0px;
}

.curve7{
width:245px; height:11px; font-size:0px; float:left;
background:url(../images/curve7.jpg) no-repeat;
margin:0px; padding:0px;
}

.curve8{
width:245px; height:11px; font-size:0px; float:left;
background:url(../images/cuve8.jpg) no-repeat;
margin:0px 0px 5px 0px; padding:0px;
}

.gallerybox{
width:243px; height:87px; float:left;
background:url(../images/gallerybg.jpg) repeat-x left top;
border-left:1px solid #22A6AB;
border-right:1px solid #22A6AB;
margin:0px; padding:0px;
}

.sub_photo{
width:175px; height:29px; 
background:url(../images/sub_photo.jpg) no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:15px; color:#FFFFFF;
margin:0px 0px 5px 3px; padding:12px 0px  0px 60px;
}

.sub_photo a:link, .sub_photo a:visited{
width:175px; height:29px; 
font-family:Arial, Helvetica, sans-serif;
font-size:15px; color:#FFFFFF;
text-decoration:none;
margin:0px 0px 0px 0px; padding:0px;
}

.sub_photo a:hover{
width:175px; height:29px; 

font-family:Arial, Helvetica, sans-serif;
font-size:15px; color:#9FD8DA;
text-decoration:none;
margin:0px; padding:0px;
}

.sub_video{
width:175px; height:29px;
background:url(../images/sub_video.jpg) no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:15px; color:#FFFFFF;
margin:0px 0px 0px 3px; padding:12px 0px  0px 60px;
}

.sub_video a:link, .sub_video a:visited{
width:175px; height:29px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:15px; color:#FFFFFF;
margin:0px; padding:0px;
}


.sub_video a:hover{
width:175px; height:29px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:15px; color:#9FD8DA;
margin:0px; padding:0px;
}


.text5{
font-family:Arial, Helvetica, sans-serif;
font-size:15px; color:#41929E; font-weight:normal;
margin:0px; padding:0px 0px 5px 0px;
}

.text5 a:link, .text5 a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:15px; color:#41929E; font-weight:normal; text-decoration: underline;
margin:0px; padding:0px 0px 0px 0px;
}

.text7 a:hover{
font-family: Arial, Helvetica, sans-serif;
font-size:15px; color: #41929E; font-weight:normal; text-decoration: none;
margin:0px; padding:0px;
}

.text7{
font-family:Arial, Helvetica, sans-serif;
font-size:12px; color:#22A6AB; font-weight:normal;
margin:0px; padding:0px 0px 5px 0px;
}

.text7 a:link, .text7 a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:12px; color:#22A6AB; font-weight:normal; text-decoration: underline;
margin:0px; padding:0px 0px 0px 0px;
}

.text7 a:hover{
font-family: Arial, Helvetica, sans-serif;
font-size:12px; color: #22A6AB; font-weight:normal; 
margin:0px; padding:0px;
}

.text6{
font-family:Arial, Helvetica, sans-serif;
font-size:15px; color:#333333; font-weight:bold;
margin:0px; padding:0px 0px 5px 0px;
}

.error_box
{
	background-color: #FFFFFF;
	color: #750200; /*#741C1A;*/
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-top: 10px;
	font-weight: bold;
	font-family: Verdana;
	font-size: 11px;
	border: 1px solid #1E7787;
	text-align: center;
}


.paging a:link, .paging a:visited, .paging a:active
{
    border: solid 1px #22A6AB;
    color: #113867;
    margin: 0px 5px 0px 0px;
    padding: 3px 4px 3px 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    height: 23px;
    cursor: pointer;
}


.paging a:hover
{
    color: #FFFFFF;
    background-color: #22A6AB;
    text-decoration: none;
    height: 23px;
}


.currentpage
{
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    background-color: #22A6AB;
    border: solid 1px #B4E0F9;
    margin: 0px 5px 0px 0px;
    padding: 3px 4px 3px 5px;
}

.thumbnail 
{
    font-family: Arial, Helvetica, sans-serif;
	float: left;
	margin: 5px;
	padding: 8px;
	text-align: center;
	color: #000;
	width: 164px;
	font-size:10pt; 
	}

.thumbnail img{
	background: #22A6AB;
	padding: 7px;
	margin: auto;
	display:block;
}



.thumbnail a {
	color:#999999;
	text-decoration: none;
}

/* non IE  hover */
div.thumbnail:hover
{
    font-family: Arial, Helvetica, sans-serif;
	background: #22A6AB;
	color: #FFFFFF;
	font-weight: bold;
	font-size:10pt;
}

a img {
border:none;

}

#gallerycontainer{
	padding: 0px;
	text-align:center;
}


/*------------------------------------------------------NEWS--------------------------------*/

.curve9{
width:950px; height:15px; float:left;font-size:0px;
background:url(../images/curve9.jpg) no-repeat;
margin:0px; padding:0px;
}

.curve10{
width:950px; height:15px; float:left; font-size:0px;
background:url(../images/curve10.jpg) no-repeat;
margin:0px; padding:0px;
}

 .sub_content{

width:913px;  float:left;

background-color:#FFFFFF; 

min-height:425px;

height:auto !important;

height:425px;

background:url(../images/content_bg.jpg) repeat-x left top;

border-left:1px solid #24A7AC;

border-right:1px solid #24A7AC;

margin:0px; padding:0px 20px 0px 15px;

}


.newsbox1{
width:900px; height:auto; 
border-bottom:1px dotted #FFFFFF;  
margin:0px; padding:10px  0px 15px 0px;
}

.newsbox1 p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px; color:#22A6AB;
margin:0px; padding:0px 0px 5px 0px;
}

.field02{
width:180px;
float:left;
background-color:#FFFFFF; 
border:1px solid #22A6AB;
margin:0px 0px 20px 0px; padding:3px 2px 4px 2px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px; color:#333333;
}

.textbox
{
    float:left;
    background-color:#FFFFFF; 
    border:1px solid #5AA0D2;
    margin:0px 0px 20px 0px; padding:3px 2px 4px 2px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px; color:#333333;
}

.lable02{
width:135px; text-align:right;
font-family:Arial, Helvetica, sans-serif; float:left;
font-size:14px; font-weight:normal; color:#333333;
margin:0px; padding:4px 5px 0px 0px;
}

.lable03{
/*text-align:left;*/
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
/*font-weight:normal;*/
color:#333333;
padding:4px 5px 0px 0px;
margin:0px;
vertical-align:middle;		 
}

.maindiv
{width:500px;
    height:auto;
    margin:0px;
    padding:2px 0px 2px 0px;   
    float:left;  
    }
    
.submitbtn{
width:70px; height:30px; float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px; font-weight:bold; color:#FFFFFF;
background: url(../images/submit_btn.gif) no-repeat;
margin:0px 0px 20px 15px; padding: 0px 0px 0px 0px;
border:none;
cursor:pointer;
}

/* -----------------------------terms times------------------------------*/

.tital_bg{
background-color:#4DA9B0; 
margin:0px; padding:0px;
font-family:Arial, Helvetica, sans-serif; text-align:center;
font-size:12px; color:#333333; font-weight:normal; line-height:17px;
margin:0px; padding:0px 0px 0px 0px;
}

.trbg{
background-color:#C9E9EA;
margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px; color:#333333; font-weight:normal; line-height:17px;
}

.footerlogo{
width:930px; height:auto;
margin:0px; padding:15px 15px 0px 20px;

}

.logo1{
width:74px; height:83px; float:left;
margin:0px; padding:0px 15px 0px 0px;
}

.logo2{
width:168px; height:83px; float:left;
margin:0px; padding:0px 15px 0px 0px;
}

.logo3{
width:96px; height:83px; float:left;
margin:0px; padding:0px 15px 0px 0px;
}

.logo4{
width:113px; height:83px; float:left;
margin:0px; padding:0px 15px 0px 0px;
}

.logo5{
width:168px; height:83px; float:left;
margin:0px; padding:0px 12px 0px 0px;
}

.logo6{
width:133px; height:83px; float:left;
margin:0px; padding:0px 12px 0px 0px;
}

.logo7{
width:65px; height:83px; float:left;
margin:0px; padding:0px 12px 0px 0px;
}