@charset "utf-8";
/* CSS Document */

body{
background-image:url(images/background_grey_tile_2.jpg);
background-repeat:repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;

}

#container{
width:1004px;
height:800px;
margin: 0 auto; 
z-index:1;

position:relative;
}

#sidebar{width:350px;
float:left;
margin-top:0;
z-index:20;

}

#gallerysidebar{width:350px;
float:left;
margin-top:0;

}
#content{width:650px;
float:right;


}
#gallerycontent{width:700px;float:right;margin:10px 0 0 0;
}

img{border:none;
}

p, ul, li{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bolder;
padding:20px;
text-align:left;
}
.white{
background-color:#FFFFFF;}
#title{width:650px;

}
#textcontent{width:650px;background:#FFFFFF;
/* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
   
}

 #footer{width:650px;background:#FFFFFF;
/* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
   
} 
   
#thumbs{
padding:10px;
margin: 0 310px;
background:#66CC66;}

#largeimage{
float:right; 
width:300px;
padding:10px;
}

#nav{top:280px;
left:180px;
position:absolute;
width:150px;
z-index:30;
}
 #gallerynav{margin:-300px 0 0 -60px;
 width:150px;
z-index:2;
}
 
 .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}