html,body {
margin:0;
padding:0;
height:100%;
text-align:center;
font-size:100%;
line-height:1.125em;
background:url(../images/html.png) center no-repeat fixed;
font-family:arial;
}

a {
text-decoration:none;
}

a:hover {
border-bottom:1px solid gray;
}

input {
height:20px;
background:#dddddd;
}

label {
color:#996633;
font-weight:bolder;
}

p {
margin:0;
}

.notice {
color:red;
font-weight:bolder;
}

hr {
width:100%;
line-height:1px;
height:1px;
margin-bottom:14px;
*margin-bottom:0;
padding:0;
border-top:1px solid gray;

}

h1 {
padding:0;
height:50px;
clear:right;
}

h2 {
font-size:20px;
color:#FF6666;
margin-left:20px;
}

h3 {
font-size:16px;
border:1px solid white;
color:#dddddd;
background:gray;
margin:0;
margin-bottom:10px;
}

h4 {
font-size:15px;
color:#FF3300;
}

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

#header {
height:100px;
background-image:url(../images/header.png);
}

#toplink {
height:30px;
background:#A52A2A;
border-bottom:1px solid gray;
border-top:1px solid gray;
}

.main_nav {
list-style:none;
margin:0;
padding:0;
}

.main_nav  li {
float:left;
height:30px;
width:80px;
margin-left:2px;
display:inline;
border-right:1px solid white;
}

.main_nav li a, .main_nav li a:visited {
font-weight:bolder;
display:block;
color:#F0FFF0;
padding-top:5px;
height:25px;
text-decoration:none;
}

.main_nav li a:hover {
height:21px;
color:#CC3333;
background:white;
border-bottom:2px solid #CC3333;
}

.main_2_nav{
float:right;
margin:0;
padding:0;
list-style:none;
}

.main_2_nav  li {
float:left;
display:inline;
margin-left:10px;
font-size:0.75em;
}

.main_2_nav  li a,.main_2_nav  li a:visited {
display:block;
color:#ddd;
text-decoration:none;
}

#wrap {
width:980px;
padding:0 5px 0 5px;
height:100%;
height:auto;
margin:0 auto;
background:#F5F5DC;
background:url(../images/bkg.png);
}

#sidebar {
clear:left;
float:left;
width:200px;
margin-left:5px;
margin-top:35px;
border-bottom:0;
}

#links {
margin-bottom:20px;
background:#DDDDDD;
padding-bottom:20px;
border:1px solid #eeeeee;
}

#tools {
margin-top:30px;
margin-bottom:20px;
background:#DDDDDD;
padding-bottom:20px;
border:1px solid #eeeeee;
}

.sub_nav,#tools ul  {
list-style:none;
padding:0;
margin:0;
text-align:left;
}


.sub_nav  li , #tools ul li{
margin:0;
margin-left:30px;
margin-bottom:5px;
padding:0;
}

.sub_nav li a, #tools ul li a {
display:block;
color:#00008B;
width:160px;
margin:0;
padding:0;
}


#content {
color:#444;
text-align:left;
font-size:0.8em;
margin-left:215px;
padding:0;
min-height:500px;
_height:500px;
background:url(../images/content_bkg.png) right  no-repeat;
}

.news_table a{
color:#00008B;
}

.news_table td {
padding-left:5px;
height:30px;
}

.news {
width:650px;
border-collapse:collapse;
border:1px solid gray;
}

.news th{
text-align:center;
color:#555555;
font-weight:bolder;
background:#FFE4C4;
border:1px solid gray;
}

.news td {
padding-left:5px;
border:1px solid gray;
}

.photo {
float:left;
height:180px;
margin:10px 10px 10px 10px;
}

.photo img {
border:1px solid black;
}

.photo a {
border:0;
}

#text {
margin-top:40px;
line-height:25px;
padding-left:50px;
padding-bottom:30px;
}

.tea_type {
margin-left:10px;
}

.tea_type a {
font-size:1.2em;
color:#006400;
border-bottom:1px dotted #B8860B;
}

.tea_type a:hover {
color:gray;
border-bottom:2px solid #B8860B;
}

.tea_table tr{
height:40px;
}

.tea_table th{
background:palegoldenrod;
}
.course_table {
border-collapse: separate;
background:#f9f9f9;
border:1px solid gray;
border-top:1px solid silver;
border-left:1px solid silver;
border-right:2px solid gray;
border-bottom:2px solid gray;
}

.course_table th {
background:#483D8B;
color:#dddddd;
}

.path {
float:right;
display:inline;
margin:0;
margin-top:0;
margin-top:5px;
*margin-top:13px;
padding:0;
padding-right:5px;
background:#f9f9f9;
border-top:1px solid silver;
border-left:1px solid silver;
border-right:1px solid gray;
border-bottom:1px solid gray;
}

.path a,.path a:visited {
color:#7B68EE;
}


#footer {
clear:both;
font-size:0.75em;
margin: 0 auto;
height:35px;
background-image:url(../images/bkg2.png);
border:1px solid gray;
}