img
{
    border: 0;
}
#pageContainer
{
    position:relative;
    font-family:arial;
    text-align: center;
    width: 810px;
    height: 540px;
    padding-top:10px;
    margin-left:auto;
    margin-right:auto;
    margin-top: 5px;
    background: #000000;
    clear:both;
    border: solid 5px #444444;
}
#yvHomeLink
{
    position:absolute;
    bottom:10px;
    left:5px;
    width:250px;
    height:25px;
    text-align:center;
}
#yvHomeLink a,#yvHomeLink a:active,#yvHomeLink a:visited
{
    color: white;
    text-decoration:none;
}
#yvHomeLink a:hover
{
    text-decoration:underline;
}
#title
{
    position:absolute;
    top:5px;
    left:5px;
    width:250px;
    height:25px;
    text-align:center;
}
#w3cValid
{
    position:absolute;
    right:0px;
    top:560px;
}
#copyright
{
    width:810px;
    margin-left:auto;
    margin-right:auto;
    margin-top:5px;
    color: gray;
}
/* start - yviewer */
#yThumbs
{
    float: left;
    height: 95px;
    padding:0px;
    white-space: nowrap;
}
#thumbContainer
{
    position:relative;
    top:0px;
    left:0px;
    width: 418px;
    height: 82px;
    margin:0px;
    margin-top:2px;
    margin-bottom: 2px;
    padding:0px;
    padding-top:1px;
    overflow:hidden;
    white-space: nowrap;
}
#thumbSelected
{
    position: absolute;
    width: 75px;
    height: 75px;
    visibility:hidden;
}
#thumbOver
{
    position: absolute;
    height: 81px;
    width: 81px;
    visibility:hidden;
		cursor:pointer;
}
#thumbOver div
{
    position: absolute;
    top: 1px;
    left: 1px;
    width: 65px;
    height: 65px;
}
#yThumbs ul
{
    position: relative;
    top: 0px;
    left:0px;
    height: 80px;
    display: block;
    margin-left: 5px;
    margin-top:0px;
    padding: 0px;
    white-space: nowrap;
}
#yThumbs span
{
    width:425px;
    height: 80px;
    margin:2px;
    margin-top: 0px;
    margin-bottom:4px;
    padding:0px;
    line-height:80px;
    text-align: center;
		overflow:hidden;
}
#yThumbs img
{
    vertical-align: middle;
    border: solid 2px white;
		padding: 0;
		margin-left: 0px;
		margin-right: 0px;
}
#thumbContainer a
{
    cursor: pointer;
}
#slideDown
{
    float:left;
    display:block;
    visibility:hidden;
    width:40px;
    height:80px;
    background: url(../images/forward.jpg) no-repeat center;
    margin-top: 6px;
		margin-right: 1px;
    cursor:pointer;
}
#slideUp
{
    float: left;
    display:block;
    visibility:hidden;
    width:40px;
    height:80px;
    background: url(../images/backward.jpg) no-repeat bottom center;
		margin-top: 6px;
		margin-left: 1px;
    cursor:pointer;
}
#yView
{
    float: left;
    width: 500px;
    height: 330px;
    margin-right: auto;
    margin-left: auto;
    line-height: 380px;
    vertical-align: middle;
    text-align: center;
    font-size: 12px; 
    #font-size: 330px; /* HACK FOR IE eww*/
		padding-left: 10px;
}
#yView img
{
    vertical-align: middle;
    border: solid 4px white;
    margin-right: 10px;
		height:300px;
		cursor:pointer;
}
#yDesc
{
    clear: both;
    float: left;
		width: 500px;
		height: 50px;
		padding-left: 5px;
  	font-family: century;
	  font-size: 12px;
}
#yThumbsInner
{
    position: relative;
    top: 0px;
    left:0px;
    height: 80px;
    display: block;
    margin-left: 5px;
    margin-top:0px;
    padding: 0px;
    white-space: nowrap;
}
#yThumbsInner span
{
    position: relative;
    top: 0px;
    left: 0px;
    height: 80px;
		width: 79px;
		margin-left: 2px;
		margin-right: 2px;
		padding-left: 0px;
		padding-right: 0px;
		background: yellow;
}
#yCon
{
 		clear:both;
    width: 500px;
		text-align: center;
}