/* general */

* {margin: 0; padding: 0; border: 0;}

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

.right {float: right; margin: 0px 0px 0px 10px;}

body{background: #ebffcb; font-family: Verdana, Georgia, "Trebuchet MS", "Times New Roman";}

a {text-decoration: none;}

input {border: 1px solid #000;}



/*******************************************/
/** header *********************************/
/*******************************************/

#header{height: 121px; margin: 0px auto; position: relative; width: 775px; background: url("/images/header6.png");}

#header:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}



/*******************************************/
/** top navi *******************************/
/*******************************************/

#svc_logo{padding: 11px 0 0 5px;}

#topnavi{height: 20px; margin: 0 auto; padding: 2px 0 0 0; position: relative; width: 775px;}

#topnavi:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}

#topnavi p{margin: 0; padding: 2px 0px; text-align: center; font-size: 12px; font-weight: bold;}

#topnavi a{margin: 0; padding: 3px 15px; color: #fff;}

#topnavi a:hover{background-color: #000;}



/*******************************************/
/** main ***********************************/
/*******************************************/

#main {height: auto; margin: 0px auto; width: 775px; background: #fff; }

#main:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;} 



/*******************************************/
/** left navi ******************************/
/*******************************************/

#leftnavi {float: left; width: 195px; padding: 10px 0; font-size: 12px;}

#leftnavi h2 {padding: 0px 0px 5px 0px; font-size: 13px; font-weight: bold;}

#leftnavi a {display: block; margin: 0 10px; padding: 5px 20px; background: url("/images/note_black.png") no-repeat; font-size: 12px; color: #000;}

#leftnavi a:hover {background: #fff; padding: 5px 10px; font-weight: bold; color: #f00;}

#leftnavi p {padding: 10px; background-color: #eee; font-size: 11px;}



/*******************************************/
/** content ********************************/
/*******************************************/

#content{float: right; width: 570px; padding: 10px 10px 10px 0; font-size: 12px;}

#content h2{background: url("/images/h2bkg.jpg") no-repeat left; padding: 12px 0px 14px 60px; font-family: Arial, Georgia; font-size: 18px; font-weight: bold;}

#content h3{background: url("/images/h3bkg.jpg") no-repeat left; padding: 15px 0 10px 25px; text-decoration: underline; color: #777;}

#content p{padding: 5px 0 10px 0; text-align: justify; line-height: 150%;}

#content ul{margin: 0 25px;}

#content li{margin: 5px 0;text-align: justify;  line-height: 120%;}

/** registratiion **************************/

#policy{padding: 10px; margin: 10px 0; background-color: #f7f7f7; font-family: Arial; border: 1px solid #555;}

#policy h3{margin: 0 0 10px 5px;}

#policy ul{margin: 0 25px; list-style-type: decimal;}

#policy li{margin: 10px 0;text-align: justify;  line-height: 120%;}

#policy p{text-align: justify; line-height: 120%;}

#valstr{margin: 10px 0; width: 173px; height: 32px;  background: url("/images/vsbkg.jpg"); font-family: Arial; border: 1px solid #555;}

#valstr img{padding: 0; margin: 0; border: 0; opacity:.8;filter:alpha(opacity=80);-moz-opacity:0.8;}

#total_price{padding: 15px 0; font-family: Georgia; font-size: 16px;}

/** policy *********************************/

#policyheader {padding: 20px; border-top: 1px solid #555; border-right: 1px solid #555; border-left: 1px solid #555; background-color: #f7f7f7;}

#policyheader h1{margin: 10px 0; font-size: 24px; text-align: center;}

#policytitle {margin: 5px 0; font-family: "Times New Roman"; font-size: 18px; text-align: center;}

#policyheader p{text-align: center;}

#teacherpolicy {margin: 20px 0; font-family: "Times New Roman"; font-size: 22px; text-decoration: underline; text-align: center;}

#policycontent{padding: 20px; border-bottom: 1px solid #555; border-right: 1px solid #555; border-left: 1px solid #555; background-color: #f7f7f7;}

#policycontent ul{margin: 0 25px; list-style-type: decimal;}

#policycontent li{margin: 10px 0;text-align: justify;  line-height: 120%;}

#policycontent p{text-align: justify; line-height: 120%;}

/** calendar *******************************/

#calendar{padding: 10px 0 0 20px;}

#calendar table{border: 1px solid #aaa;}

#calendar th{padding: 10px; background: #ddd; border: 1px solid #777;}

#calendar td{border: 1px solid #aaa; text-align: center; font-weight: bold; line-height: 250%;}

#calendar a{text-decoration: underline; color: #fff;}

/*******************************************/
/** footer *********************************/
/*******************************************/

#footer {margin: 0px auto; width: 775px; background: #fff; border-top: 1px solid #aaa;}

#footer:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}

#footer p{margin: 0; padding: 10px 0px; text-align: center; font-size: 11px; color: #aaa;}



/*******************************************/
/** classes ********************************/
/*******************************************/

.notice{
    padding: 10px;
    margin: 10px 0px;
    background: #efe;
    border: 2px solid #0f0;
    font-weight: bold;
    color: #0f0;
}

.error{
    padding: 10px;
    margin: 10px 0px;
    background: #fee;
    border: 2px solid #f00;
    font-weight: bold;
    color: #f00;
}

.info{
    margin: 15px 0;
    padding: 10px;
    border: 1px solid #000;
    background-color: #fefdec;
    text-align: justify;
    line-height: 130%;
}

.redstar{color: #d00;}

.param{
    padding: 0 10px 0 0;
    font-weight: bold;
    width: 120px;
}