body {
margin: 10px; 
padding: 0px;
font-family: "arial ce", "helvetica ce", arial, helvetica, sans-serif;
font-size: 14px;
color: #000000;
background-color: #FFC773;
} 


.mainbody{  margin-left: auto;margin-right: auto; width:960px}
.mainholder{  margin-left: auto;margin-right: auto; width:960px}

/*	Layout 2	*/				
						
.Layout2_1{ width:30%; background-color:#FF9900;  height:400px; float:left;}						
.Layout2_2{ width:70%; background-color:#FFB240; float:left; min-height:400px;}						
.Layout2_5{ text-align:right}						
.Layout2_header{ background-color:#0D58A6; width:100%; height:100px;}						

.sitelogo {width:960px; height:100px; position:absolute; z-index:1; margin:0; background:url(top.jpg); }
.sitename {width:600px; height:45px; position:absolute; z-index:2; margin:20px 0 0 90px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.sitename h1 {font-size:200%; }
.sitename a {text-decoration:none; color:#FFFFFF;}
.sitename a:hover {text-decoration:none; color:#FFB240;}

.Layout2_1 a{
color: #FFFFFF;
font-weight:bold;
}
.Layout2_1 a:visited{
color: #DDDDDD;
font-weight:bold;
}
.Layout2_1 a:hover{
color: #EEEEEE;
font-weight:bold;
}
.Layout2_1 a:active{
color: #EEEEEE;
font-weight:bold;
}

.demo-layout .demo-navigation .mdl-navigation__link {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  /* color: rgba(255, 255, 255, 0.56); */
  font-weight: 500;
}
.demo-layout .demo-navigation .mdl-navigation__link:hover {
  background-color: #00BCD4;
  color: #37474F;
}
.demo-layout .demo-navigation .mdl-navigation__link .material-icons {
  font-size: 24px;
  /* color: rgba(255, 255, 255, 0.56); */
  margin-right: 32px;
}