html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center; background-color:#ffffff}
p{margin:0 10px 10px}
a{padding:5px; text-decoration:none; color:#111155;}
img{border:none}
a:hover{text-decoration:underline; color:#0072e0;}
h1{color:#c5e4ff}
h2{color:#0000ff}

div.img
{
  margin: 2px;
  border: 1px solid #0072e0;
  background-color: #c5e4ff;
  height: 220px;
  width: 160px;
  float: left;
  text-align: center;
}	
div.img2
{
  margin: 2px;
  border: 1px solid #0072e0;
  background-color: #71bbfb;
  height: 220px;
  width: 160px;
  float: left;
  text-align: center;
}	
div.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.img2 img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #0072e0;}
div.img2 a:hover img {border: 1px solid #0072e0;}
div.desc
{
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
}

div#header{background-color:#ffffff; padding:0px; margin:0px; height:100px;
background-image:url('images/header.png');
}
div#header h1{height:100px;line-height:100px;margin:0;padding-left:150px;}
div#header img{border:none; padding:0px; margin:0px;}
div#container{text-align:left}
div#content p{line-height:1.4}
div#navigation{background:#ffffff; height:740px;
background-image:url('images/left.png');
}
div#navigation ul{margin:15px 0; padding:0; list-style-type:none;}
div#navigation li{margin-bottom:5px;}
div#extra{background:#ffffff;}
div#footer{background:#c5e4ff;}
div#footer p{margin:0;padding:5px 10px}
div#container{width:800px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin: 0 150px}
div#content{width:expression(document.body.clientWidth > 500? "500px": "auto" )}
div#navigation{float:left;width:150px;margin-left:-800px}
div#extra{float:left;width:150px;margin-left:-150px; height:740px;
background-image:url('images/left.png');
}
div#footer{clear:left;width:100%}