@charset "UTF-8";
body  {
	background: #ffffff;
	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: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #CCCCCC;
}
a:link {
	color: #666666;
	text-decoration: none;
}

a:visited {
	color: #666666;
	text-decoration: none;
}
a:hover {
	cursor: pointer;
	color: #000000;
	text-decoration: none;
}
a:active {
	cursor: pointer;
	color: #000000;
	text-decoration: none;
}
.biophoto img{
    border-bottom: 1px solid #eaeaea;
	margin-bottom:12px;
	padding-bottom:15px;
	margin-right:17px;
}
.blue a:link{
    color:#230e7b;
	text-decoration:none;
}

.blue a:visited{
    color:#230e7b;
	text-decoration:none;
}
.blue a:hover{
    color:#000000;
	text-decoration:none;
}

#bio {
height: 465px;
width:930px;
}
#bioleft {
height: 510px;
width:438px;
float:left;
text-align: left;
}
#bioright {
height: 240px;
text-align: left;
}
#biorightbottom {
text-align:right;
float:left;
}

#biofloatbottom {
text-align:right;
}

#places{
}

#container{
	width: 937px;
	background: #ffffff;
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 58px;
	padding-left: 45px;
	height: 520px;
} 
#footer{
text-align:right;
}

#navigation {
	float: left;
	width: 155px; /* since this element is floated, a width must be given */
	background: #fffffff;
	text-align: left;
	padding-top: 40px;
	padding-bottom:300px;
}
.navigationbuttons{
    width:155px;
	height:20px;
	color:#999999;
	font-family: arial;
	font-size: 8pt;
	background:#ffffff;
	align:left;
	padding-top:1px;
}

#home{
width:782px;
height:580px;
float:right;

}
#homeimage{
width:782px;
height:580px;
text-align:right;

}
.himage img{
padding-bottom:4px;
}

a.navbuttons {
    color:#999999;
	cursor: pointer;
}
a.navbuttons div:hover {
    color:#000000;
	cursor: pointer;
}
a.navbuttons div:active {
    color:#000000;
	cursor: pointer;
}
#gallery{
position:relative;
height:510px;
width:782px;
overflow:hidden;
}
#gallerycontent{
	position:relative;
	background: #ffffff;
	align: left;		
}
/*scrollbar css */

	
#content1, #content3{
				height: 0px;
				width: 0px;
				float:left;
				background: #ffffff;
				overflow:hidden;
			}
			#content2{
			height: 510px;
				width: 782px;
				float:left;
				background: #ffffff;
				overflow:hidden;

			
			}
			#content1 p{
				margin: 0px;
			}
			.scrollbar-vert{
				background-color: ffffff;
				height: 0px;
				width: 0px;
			}
			.handle-vert{
				height: 0px;
				width: 0px;
				
			}
			
			#content2 p{
				width: 3964px;
			}
			.scrollbar-hor{
				background-color: #eaeaea;
				height: 15px;
				width: 782px;
				float:left;
			}
			.handle-hor{
				height: 15px;
				width: 118px;
				background: url(./media/handle-hor.gif) no-repeat;
			}
			
			#content3 p{
				width: 700px;
			}
			


.style2  {
 font-family: arial;
    font-size: 10px;
	color:#999999;
}
.stylefooter  {
 font-family: arial;
    font-size: 10px;
	color:#dcdcdc;
}
.stylefooter a:link {
	font-family: arial;
    font-size: 10px;
	color:#dcdcdc;
}
.stylefooter:hover {
	color: #666666;
	text-decoration: none;
}
.stylefooter a:hover {
	color: #666666;
	text-decoration: none;
}
.stylefooter:visited {
	color: #dcdcdc;
	text-decoration: none;
}
.stylefooter a:visited {
	color: #dcdcdc;
	text-decoration: none;
}
.stylefooter:active {
	color: #666666;
	text-decoration: none;
}
.stylefooter a:active {
	color: #666666;
	text-decoration: none;
}


#table0 {table-layout:fixed;
}