/* CSS Document */
body{
height:100%;
background-color: #F0F0F0;
background-image:  url(../img/back.gif);
background-repeat: repeat-y;
margin:0px;
color:#555555;
font-size:62.5%;/* reduce text size to 10 px as a global value and then increase in ems as appropriate*/
}

#wrap {
	background:#F0F0F0;
	margin:0 auto;
	width:650px;
	}

#left {
	background:#F0F0F0;
	float:left;
	width:135px;
        padding:20px 0px 0px 0px;
        font: normal 1.2em Times New Roman, Times, Serif;

	}


#right  {
	background:#F0F0F0;
	float:right;
	width:475px;
        font: normal 1.2em Times New Roman, Times, Serif;

	}

div#footer{
width:500px; 
height:71px; 
z-index:4; 
margin-left: 0px; 
padding-top:-30px;
padding-bottom:10px;
}
div#footer p{
margin-left:40px;
}

div#footer img{
float: left;
padding-left: 10px;
}

.footer{
font: normal 1.0em Times New Roman, Times, Serif;
}




#logo{
top:0px;
float: right;
}

#header{
position:relative;
width:561px; 
height:144px; 
z-index:1; 
left: 100px;
margin: 0px;
background-image: url(../img/banner.gif); 
margin-top: 20px;
}

#header h1{
display: none;
}

div#nav{
position:absolute;
font: normal 1.4em Times New Roman, Times, Serif;
margin-top:120px;
left:20px;
}

.navFloat{
float: left;
}


.navFloatBack{
float: left;
}
.navFloatCentreBack{
float: left;
left:200px;
}

.navFloatCentre{
float: left;
left:200px;
}
.navFloatNext{
float: left;
left:400px;
}

#main{
position:absolute; 
width:600px;
height:100%; 
z-index:1; 
left: 75px;
}

#resultsmain{
position:relative; 
width:600px;
height:100%; 
z-index:1; 
left: 100px;
}

#thumbsmain{
position:relative; 
width:600px;
height:100%; 
z-index:1; 
left: 100px;
font: normal 1.2em Times New Roman, Times, Serif;
}


#detailsmain{
position:relative; 
width:600px;
height:100%; 
z-index:1; 
left: 100px;
font: normal 1.4em Times New Roman, Times, Serif;

}
#leftCol{
	position:absolute;
	width: 137px;
	margin: 0px 10px 0px 10px;
	left: 2px;
	padding:15px 20px 15px 5px;
	height:80%;
	font: normal 1.2em Times New Roman, Times, Serif;
}

#rightCol{
	position: absolute;
	left:137px;
	width: 450px;
	margin: 10px;
	height: 80%;
	padding: 0px 0px 0px 30px;
	font: normal 1.4em Times New Roman, Times, Serif;

}

li{
padding: 5px 10px 0px 0px;

}

a:link {  font-weight: bold; color: #993300; text-decoration: none; }
a:visited { font-weight: bold; color:#330000; text-decoration: none; }
a:hover { font-weight: bold; color:#000099; text-decoration: underline;}


div#topRow{
position: relative;
width: 600px;
margin: 0px;
text-align: center;
overflow: visible;
}
div#topRow p{
text-align:center;
}
div#centerRow{
position: relative;
margin: 5px;
}
div#centerRow p{
text-align:center;
}

.thumbnail{
width: 150px;
height:150px;
float: left;
margin:  20px 20px 30px 0px;
text-decoration: none;
}

div#thumbnails{
position:relative;
padding: 30px 0px 500px 30px;

}


form {
		font: normal 1.0em Times New Roman, Times, Serif;
		color:#999999;
		margin-left:20px;
		}
			
select, textArea, text{ 
			background-image: url(../graphic/back-drop.gif); 
			background-repeat: repeat-x; 
			line-height: 20px; 
			font: bolder 1.0em Times New Roman, Times, Serif;
			color: #A13507; 
			background-color: #FFF7E6;
			width: 150px;
			
			}
			
input{
			background-image: url(../graphic/back-drop.gif); 
			background-repeat: repeat-x; 
			font: bolder 1.0em Times New Roman, Times, Serif;
			width: 100px;
			margin-left:20px;
			color: #A13507; 
}

#contentLayer{
position: relative;
padding: 30px;
left:0px;
background-image: url(../img/tile.gif); 
background-repeat: repeat-y; 
min-height:300px;
}

#contentLayer p{
margin: 0px 15px 10px 5px;	
}

.floatleft{
float:left;
}

.floatright{
float:right;
}

.floater{
float:left;
}
.floater p{
margin-left:10px;
}

.camera{
float: right;
margin: 15 10 10 10px;
}

.astrix{
color: #993300;
cursor: help;
}