body {
  background-color : #f8f8f8 url(images/back.gif) repeat;
  margin : 10px;
  text-align: center;
}


div {
  font-family : arial, sans-serif;
  font-size : small;
}

div.main {
  border : solid 1px #444444;
  width : 850px;
  min-height : 700px;
  background-color: #ffffff;
  background-image : url("../images/topnew.jpg");
  background-repeat: no-repeat;
  margin : auto auto;
  text-align : left;
}

div.top {
  width : 850px;
  height : 250px;
  margin : 0px;
}

div.left {
  height : 600px;
  left:0;
  width : 200px;
  margin : 0px;
  text-align: center;
}

div.right {
  width : 650px;
  margin-left: 200px;
  margin-top : -600px;
}

div.bottom {
  font-size : x-small;
  text-align : center;
  margin-top : 40px;
  margin-bottom : 1px;
}



div.item  {
  margin-bottom : 20px;
  width : 650px;
}

div.galleryleft{
  width : 140px;
  padding-top:5px;
}

div.galleryright{
  width : 360px;
  margin-left: 140px;
  margin-top : -97px;
}



img {
  border : 0px;
}

div.item #list li  {
  list-style-type: square;
} 


a.squarebutton{
background: transparent url('../images/square-blue-left.gif') no-repeat top left;
display: block;
float: center;
font: bold 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #000000; /*button text color*/
}

a.squarebutton span{
background: transparent url('../images/square-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}


.shadow{
border:1px solid silver;
font:10pt arial;
margin-right:15px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
position:relative;
display:inline;
background:#f0f8f8;
z-index:100
}

.shadow_inner{
overflow:hidden;
position:absolute;
top: -1000px;
filter:alpha(Opacity=10); /*modify to change the shade solidity/opacity, same as below*/
opacity:0.1; /*firefox 1.5 opacity*/
-moz-opacity:0.1; /*mozilla opacity*/
-khtml-opacity:0.1; /*opacity*/
z-index:10
}

.floatimgleft {
float:left;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
}