/* General Code*/
body {
	background: #000 url(../ProvSky.jpg) top left repeat-x;
}

div.main {
	margin:10px auto;
	width: 750px;
	min-height: 600px;
	background-color: #111;
	padding: 25px;
	border:4px double #fff;
	font-family: "Lucida Grande", Verdana;
	font-size: medium;
	line-height: 1.5; 
	color: #fcc;
}

div.spacer {
	clear: both;
}

div.blackbox {
	padding: 20px;
	background-color: #000;
	border: 1px dashed #fff;
}

h1, h2, h3, h4, h5, h6 {
	text-align: center;
	font-family: "Lucida Grande", Verdana;
	font-weight: bold;
	color: #fcc;
}
h1 {
	font-weight: normal;
}

a:link {
	text-decoration: none;
	color: #0f9;
}

a:hover{
	text-decoration: none;
	color: #fff;
}

a:visited{
	text-decoration: none;
	color: #3cf;
}

a:visited:hover{
	text-decoration: none;
	color: #fff;
}

img {
	padding: 0;
	max-width: 100%;
	display: block;
	margin: auto;
	border: 2px ridge #fff;
}

img.centered {
	margin-top: 5px;
	clear: both;
}

img.noborder {
	border: none;
}

ul {
	margin: 0; padding: 0; 
}

/*--------------------Back/Next Code---------*/

.back{
	float: left;
}

.next {
	float: right;
}

/*------------------------------Rollover Image Link Code----------------------------------*/
div.rollover li {
	list-style-type:none; 
	display:inline;
}

div.rollover a{
	display: block;
	margin: 3px;
	border: 2px ridge #fff;
	float: left;
	width: 240px;
	height: 240px;
}

div.rollover a:hover {
	background-position: 0 -240px ! important;
}

div.rollover span {
	visibility: hidden;
}

/*------------------------------Photo Gallery Image Code----------------------------------*/
div.scaler{
	border: 1px dashed #fff; 
	width: 750px; 
	overflow: auto; 
	margin-bottom: 30px;
}

div.scaler div.scale-image {
	width: 228px; 
	padding: 10px; 
	float: left;
}
/*-- the scalerslider is filled with crufty crrruft for IE's sake */
div.scalerslider {
	background-color: #000;
	border: 2px ridge #fff;
	padding: 1px;
	position: absolute;
	left: -90px;
	bottom: 3px;
	z-index: 1;
	margin: 10px 0 10px 100px;
}
body>div.scalerslider {position: fixed}

div.scalerslider #track {
	width: 150px;
	height:23px; 
	margin: 0 20px 0 0;
	font-size: x-small;
	color: #fff;
	text-align: center;
	
}

div.scalerslider #handle {
	background: url(../galleries/SlideBox.gif);
	width: 18px; 
	height: 18px;
	margin: 2px 2px 2px 2px;
	border: 1px solid #fff;
}

.scale-image {
            width: 240px;
            padding: 10px;
            float: left;
            height: auto;
            margin: 0;
            border: 0;
 }
	
/*===================POP up images====================*/
body.popupbody{
	background: #000;
}
	
.popupimage {
	margin: 1em auto; 
}
/*======================Header Information===============*/
div.headerimage{
	background: url(../headerimages/rotate.php) 0 0 no-repeat;
	width: 750px;
	height: 150px;
	margin: 0 0 5px 0;
	border: 1px dashed #fff;
}

div.headerimage:hover {
	background-position: 0 -150px;
}

/*----------------------------------- Header Tabs -------------------------
 These tabs are all thanks to Douglas Bowman and his article "Sliding Doors
 of CSS, Part II" at ALA. */
    
    #header {
      float: left;
      width:100%;
      background:#111;
      font-size: .8em;
      line-height:normal;
      clear: both;
      }
    #header ul {
      margin: 0;
      list-style:none;
      }
    #header li {
      float:left;
      margin:0 0 25px 0;
      border:1px dashed #fff;
      }
    #header a {
      float:left;
      display:block;
      width:.1em;
      background: #000;
      padding:5px 15px 4px 15px;
      text-decoration:none;
      color:#0f9;
      }
    #header > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #header a {float:none;}
    /* End IE5-Mac hack */
    #header a:hover {
      color:#fff;
      }
    #home #nav-home, #photos #nav-photos,
    #stars #nav-stars, #valentina #nav-valentina, #swan #nav-swan, 
    #vollmann #nav-vollmann, #words #nav-words, #julio #nav-julio {
      border-width:0;
      }
    #home #nav-home a, #photos #nav-photos a,
    #stars #nav-stars a, #valentina #nav-valentina a, #swan #nav-swan a,
    #vollmann #nav-vollmann a, #words #nav-words a, #julio #nav-julio a{
      border:1px dashed #fff;
      color: #333;
      }
    #header li:hover, #header li:hover a {
      color:#fff ! important;
      }
      /*==============================================*/