html{height: 100%;}

body
{ font-family: Arial, Helvetica, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: .68em;
background:#c9bdc9;
}

#page {
margin-top:0px;
margin-bottom:0px;
}
#page p span a {
text-decoration: none;
color:#97007B;
}

#page p span a:hover{
text-decoration: none;
color:#FF00F9;
}


#main
{ width: 900px;
height:auto;
  margin-left: auto; 
  margin-right: auto;
  margin-top: 5px;
margin-bottom:0px;
background: #CCCCCC url(images/main.jpg) center top repeat-x;
border: 1px solid #C1839E;
}

*html #footer
{ margin: 0px 10px 10px 10px;
padding-top:10px;
  width: 880px;
  height: 40px;
  font-size: 94%;  
  text-transform: uppercase;
text-align: center;
}
#footer
{ margin: 0px 10px 5px 10px;
padding-top:10px;
  width: 880px;
  height: 40px;
  font-size: 94%;  
  text-transform: uppercase;
text-align: center;
}

#footer a{
padding-top:5px;
text-decoration: none;
color:#97007B;
}
#footer span {
float:left;
margin:10px 0px 2px 10px;
text-transform: none; 
}
#footer p {
text-align:center;
margin-left:auto;
margin-right:auto;
}
#footer p.right {
float:right;
clear:none;
text-align:left;
margin: 0px 20px 5px 0px;
padding-left:0px;
}
#footer a:hover{
text-decoration: none;
color:#FF00F9;
}
#logo
{ margin: 10px 10px 6px 10px;
  width: 880px;
  height: 140px;
padding-top:10px;
    }
#logo p {
margin: 20px 10px 20px 700px;
font-size: 14px;
}
#logo p a {
text-decoration:none;
color:#97007B;
}
#logo p a:hover {
text-decoration:none;
color:#FF00F9;
}
#menu
{ height: 40px;
  width: 880px;
  margin-left: auto; 
  margin-right: auto;
margin-bottom:5px;
margin-top:5px;
font-family:Arial, Helvetica, sans-serif;
padding:0px;
}

#menu ul{margin: 0px auto;
padding:0px;} 
#menu li
{ float: left; 
  margin-left: 15px; 
  padding: 0px;
margin-bottom:20px;
list-style-type: none;
}
#menu li a 
{ display: block; 
  float: left;
text-align:center;
width: 100px; 
  height: 40px;
  text-decoration: none; 
  padding: 8px 15px 5px 15px;
  text-transform: uppercase;
text-decoration:none;
color:#97007B;
font-weight:bold;
} 
#menu li a:hover, #menu li a#selected, #menu li a#selected:hover {
height: 40px;
color: #FF00F9;
font-weight:bold;
padding: 8px 15px 5px 15px;
}
#menu ul li span a {
height:40px;
text-align: center;
padding: 2px 15px 5px 15px;
} 
#menu ul li span a:hover, #menu ul li span a#selected, #menu ul li span a#selected:hover {
height:40px;
padding: 2px 15px 5px 15px;
} 

#content
{ margin-left: 10px; 
  margin-right: 10px;
  width: 880px;
   padding: 0px;
  margin-bottom:0px;
}

#column {
float:left;
clear:none;
width:840px;
margin-left:35px;
margin-right:20px;
margin-top:0px;
text-align: justify;
line-height: 150%;
font-size: 12px;
}	
#column h1 {
	font-size: 17px;
	font-weight: bold;
padding: 10px 0px 10px 20px;
	color: #C1839E;
	line-height: 150%;
	}
	#column h2 {
	font-size: 12px;
	font-weight: bold;
font-variant:smallcaps;
	color: #C1839E;
	}
#column h2 span {
font-size: 12px;
font-weight:normal;
font-variant:smallcaps;
	color: #333333;
	}
	#column h3 {
	font-size: 14px;
	font-weight: bold;
font-variant:smallcaps;
	color: #964B6B;
	}
#column h3 span {
font-size: 14px;
font-weight:normal;
font-variant:smallcaps;
	color: #333333;
	}
#slideshow
{
width:300px;
}
#columnleft .spacer {
float:left;
clear:left;
width:10px;
}
#columnright .spacer {
width:10px;
}
.spacer2
{ clear: both;
  width: 600px;
}

.thumbnail_logo {
  float:left;
  margin: 15px 0px 30px 40px;
  border:0px;
}
.thumbnail_left {
  float:left;
  margin-right:10px;
  margin-bottom:10px;
  border:0px;
}

.thumbnail_right {
  float:right;
  margin:0px 15px 10px 15px;
  border:1px solid #330099;
}
.thumbnail_right1 {
  float:right;
  margin:0px 30px 0px 15px;
  }

#lightbox{
	background-color: #CCCCCC;
	padding: 10px;
	border: 1px solid #C1839E;
		}
#lightboxDetails{
	font-size: 0.8em;
color:#FFFFFF;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
lightboxCaption{ float: left;
margin-left:50px; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}

.figure3 {
float:left;
width: 235px;
padding-left:5px;
margin: 0 15px 10px 15px;
}
.figure3 p{
text-align:justify;
}
.figure3 p span a{
text-align:center;
font-variant: small-caps;
text-decoration:none;
line-height:110%;
font-size: 11px;
color: #333366;
}
.figure3 p span a:hover{
text-align:center;
font-variant: small-caps;
text-decoration:none;
line-height:110%;
font-size: 11px;
color: #6699CC;
}
.photo h1 {
color:#C1839E;
margin-left:0px 10px 2px 0px;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
} 

*html #gallery{
width:100%;
}
.photo {
background: url(images/dropshadow.gif) right bottom no-repeat;
width:240px;
margin:0px 15px 10px 15px;
}
.photo img {
border: 1px solid #C1839E;
padding:3px;
position:relative;
top:-3px;
margin-left:-5px;
}
*html #gallery{
width:100%;
}