/* CSS Document */

body {
background-color:#877e58;
color:black;
font-family:Arial, Helvetica, sans-serif;
text-align:justify;
font-size:10pt;
line-height:16px;
}

#container {
margin:0 auto;
width:775px;
}

#banner {
width:775px;
height:133px;
background-image:url(images/banner.jpg);
}

/* The section between the banner and the main element*/
#body_top {
width:775px;
height:41px;
background-image:url(images/body1_top.gif);
}

#main_element {
width:775px;
background-image:url(images/body_background.gif);
float:left;
}

/* Beginning of Navbar */
#top_left {
width:260px;
height:330px;
float:left;
}

#navbar {
width:143px;
height:194px;
margin-left:45px;
}

#navbar ul {
padding:0px;
margin:0;
list-style:none;
text-align:center;
font-size:8pt;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#navbar ul li {
background:#C7BA81;
color:black;
line-height:23px;
border:1px solid black;
font-weight:bold;
}

#navbar ul li a {
text-decoration:none;
background:#C7BA81;
color:#000000;
display:block;
}

/* Workaround for older browsers */
html>body #navbar ul li a {
		width: auto;
		}

#navbar ul li a:hover {
background-color:#FFF9C9;
color:#000000;
display:block;
}
/* End of Navbar */


/* Just in case I want to add padding to titles */
.title {
margin:1px;
padding-bottom:20px;
}

.text {
width:400px;
float:left;
}

.title_welcome {
margin:0px;
padding-bottom:1px;
}

#news {
width:180px;
margin-left:45px;
}

#bottom {
width:775px;
height:40px;
background-image:url(images/body_bottom.gif);
}

.p_validation {
margin:0 auto;
padding:20px;
width:190px;
}