body  {
    font: 100% "trebuchet MS";
    margin: 0;
/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #FFFFFF;
    background-image: url('../images/BackSimplu.gif');
    background-repeat: repeat;
    background-color: #B34342;
    background-attachment: fixed;
}
.twoColElsLtHdr #container {
    width: 951px;
    background: #990000;
    margin: 0 auto;
    text-align: left;
}
.twoColElsLtHdr #header h1 {
    margin: 0;
/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */    padding: 10px 0;
    height: 235px;
}
.twoColElsLtHdr #header {
    padding: 0;
    width: 951px;
    height: 274px;
    background-color: #990000;
}
.twoColElsLtHdr #sidebar1 {
    float: right;
    width: 200px;
    padding: 1px 5px 15px 1px;
    font-family: verdana;
    font-size: 14px;
    color: #000000;
}
.twoColElsLtHdr #sidebar1 h3, .twoColElsLtHdr #sidebar1 p {
    background-position: right;
    margin-left: 10px;
    margin-right: 10px;
    width: 170px;
    text-indent: 18px;
    background-image: url('../images/SagetaMeniu.gif');
    background-repeat: no-repeat;
}



.twoColElsLtHdr #mainContent {
    margin: 0 200 0 1px;
    padding: 1 10px 0 10px;
    font-family: "trebuchet MS";
    font-size: 13px;
    color: #FFFFFF;
    float: left;
    width: 700px;
}
.twoColElsLtHdr #footer {
    /* this padding matches the left alignment of the elements in the divs that appear above it. */background-position: bottom;
    padding: 0 1px 0 1px;
    background-image : url('../images/footer.jpg');
    background-repeat: no-repeat;
    font-family: verdana;
    font-size: 11px;
    color: #FFFFFF;
    clear: both;
    height: 37px;
    width: 951px;
    vertical-align: bottom;
}
.twoColElsLtHdr #footer p {
    margin: 0;
/* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */  
  padding: 10px 0;
    height: 13px;
    width: 928px;
    font-family: calibri;
    font-size: 14px;
    color: #003300;
}


#navbar
{
    width: 951px;
    font-family: "trebuchet MS";
    font-size: 14px;
    color: #006600;
    height: 36px;
    left: 0px;
    background-image: url('../images/navbar.jpg');
    background-repeat: no-repeat;
}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.twoColElsLtHdr #footer a
{
  font-family : verdana;
    font-size: 12px;
    color: #003300;
    text-decoration: none;
}
.twoColElsLtHdr #footer a:hover
{
    /* this padding matches the left alignment of the elements in the divs that appear above it. */
    font-family: verdana;
    font-size: 12px;
    color: #006600;
    text-decoration: none;
}
#navbar a
{
    font-size: 13px;
    color: #003300;
}
#navbar a:hover
{
    font-family: "trebuchet MS";
    font-size: 13px;
    color: #FFFFFF;
}