body, html {
margin:0px;
padding:0px;
text-align:center;
background-color: #F5F5DC;
color: black;
font-family: verdana;
font-size: 1em;
}

li {
list-style-type: none;
}

a {
font-family: arial;
}
a:link {
color: #0066cc;
}
a:visited {
color: #0066cc;
}
a:active, a:hover {
	color: #ff4b33;
}

h1, h2, h3, h4, h5, h6 {
font-family: "Times new roman";
}

.screen-reader-text {
position: absolute;
left: -9000px;
}

#container{
width:100%;
margin:0 auto;
text-align:left;
}

#header{
}
#header h1 {
margin: 0;
padding: 10px 0; /* Ƞ塥ꡯ﬿ */
}
#header p {
margin:0px;
padding:5px;
}

#right{
width:25%;
float:right;
text-align:left;
}

#right h1 {
margin:0px;
}
#right p {
margin:0px;
padding:5px;
}

#hello-guest{
font-family: arial;
font-weight: bold;
color: #B8860B;
}

#hello-user{
font-family: arial;
font-weight: bold;
color: #00FF7F;
}

#content{
margin:0px;
margin-right:25%;
}
#content h1 {
margin:0px;
} 
#content p {
margin:0px;
padding:5px;
}

#clear{
height:0;
font-size:1px;
line-height:0px;
clear:both;
}

#footer{
}
#footer p{
margin:0px;
padding: 10px 0;
}

#copyright {
font-weight: bold;
color: red;
text-align:center;
font-size:1.2em;
}

.tab {
font-family: verdana;
display: inline-block;
padding: 5px 10px;
cursor: pointer;
position: relative;
z-index:5;
font-size: 1.5em;
}

.active-tab {
border: 1px solid #707070;
border-bottom: 1px solid #fff;
border-radius: 3px 3px 0  0;
}

.tab-container {
display:none;
border: 1px solid #707070;
position: relative;
font-family: Georgia;
font-size: 1.2em;
top: -1px;
z-index:1;
padding: 10px;
border-radius: 0 0 3px 3px;
}