* html body{
 margin-right:0;
 padding-right:0;
 margin-bottom:10px;
}
h1, h2, h3, h4, h5, h6{padding:0;margin:0;}
body{
 background:#FFF;
 font-size:100%;
 font-family:arial;
}
a{color:#90C;font-weight:900; text-decoration:none;}
a:hover{background:#CCF;}
p{padding:2px;margin:0;}
#heading{
 position:absolute;top:0;left:0;right:0;
 background:#FFF url(../img/top.jpg) no-repeat 0 top;
 height:300px;
 width:100%;
}
#heading h1{
 margin-top:-100px;
}
#footer{
 top:160px;
 position:absolute;
 font-size:84%;
 line-height:140%;
 width:560px;
 text-align:right;
 color:#90F;
}
#footer hr{border:1px dotted #90F;}
#vision{position:absolute;top:190px;width:560px;font-size:84%;}
#vision h4{font-size:100%;}
#vision p{text-indent:27px;}

#page{text-align:center;width:560px;top:330px;font-size:10pt;z-index:100;position:absolute;}

#content{
 width:560px;
 top:350px;
 position:absolute;
 padding-bottom:10px;
}
#content .item{
 width:350px;
 height:180px;
 float:left;
 margin-left:10px;
 padding-left:15px;
 font-size:84%;
 margin-top:15px;
}
#content > .item{width:250px;}
#item h4{padding:3px;}
.bottom{text-align:right;}

.red{border:1px dashed #F00;background:#FDD;}
.red a{color:#F00;}
.red  a:hover{background:#FFF;}

.orange{border:1px dashed #F90;background:#FDC;}
.orange a{color:#F90;}
.orange a:hover{background:#FFF}

.yellow{border:1px dashed #FFDE00;background:#FFC;}
.yellow a{color:#AA0;}
.yellow a:hover{background:#FFF;}

.green{border:1px dashed #080;background:#CFC;}
.green a{color:#080;}
.green a:hover{background:#FFF;}

.green2{border:1px dashed #690;background:#9FC;}
.green2 a{color:#690;}
.green2 a:hover{background:#FFF;}

.blue{border:1px dashed #00F;background:#CFF;}
.blue a{color:#00F;}
.blue a:hover{background:#FFF;}

.purple{border:1px dashed #90F;background:#CCF;}
.purple a{color:#90C;}
.purple a:hover{background:#FFF;}