﻿*
{
    margin: 0;
    padding: 0;
}
div, p
{
    padding: 0;
}

ul, li
{
    list-style: none;
    padding: 0;
}
img
{
    border: none;
}
p
{
    color: #696969;
    font-size: 13px;
    padding: 0px 0 10px 0px;
    line-height: 13pt;
    text-align: left;
    font-family: Arial;
}
p a
{
    color: #313131;
    font-size: 13px;
    text-decoration: none;
    font-family: Arial;
}
p a:hover
{
    color: #000033;
    text-decoration: none;
}
h1
{
    color: #5fd0f2;
    font-size: 20px; /*padding: 2px 0;*/
    font-family: "Arial";
    padding: 0px 0 10px 0px;
    font-weight: normal;
}

h2
{
    color: #0184f3;
    font-size: 18px;
    font-family: arial;
    padding: 0px 0 10px 0px;
    font-weight: normal;
}
h3
{
    color: #949494;
    font-size: 16.3pt; /*padding: 2px 0;*/
    padding: 0px 0 7px 0px;
    font-weight: lighter;
    font-family: "Century Gothic";
}
h4
{
    color: #ffa90e;
    font-size: 13px;
    font-weight: lighter;
    padding: 5px 0;
}
input, textarea, select
{
    border: solid 1px #9fe0f3;
    color: #4b4b4c;
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
    padding: 2px 2px 2px 2px;
}
input
{
    height: 19px;
    padding: 2px 0px 0px 2px;
    width:170px;
}
select
{
     width:173px;
}
body
{
    font-family: Verdana;
    padding: 0;
    margin: 0 auto 0 auto;
    background-color: #e7e8e8;
}

#wrapper
{
    width: 915px;
    margin: 0 auto 0 auto;
    padding: 0;
}
#main
{
    float: left;
    position: relative;
    width: 915px;
    padding-top: 17px; /*padding-left: 28px;*/
}
#header
{
    float: left;
    position: relative;
    width: 915px;
    height: 234px;
}
#logo
{
    float: left;
    position: relative;
    width: 235px;
    height: 234px;
}
#banner
{
    float: left;
    position: relative;
    width: 680px;
    height: 234px;
}

#menu
{
    width: 915px;
    float: left;
    position: relative;
    text-align: center;
    padding: 0px 0 0 0px;
    background: #4b4b4c url(../images/menu_bg.jpg) left top repeat-x;
    height: 34px;
}
/* start nav*/
/* menu */
.gNav_main
{
    list-style: none;
    color: #3e67ac;
    font-size: 12px;
    font-family: Verdana;
    float: left;
    margin: 0px 0 0 0px;
    padding: 0px 0 0 0px;
    display: inline;
}
.gNav_main li
{
    display: inline;
    padding: 0 1px 0 1px;
    float: left;
}
.gNav_main li a
{
    font-size: 12px;
    color: #233a77;
    text-decoration: none;
    padding: 0 0 0 13px;
    float: left; /*margin-top: -4px;*/
    position: relative;
    font-family: Arial;
    height: 34px;
}
.gNav_main li a span
{
    font-size: 12px;
    color: #191919;
    text-decoration: none; /*padding: 5px 10px 0 5px;*/
    padding: 10px 13px 0 0px;
    height: 24px;
    display: block;
    float: left;
    cursor: pointer;
    font-family: Arial;
}
.gNav_main li a.active, .gNav_main li a:hover
{
    background: #4b4b4c url(../images/menu_hover_left.jpg) left top no-repeat;
    color: #fff;
}
.gNav_main li a span.active, .gNav_main li a:hover span
{
    background: #4b4b4c url(../images/menu_hover_right.jpg) right top no-repeat;
    color: #fff;
}

/* nav finish*/
#contant
{
    float: left;
    position: relative;
    width: 915px;
    background-color: white;
}
left_contant_index
{
    float: left;
    position: relative;
    width: 915px;
    
    background:#ffffff url(../images/gray_bg.jpg) right top repeat-x;
}
#left_contant
{
    float: left;
    position: relative;
    width: 915px;
    background:#ffffff url(../images/gray_bg.jpg) right top repeat-x;
}
.leftheader_index
{
    float: left;
    position: relative;
    width: 700px;
}
.leftheader
{
    float: left;
    position: relative;
    width: 655px;
    padding: 14px 0 14px 13px;
    font-weight:bold;
    color:#919294;
    font-family:Arial;
    font-size:16px;
}
.leftheader_bottom_box
{
    float: left;
    position:relative; 
    width: 655px;
    height: 73px;
    background-color: #96d6ea;
    z-index: 1;
    /*top: 47px;*/
    left:0;
    right:0;
    bottom:auto;
    margin:0;
}

.leftheader_bottom_box h1
{
    color: #fff;
    font-size: 22px; /*padding: 2px 0;*/
    font-family: "Arial";
    padding: 10px 0 10px 13px;
    font-weight: lighter;
}

.contant_bg_index
{
    background-color: #fff;
    margin: -25px 0 0 0;
    float: left;
    width: 655px;
    min-height:290px;
    position:relative;
}

* html .contant_bg_index {

height: 290px;

}
.contant_text_index
{
    float: left;
    position: relative;
    width: 667px;
    padding: 35px 0 0 13px;
    background-color: #fff;
}
.contant_text_index p
{
    color: #696969;
    font-size: 13px;
    padding: 0px 0 10px 0px;
    line-height: 13pt;
    text-align: left;
    font-family: Arial;
}
.contant_text_index p b
{
    color: #00b6de;
    font-size: 13px;
    padding: 0px 0 10px 0px;
    line-height: 13pt;
    text-align: left;
    font-family: Arial;
}
.contant_text_index ul
{
    color: #00b6de;
    font-size: 13px;
    padding: 0px 0 10px 0px;
    line-height: 13pt;
    text-align: left;
    font-family: Arial;
}
.contant_text_index ul li
{
    color: #696969;
    font-size: 13px;
    padding: 0px 0 10px 13px;
    line-height: 13pt;
    text-align: left;
    font-family: Arial;
    background: url(../images/bullet.jpg) 0px 7px no-repeat;
    width:660px;
    float:left;
    
}

.contant_bg
{
    background-color: #fff;
    margin: 9px 0 0 0;
    float: left;
    width: 700px;
    min-height:290px;
    position:relative;
}
* html .contant_bg {

height: 290px;

}
.contant_text
{
    float: left;
    position: relative;
    width: 667px;
    padding: 13px 0 0 13px;
    background-color: #fff;
}
.contant_text p
{
    color: #696969;
    font-size: 13px;
    padding: 0px 0 10px 0px;
    line-height: 13pt;
    text-align: left;
    font-family: Arial;
}
.contant_text p b
{
    color: #00b6de;
    font-size: 13px;
    padding: 0px 0 10px 0px;
    line-height: 13pt;
    text-align: left;
    font-family: Arial;
}
.contant_text ul
{
    color: #00b6de;
    font-size: 13px;
    padding: 0px 0 10px 0px;
    line-height: 13pt;
    text-align: left;
    font-family: Arial;

}
.contant_text ul li
{
    color: #696969;
    font-size: 13px;
    padding: 0px 0 10px 13px;
    line-height: 13pt;
    text-align: left;
    font-family: Arial;
    background: url(../images/bullet.jpg) 0px 7px no-repeat;
  


    
}
.contant_texthr
{
    line-height: 1px;
    float: left;
    background: url(../images/hr.jpg) repeat-x 0px 0px;
    width: 667px;
}
.course_header
{
    float: left;
    position: relative;
    width: 670px;
    padding: 10px 0 10px 0px;
}
.course_book
{
    float: left;
    position: relative;
    width: 670px;
    padding: 10px 0 0 10px;
    background-color:White;
}
.course_box
{
    float: left;
    width: 134px;
    min-height: 203px;
    padding-bottom:5px;
}
.course_box_top
{
    float: left;
    width: 128px;
    background: url(../images/course_box_tp.jpg) no-repeat 0px 0px;
    background-position:bottom left;
    height: 8px;
}
.course_box_content
{
    float: left;
    width: 126px;
    /*height: 108px;*/
    border-right: solid 1px #7ed2e9;
    border-left: solid 1px #7ed2e9;
}
.course_box_bottom
{
    float: left;
    width: 128px;
    background: url(../images/course_box_bt.jpg) no-repeat 0px 0px;
    height: 8px;
    background-position:top left;
}
.course_box_list
{
     float: left;
    width: 124px;
    min-height:178px;
}
.course_box_list p
{
    color: #696969;
    font-size: 12px;
    padding: 0px 0 5px 0px;
    line-height: 13pt;
    text-align: center;
    font-family: Arial;
}
.course_box_list p b
{
    color: #00b6de;
    font-size: 12px;
    padding: 0px 0 5px 0px;
    line-height: 13pt;
    text-align: center;
    font-family: Arial;
}

.course_box_list a
{
    color: #696969;
    font-size: 11px;
    text-decoration: none;
    padding:0 0 5px 0;
    
}
.course_box_list a:hover
{
    color: #00B6DE;
}

/*------------footer css start----------*/
#footer
{
    background-color: #a2daec;
    width: 915px;
    height: 30px;
    float: left;
    margin-top: 8px;
}
.fot_container
{
    width: 900px;
    margin: 0x auto 0 auto;
    padding-top: 10px;
    font-family: "arial";
    position: relative;
}
.copy
{
    width: 63%;
    padding-left: 1%;
    font-size: 10px;
    color: #00b6de;
    float: left;
}
.copy_right
{
    width: 28%;
    padding-right: 1%;
    font-size: 10px;
    color: #00b6de;
    float: right;
    text-align: right;
}
.copy_text
{
    float: left;
}
.copy_text a
{
 color: #00b6de;
 text-decoration:none;
}
.copy_text a:hover
{
    color: #fff;
}
.vital
{
    font-size: 10px;
    color: #00b6de;
    text-decoration: none;
}
.vital:hover
{
    color: #fff;
}
/* footer close*/
#right_contant
{
    float: left;
    position: relative;
    width: 215px;
    background-color: White;
    background: #ffffff url(../images/gray_box.jpg) no-repeat 0px top;
    padding: 15px 0 15px 0;
}

.right_box
{
   float:left;
    position: relative;
    width: 190px;
    text-align:center;  color: #696969;
    font-size: 11px;
}
.right_box table tr td
{
    
    text-align:center;  color: #696969;
    font-size: 11px; width: 190px;
    padding:5px 0 5px 0;
}
.right_box table tr td a 
{
    color: #696969;
    font-size: 11px;
    text-decoration:none;
    text-align:center;
    
}
.right_box table tr td a:hover
{
    color: #00B6DE;
}
/*.right_box ul
{
    color: #00b6de;
    font-size: 11px;
    padding: 5px 0 10px 0px;
    line-height: 13pt;
    text-align: center;
    font-family: Arial;
}
.right_box ul li 
{
    color: #696969;
    font-size: 11px;
    padding: 0px 0 5px 0px;
    line-height: 13pt;
    text-align: center;
    font-family: Arial;
}
.right_box ul li a
{
    color: #696969;
    font-size: 11px;
    text-decoration: none;
}
.right_box ul li a:hover
{
    color: #00B6DE;
}*/

#marqueecontainer{
position: relative;
width: 195px; /*marquee width */
height: 200px; /*marquee height */
overflow: hidden;
 padding: 0px 0px 0 0px;
 float: left;
 text-align: center;
}
.news
{
    float: left;
    position: relative;
    width: 195px;
    padding: 0px 0px 0 0px;
    text-align: center;
}
.news ul
{
    color: #00b6de;
    font-size: 13px;
    padding: 0px 0 0px 12px;
    line-height: 13pt;
    text-align: left;
    font-family: Arial;
    width:182px;
    float:left;
}
.news li
{
    color: #696969;
    font-size: 13px;
    padding: 0px 0 5px 10px;
    line-height: 13pt;
    text-align: left;
    font-family: Arial;
    background: url(../images/bullet.jpg) 0px 7px no-repeat;
    width:182px;
    float:left;
}
.news ul li a
{
    color: #696969;
    font-size: 11px;
    text-decoration: none;
}
.news ul li a:hover
{
    color: #00B6DE;
}
.advertisment
{
    float: left;
    position: relative;
    width: 195px;
    height:37px;
}
.booking_form
{
    color:#000000;
    font-size:12px;
    font-family:Arial;
   
}
.booking_form_label
{
    color:Black;
    font-size:12px;
    font-family:Arial;
    
}
.submit
{
	  background: #5ed1f2;
    width: 60px;
    text-align: center;
    padding: 4px 3px;
    float: left;
    text-decoration: none;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    border: none; /*height:16px;*/
    margin: 2px;
}
.submit:hover
{
	background: #696969;
	border: none;color: #fff;
}
