/* - - - - - - - - - - - - - - - - - - - - -

Title : styles.css
Author : Yabin Ge
URL : TBD

Description : CSS file for the Education Office's Website

Created :  2005-09-27
Modified : 2005-11-09
- - - - - - - - - - - - - - - - - - - - - */

/* ----- Basic Elements ----- */

html, body { 
margin: 0; 
padding: 0; 
text-align: center;
font: 12px Verdana, Arial, Helvetica, sans-serif;
background: url("images/bg.png") fixed center;
}
a:link {
color: #0034C3;
text-decoration: none;
}
a:visited {
color: #0034C3;
text-decoration: none;
}
a:hover, a:active {
color: #135086;
text-decoration: underline;
}
img {
border: none;
}

/* ----- Page Layout ----- */

#page-content {
padding-top: 0;
padding-bottom: 0;
text-align: left;
}
#header {
margin: auto;
width: 780px;
background: url("images/header.gif");
}
#page-body {
margin: auto;
width: 780px;
}
#menu {
float: left;
position: relative;
top: 0;
left: 0;
width: 150px;
text-align: left;
}
#content {
float: right;
width: 630px;
margin: 0;
}
#main {
float: left;
width: 460px;
margin: 10px 5px 0 5px;
text-align: left;
}
#extra {
float: right;
width: 140px;
padding: 10px 5px 0 5px;
text-align: left;
}
#bottom {
clear: both;
}
#footer {
width: 458px;
margin: auto;
}
.notes {
list-style-type: none;
}
.footermenu {
display: inline;
padding-left: 6px;
border-left: 1px solid #545454;
}
.first-item {
display: inline;
}
.copyright {
display: block;
}
.footnotes {
border-left: 1px solid #fff;
}

/* ------ IDs ------*/
#header-img {
padding-left: 0;
}

/* ------ Login Box ----- */
#login-box {
float: right;
}
#login-box form {
margin: 0px;
padding-top: 10px;
font-size: 100%;
width: 140px;
}
#login-box input {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
color: #000;
}
#login-box form div {
clear: left;
display: block;
width: 140px;
height: expression('1%');
margin: 0;
padding: 0px 3px;
}
#login-box form div label {
display: block;
float: left;
width: 45px;
padding-top: 4px;
margin: 0;
text-align: right;
font-weight: bold;
}

#login-box form div label#username {
color: #5E7830;
/*background: url("images/username.gif") no-repeat;*/
}
#login-box form div label#password {
color:#5E7830;
/*background: url("images/password.gif") no-repeat;*/
}

#login-box form div input {
width: 80px;
padding: 0;
margin: 0;
}
#login-box form div input.submit-style {
width: 40px;
padding-top: 0;
padding-bottom: 0;
}
#login-box form div a.register-style {
font-weight: bold;
}

/* ----- HR DECO ----- */

#header .hrdeco, #bottom .hrdeco {
clear: both;
height: 8px;
margin: 0;
background: url("images/hr-bg.gif") top center repeat-x;
}
#header .hrdeco hr, #bottom .hrdeco hr {
display: none;
}
#main .hrdeco {
clear: both;
height: 11px;
margin: 0;
background: url("images/hr-bg-2.gif") top center repeat-x;
}
#main .hrdeco hr {
display: none;
}

/* ----- List Decoration ----- */
#extra ul {
list-style-image: url("images/bullet07.gif") 0 0 0 10px;
list-style: none;
font-weight: bold;
margin-left: 14px;
}
#extra li {
list-style-image: url("images/bullet07.gif");
list-style: none;
font-weight: normal;
}
#main ul {
list-style-image: url("images/bullet01.png");
list-style: none;
font-weight: bold;
}
#main li {
list-style-image: url("images/bullet01.png");
list-style: none;
font-weight: normal;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
/* ------ Menu ----- */
	
#menu {
width: 148px;
border: none;
margin: 0;
}

#menu li a {
height: 24px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 19px;
text-decoration: none;
}	

#menu li a:link, #menu li a:visited {
color: #5E7830;
display: block;
background: url(images/menu1.gif);
padding: 5px 0 0 20px;
font-weight: bold;
}

#menu li a:hover {
color: #26370A;
background: url(images/menu1.gif) 0 -24px;
padding: 5px 0 0 20px;
font-weight: bold;
}

#menu li a:active {
color: #26370A;
background: url(images/menu1.gif) 0 -48px;
padding: 5px 0 0 20px;
}
#notice
{  float: left;
	width: 200px;
	position: absolute;
	top: 50px;
	left: 10px;
}
#notice1
{
   background-color:#FFFFFF;
}

#notice2
{
  background-color:#FFFFFF;
}

#notice3
{
  background-color:#FFFFFF;
}