/* SimpliCssGreen by Jose Erlino M. Lontok */

body{

margin:0;

background-color:#4E371F;

}



#page {

width: 80%;

height: 100%;

padding-bottom:5px;

padding-right:5px;

padding-left:5px;

background-color:#99CC66;

margin: auto;

border-top: 8px #73892A solid;

border-bottom: 8px #73892A solid;

display:table;

font-family: Geneva, Arial, Helvetica, san-serif;

}



#header{

clear: both;

}



#header h1 {

font-size:24px;

font-family:"Trebuchet MS", Verdana, SansSerif;

color:#009900;

letter-spacing:-3px;

padding-left: 10px;

}



.h1_emp {

font-size:30px;

font-family: Geneva, Arial, Helvetica, san-serif;

color:#6C4D2B;

font-weight:bolder;

text-decoration: underline;

letter-spacing:-3px;

text-align: right;

}



#headerright{

width:100%;

margin-top:5px;

margin-bottom:20px;

padding-right:20px;

text-align: right;

font-family: Geneva, Arial, Helvetica, san-serif;

color:#6C4D2B;

}



#header_img{

width:100%;

height:236px;

background-image: url(images/home_img.jpg);

background-repeat: no-repeat;

background-color:#904023;

}



#left{

width:450px;

float:left;

border-right: 1px #339900 dashed;

margin-top:5px;

clear: both;

}



.content {

width: 430px;

padding-left:10px;

margin-top: 5px;

float:left;

clear: both;

}



.content h2 {

font-size:24px;

color:#6C4D2B;

font-family:Tahoma, Arial, Helvetica, sans-serif

}

.content p {

color:#333333;

font-size:12px;

font-family:Geneva, Arial, Helvetica, san-serif;

text-align: justify;

}



#sidebar {

float:left;

margin: 5px 0 0 10px;

width: 230px;

}

#sidebar .sidebar_item{

margin-top: 5px;

}

#sidebar .sidebar_item h3{

margin-bottom: 0;

color:#904023;

font-size:20px;

font-family:"Trebuchet MS", Verdana, SansSerif;

}

#sidebar .sidebar_item ul{

padding: 0;

margin: 0;

}

#sidebar .sidebar_item li{

list-style-type:none;

font-family:Verdana, Arial, Helvetica, sans-serif;

color:#333333;

padding-top: 6px;

}

#sidebar .sidebar_item li a{

text-decoration:none;

border-left: 1px #009900 solid;

color:#333333;

padding-left: 4px;

display:block;

width: 100%;

}

#sidebar .sidebar_item li a:hover{

background-color:#66CC66;

color:#FFFFFF;

text-align:left;

padding-right: 8px;

width:98%;

}

#footer {

background-color:#009900;

width: 700px;

margin: 0 auto;

}

#footer p{

margin:0;

padding: 5px 16px;

font-size:12px;

color:#66CC66;

font-family:"Trebuchet MS", Verdana, SansSerif;

font-weight:bolder;

}

#footer p a{

color:#66CC66;

text-decoration:none;

}

#footer p a:hover{

color:#FFFFFF;

}