body {
	margin:0px 0px; padding:0px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	color:#666;
}

html {

    min-height: 100%; margin-bottom: 1px; 
}

#container {
	text-align: left;
	width: 774px;
	margin: 0 auto;
	background: #fff url(../images/page.jpg) repeat-y;
}

h1 {
	margin: 0 12px;
	padding: 0 0 20px 0;
	background: url(../images/top-image.jpg) no-repeat;
	height: 190px;
	font-size: 12px;
	color: #40528E;
}

h2 {
	margin: 0 40px 0 55px;
	padding: 0 0 1em 0;
	color: #40528E;
	font: 140% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

h3 {
	margin: 0 0 .5em 0;
	color: #40528E;
	font: 130% Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

p { 
margin-top: 0; }

a { color: #40528E; }

a:hover { color: red; 
}

#nav {
	float: left;
	width: 175px;
	margin: 0 4px 4px 0;
    padding: 12px;
	display: inline;
	list-style-type: none;
}

#nav li { 
    display: inline; 
}

#nav li a {
	display: block;
	padding: 5px 10px;
	background: #D7DCC5;
	text-decoration: none;
	color: #283358;
	border-bottom: 2px solid #fff;
}

#nav li a.current {
	color: #283358;
	background: #C3CAAA;
}

#nav li a:hover {
	color: #fff;
	background: #40528E;
}

#content {
	float: left;
	width: 480px;
	margin: 0 0 0 55px;
	display: inline;
	line-height: 1.4;
	padding: 0 0 20px 0;
}

#content ul {
	margin: 1em 0;
	padding: 0;
	list-style-type: none;
}

#content li {
	background: url(../images/bullet.gif) no-repeat 12px .4em;
	padding: 0 0 0 30px;

}

.thmb {
	float:left;
	display:block;
	border:2px solid #8D3F51;
	margin: 10px 10px 0px 0px;
}
.thmbnogo {
	float:left;
	display:block;
	border:2px solid #8D3F51;
	margin: 0px 10px 10px 10px;
}		
.thmb:Hover {	
		border:2px solid #c0c0c0;			
		}
.thumbnail {
   float: left;
   width: 90px;
   height: 69px;
   display:block;
   background-color:#8D3F51;
   margin: 0px 10px 10px 0px;
   padding: 2px;
}
.thumbnail_small {
   float: left;
   width: 60px;
   background-color:#eee;
   margin: 0 4px 4px 0;
   padding: 4px;
}
.thumbnail:Hover {
   background-color:#C3CAAA;
   cursor:pointer;
}

#footer {
	clear: both;
    font-size: 90%;
	background: url(../images/page-base.jpg) no-repeat 0 100%;
	color: #fff;
	padding: 0 0 12px 0;
	margin: 0;
}

#footer p {
	background: #40528E url(../images/footer-image.jpg) no-repeat 0 0;
	padding: 20px 20px 7px;
	margin: 0 12px;
}

#photoholder {
  width:auto;
  height:auto;
  width:450px;
  margin-left:10px;
  text-align:center;
  background:#fff url(../images/loading.gif) 50% 50% no-repeat;
}

#thephoto {
  display:block;
  margin:0px auto;
  padding:0px;
  text-align:center;  
  border:3px solid #8D3F51;
}
.image {
   float: left;
   width: 79px;
   height: 81px;
   display:block;
   background-color:#8D3F51;
   margin: 0px 10px 10px 0px;
   padding: 4px;
}
.image:Hover {
   background-color:#C3CAAA;
   cursor:pointer;
}