/* CSS Document */

/* General */

html > body {
background-color:#ffffff;
color:#333333;
padding:0;
margin:0;
font-size:62.5%;
line-height:1.2em;
font-family:arial, verdana;
}

body {
background-color:#ffffff;
color:#333333;
padding:0;
margin:0;
font-size:62.5%;
line-height:1.3em;
font-family:arial, verdana;
text-align:center;
}
form { font-size:1.1em}
p {padding:0;margin:0;padding-bottom:10px; font-size:1.2em}
p {color:#58580d;padding:0 40px 10px 40px}
h1 {padding:0; margin:0}
h1 { color:#58580d;font-size:1.6em;font-weight:normal; padding:20px 40px 10px 40px  }
h2 { font-size:1.6em; font-weight:bold; margin:0; padding:15px 0 2px 0 ;text-align:center}
h3 { font-size:1.2em; font-weight:bold; margin:0; padding:0 0 15px 40px}
h4 { font-size:1.2em; margin:0; font-style:italic;padding:0 0 5px 40px}

ul {padding:0;margin:0;font-size:1.2em}
ul {color:#58580d; padding:0 40px 10px 60px}
li {padding:0;margin:0;}
ul ul {padding:0;margin:0;}
ul ul li {padding:0;margin:0;}
div {padding:0;margin:0;}
form {padding:0;margin:0;}

fieldset {padding:0;margin:0;border:0;}
img {border:0;}
sup {font-size:0.6em;}

a {color:#0067a3;text-decoration:none;}
a:hover {text-decoration:underline;}

#container {
width:955px;
height:660px;
margin:0 auto;
padding-top:10px;
text-align:left;

}

#left1 {
width:161px;
height:647px;
float:left;
}

#left1 a {
display:block;
}

#left1 #plant {
width:161px;
height:300px;
padding-top:210px;
text-align:center;
}

#left2 {
width:87px;
height:660px;
float:left;
background:url(images/left.jpg) right 40px no-repeat;
}

#main {
width:471px;
height:660px;
float:left;
background:url(images/bg.jpg) repeat-x;
}
#right {
width:235px;
height:660px;
float:left;
background:url(images/right.jpg) left 40px no-repeat;
}

#clock {
width:200px;
float:right;
}

#notepad {
width:200px;
margin-top:340px;
text-align:right;
float:left;

}

/* MENU */
#main #menu {
width:471px;
height:20px;
float:left;
background:#515151 url(images/menu.jpg) no-repeat;
padding:0;
}

#main #menu li {
float:left;
list-style:none;
}

#main #menu li a {
display:block;
height:11px;
padding-top:5px;
text-align:center;
list-style:none;
color:#FFFFFF;
}

#main #menu li a:hover {
color:#cccc1f;
text-decoration:none;
}

/* TOP */
#top {
width:471px;
height:285px;
float:left;

}

#top .buttons {
 font-size: 1em;
 background-color: #cccc1e;
 color: #333333;
}
#top .buttons3 {
 font-size: 1em;
 background-color: #666666 ;
 color: #FFFFFF;

}

.top-home {
background:#cccc1f url(images/top-home-bg.jpg) bottom left no-repeat;
}

/* MIDDLE */
#middle {
float:left;
padding:0;
margin:0;
width:471px;
color:#FFFFFF;
height:7px;
background:#ffffff url(images/middle-bg.jpg) repeat-x;
}

/* BOTTOM */
#bottom {
float:left;
padding:0;
margin:0;
width:471px;
height:308px;
}

.bottom-home {
background:#ffffff url(images/bottom-home-bg.jpg) top left repeat-x;
}

/* BOTTOM LEFT */

#bottom-left {
width:471px;
padding-top:10px;
height:273px;
float:left;
color:#58580d;
}

#bottom-left input{ font-size:1.1em}
#bottom-left .buttons {
 font-size: 1em;
 background-color: #cccc1e;
 color: #333333;
}

#bottom-left .buttons2 {
 font-size: 1em;
 background-color: #666666;
 color: #000000;
 margin-left: 6px;
}

#bottom-left .buttons3 {
 font-size: 1em;
 background-color: #FF0000;
 color: #ffffff ;
 margin-left: 6px;
}

#bottom-left h2 {
padding:10px 0 10px 30px;
margin:0;
color:#72747f;
font-weight:normal;
font-size:1.3em;
height:12px;
}

#bottom-left p a {
color:#696969;
}

#bottom-left p a:hover {
color:#111111;
text-decoration:none;
}

/* LOGIN */

#login {
width:471px;
height:22px;
float:left;
background-color:#55585f;
color:#FFFFFF;
text-align:right;
padding-top:3px;
}
#login input{ font-size:1em}
#login .buttons {
 font-size: 1em;
 background-color: #cccc1e;
 color: #333333;
 margin-left: 6px;
}
#login a {color:#FFFFFF; text-decoration:none}
#login	a:hover {color:#FFFFFF; text-decoration:underline}

.arrow{ 
text-align:right; 
padding-right:10px;

}

#errorm {border:solid 1px #006600; background-color:#cccc1e;padding:4px; width:380px; margin-left:40px; margin-bottom:4px}