/**/
/* Danielle and Dave's Stylesheet */
/**/


/* Base Style */

/* Uncomment this to see borders illustrating the layout*/
/*
* {
border-width: 2px;
border-style: solid;
}
*/

BODY{
background-image:url("../img/back5.gif");
background-repeat: repeat-y;
background-color: #586e7c;
color: #000000;
margin: 0px;
padding: 0px;
font-family: sans-serif;
}

LABEL{
font-size: small;
}

INPUT{
margin-right: 2em;
font-size: x-small;
}

BUTTON {
font-size: xx-small;
background-color: #4f606b;
color: silver;
}

/*a { color: #0000CC }*/
a {
color: #9d9de0;
background-color: transparent;
margin: 0px;
padding: 0px;
}
/*a:visited { color: #003300 }*/
a:visited {
color: silver;
background-color: transparent;
margin: 0px;
padding: 0px;
}

a:active {
color: teal;
background-color: transparent;
margin: 0px;
padding: 0px;
}

a:hover {
color: white;
background-color: transparent;
margin: 0px;
padding: 0px;
}

em {
background-color: silver;
color: black;
padding: 1px 3px;
}

DIV.navigation{
position: absolute;
width: 100px;
height: auto;
background-color: transparent;
padding: 0px;
margin: 0px;
border-color: maroon;
}

DIV.navigationpix{
position: absolute;
top: 164px;
width: 100px;
height: auto;
background-color: transparent;
padding: 0px;
margin: 0px;
border-color: maroon;
}

/*P.perry{
width: 120px;
height: 160px;
margin-left: 20px;
}

P.nav1{
text-align: center;
border-style: solid;
border-color: black;
background-color: #F26A2A
color: #CCCCCC;
}*/

div.header{
position: relative;
display: block;
left: 104px;
width: 85%;
height: auto;
margin: 0px;
padding: 0px;
background-color: transparent;
color: silver;
border-color: lime;
text-align: center;
}

div.mainarea{
position: relative;
display: block;
left: 104px;
width: 85%;
height: auto;
margin: 0px;
padding: 0px;
border-color: navy;
color: silver;
background-color: transparent;
}


div.indexslot{
margin: 1px;
padding: 1px;
display: inline;
float: left;
width: 180px;
height: 210px;
border-color: yellow;
}

div.Lthumbnail{
margin: 3px;
padding: 0px;
display: block;
width: 160px;
border-color: fuchsia;
text-align: center;
font-size: small;
}

div.Lpix{
position: relative;
margin: 3px;
padding: 0px;
width: 340px;
height: 450px;
display: inline;
float: left;
border-color: fuchsia;
text-align: center;
font-size: small;
}

div.Pthumbnail{
position: relative;
left: 20px;
margin: 1px;
padding: 1px;
display: block;
width: 130px;
text-align: center;
border-color: purple;
font-size: small;
}

div.Ppix{
position: relative;
/*left: 20px;*/
margin: 3px;
padding: 1px;
display: inline;
float: left;
width: 260px;
height: 550px;
text-align: center;
border-color: purple;
font-size: small;
}

/* width="320" height="240"  */
img.landscape{
/*margin: 5px;
padding: 5px;
display: inline;
float: left;*/
width: 320px;
height: 240px;
/*border-color: silver;*/
}

/* width="240" height="320"  */
img.portrait{
/*margin: 5px;
padding: 5px;
display: inline;
float: left;*/
width: 240px;
height: 320px;
/*border-color: purple;*/
}

div.footer{
position: relative;
display: block;
left: 104px;
width: 85%;
height: auto;
margin: 1px;
padding: 1px;
background-color: transparent;
color: silver;
border-color: aqua;
font-size: x-small;
}

div.navline{
position: relative;
display: block;
left: 104px;
width: 85%;
height: auto;
margin: 0px;
padding: 0px;
background-color: transparent;
border-color: white;
}

div.nav{
position: relative;
float: right;
width: auto;
height: auto;
border-color: lime;
}

h5 {
color: white;
background-color: transparent;
}