/************* Generic Selectors *****************/
body {
font-family: sans-serif;
font-size: 16px;
font-weight: 590;
color: #FFFFFF;
background-color: #000000;
}
img { border: none; } 

.bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
p {
width: 98%;
}

li {
list-style-type: none;
line-height: 150%;
list-style-image: url(images/bullet.gif);
}

h1 {
font-family:  sans-serif;
font-size: 20px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
text-shadow: 0.2em 0.2em #000000;
}
 
/**************** Pseudo classes ****************/

a:link {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

li a:link {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

a:visited {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

li a:visited {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #CCCCFF;
font-weight: bold;
text-decoration: none;
}

li a:hover {
display: block;
color: #CCCCFF;
font-weight: bold;
}

a:active {
color: rgb(255, 0, 102);
font-weight: bold;
}

img.floatRight { 
float: right; 
margin: 2px; 
clear: right;
}

div.img {
div.img
{
  margin: 2px;
  height: auto;
  width: auto;
  float: left;
}
}

div.img img {
display: inline;
margin: 3px;

}

div.img a:hover img {
border: 1px solid #0000ff;
}

div.desc {
text-align: center;
font-weight: normal;
width: auto;
margin: 2px;
}

.opacityit img{
-moz-opacity: 1.0;
opacity:1.00;
filter: alpha(opacity=100);
}

.opacityit:hover img{
-moz-opacity: .3;
opacity:.30;
filter: alpha(opacity=30);
}

/********************** ID's **********************/

*{ 
margin:0;
padding:0;
}

body {

}

html,body{height:100%}
body{position:absolute;width:100%}/*opera 9.5 fix*/

#centerDoc {
margin:5px auto;
width: 1000px;
height: 600px;
background: url(gallery/);
}

#outer{
	width:800px;
	margin:auto;
	min-height:100%;
	margin-top:-20px;/*footer height*/

}
* html #outer{height:100%}
#header{
	border-top:20px solid #fff;/* soak up negative margin*/
}
#footer{
	width:760px;
	margin:auto;
	height:20px;/* must match negative margin and header soak up*/
}






.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: .8;
opacity:.80;
filter: alpha(opacity=80);
}

.white_content {
display: none;
position: absolute;
top: 60px; 
z-index:1002;
overflow: auto;
-moz-box-shadow: 1px -1px 20px 5px #000000;
-webkit-box-shadow: 10px -10px 16px #000000;
box-shadow: 10px -10px 16px #000000;
}

.white_content_long {
display: none;
position: absolute;
top: 5px; 
left: 420px;
width: 605px;
height: 720px;
z-index:1002;
overflow: auto;
-moz-box-shadow: 1px -1px 20px 5px #000000;
-webkit-box-shadow: 10px -10px 16px #000000;
box-shadow: 10px -10px 16px #000000;
}

.shadow {
z-index:1003;
-moz-box-shadow: 1px -1px 8px 3px #000000;
-webkit-box-shadow: 3px -3px 5px #000000;
box-shadow: 3px -3px 5px #000000;
}