body  {
background: #FFFFFF;
margin: 0;
}

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

#header { 
padding: 14px 30px 5px 30px;
background: #F2F2F2;

/*text-align:right;*/
} 

#header a {
color: #313131;
text-decoration: none; 
font-size: 14px; 
font-family: "Lucida Sans Unicode";
}

#menu {
background-color: #F2F2F2; 
padding: 6px 30px 6px 0;
text-align:right;
margin-top: -30px;
}

#menu a {
color: #313131;
text-decoration: none; 
font-size: 14px; 
font-family: "Lucida Sans Unicode";
/*text-transform: uppercase;*/
}

#menu a:hover {
color: #8e8e8e;
/*font-weight: bold;*/
}

#sidebar {
float: left;
width: 200px;
padding: 0px 0px 0px 10px;
margin: 0;
color: #444444;
text-align: center;
background-color: #F2F2F2;
}

#sidebar .t {background: url(images/dot.gif) 0 0 repeat-x;background-color: #FFFFFF;}
#sidebar .b {background: url(images/dot.gif) 0 100% repeat-x}
#sidebar .l {background: url(images/dot.gif) 0 0 repeat-y}
#sidebar .r {background: url(images/dot.gif) 100% 0 repeat-y}
#sidebar .bl {background: url(images/bl.gif) 0 100% no-repeat}
#sidebar .br {background: url(images/br.gif) 100% 100% no-repeat}
#sidebar .tl {background: url(images/mtl.gif) 0 0 no-repeat}
#sidebar .tr {background: url(images/mtr.gif) 100% 0 no-repeat; padding:10px 1px; min-height:610px;height:auto!important;height:610px;} 
.mitem {
background: url(images/micon.gif) 35px 20px no-repeat;
padding:16px;
}
.mitem a {
color: #8e8e8e;
text-decoration:none;
}
.mitem a:hover {
color: #ff9601;
text-decoration:none;
} 

.mitemsel {
background: url(images/micon.gif) 35px 20px no-repeat;
background-color:#F2F2F2;
padding:16px;
}
.mitemsel a {
color: #8e8e8e;
text-decoration:none;
}
.mitemsel a:hover {
color: #ff9601;
text-decoration:none;
} 


.project {
margin:15px 0 25px 0;
}

h1 {
margin: 0px;
color: #869843; 
font-size:24px; 
font-family: "Lucida Sans Unicode"; 
font-weight: normal;
}

h2 {
color: #3b7687;
font-size: 15px; 
margin: 20px 0 5px 0;
}

#main {
background-color: #F2F2F2;
} 

#title { 
margin: 0 0 0 220px;
padding: 0px 10px 0px 0px;
color: #444444;
font-family: "Arial";
font-size: 20px;
font-weight: bold;
line-height: 18px;
text-align: justify;
background-color: #F2F2F2; 
}

#title .t { background: url(images/dot.gif) 0 0 repeat-x;}
#title .l {background: url(images/dot.gif) 0 0 repeat-y;}
#title .r {background: url(images/dot.gif) 100% 0 repeat-y}
#title .tl {background: url(images/tl.gif) 0 0 no-repeat}
#title .tr {background: url(images/tr.gif) 100% 0 no-repeat; padding:30px 0px 10px 20px; height:20px;}

#content { 
margin: 0 0 0 220px;
padding: 0px 10px 0px 0px;
color: #444444;
font-family: "Lucida Sans Unicode";
font-size: 13px; 
line-height: 18px;
text-align: justify;
background-color: #F2F2F2;
}

#content .b {background: url(images/dot.gif) 0 100% repeat-x;background-color: #FFFFFF;}
#content .l {background: url(images/dot.gif) 0 0 repeat-y;}
#content .r {background: url(images/dot.gif) 100% 0 repeat-y}
#content .tr {background: url(images/dot.gif) 100% 0 no-repeat; padding:10px; min-height:550px;height:auto!important;height:550px;}
#content .bl {background: url(images/bl.gif) 0 100% no-repeat;}
#content .br {background: url(images/br.gif) 100% 100% no-repeat}
#content .tl {background: url(images/dot.gif) 0 0 no-repeat}


#footer {
padding: 6px 30px 6px 30px;
background: #F2F2F2; 
font-family: "Lucida Sans Unicode";
color: #8e8e8e;
font-size: 11px;

text-align: left;
}