/* CSS Document
	styles.css - CSS styles for the XML-based dynamic photo gallery and slideshow 
	by Rick Anthony, AAD Webmaster, 3/23/06
	
	edit this document as necessary to have the slideshow/gallery match the look and feel of your own site.
*/

/* body declaration, controls font for the entire slideshow/gallery */
body {
	font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
	}
/* special body class for the view_pic page of gallery, makes sure image is centered. */
.view_pic body{
	text-align:center;
	}
/* the picFrame class defines the border and colors of the box around the image displayed.*/
.picFrame {
	padding: 6px; /* distance from edge of picture to border of frame */
	border: 1px #fff solid; /* border around frame */
	background-color: #fff; /* background color for frame */
	text-align:center;
}
/* the credit class controls how the 'photo by : ' credit is displayed */
.credit {
	width:100%;
	font-size:11px;
	font-style:normal;
	text-align:right;
	color:#666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
/* the caption class controls the display of the photo caption */
.caption {
	text-align:left;
	font-size:medium;
	padding-top:4px;
	}

/* the close class controls the 'close' button on the view_pic page of the gallery */
.close {
	text-align:right;
	float:right;
	margin-top:6px;
	}
/* sets properties for the actual close link. note that it is set to display as a block, which makes it look like a button */
.close a {
	background-color: #f4f4f4;
	display: block;
	padding-right:6px;
	height: 25px;
	width: 125px;
	padding-top: 6px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	/*border: 1px solid #999;*/
	color:#b31b1b;
	text-decoration:none;
}

/* sets properties that change when the mouse hovers over the close button */
.close a:hover {
	text-decoration:none;
	background-color:#666666;
	color:#FFFFFF;
	}

/* sets properties for the slideshow or gallery title */
.title {
	font-size:large;
	font-weight:bold;
	padding-bottom:.5em;
	text-align:left;
	}

/* the next and prev id's set properties for the next and previous buttons in the slideshow */
#next {
	padding-left:10px;
	padding-top:2px;
	padding-bottom:10px;
	}
	
#prev {
	padding-right:10px;
	padding-top:2px;
	padding-bottom:10px;
}


#next a {
	background-color: #FFF;
	display: block;
	padding-right:6px;
	/*height: 25px;*/
	width: 40px;
	padding-top: 2px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	padding-left:2px;
	/*border: 1px solid #999;*/
	color:#b31b1b;
	text-decoration:underline;
	background-image:url(../../../_images/triangle_right.gif);
	background-position:right;
	background-repeat: no-repeat;
}

#next a:hover {
	text-decoration:none;
	background-color:#FFF;
	color:#666;
	}
	
	#first_slide a {
	background-color: #FFF;
	display: block;
	padding-right:6px;
	/*height: 25px;*/
	width: 65px;
	padding-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	padding-left:2px;
	/*border: 1px solid #999;*/
	color:#b31b1b;
	text-decoration:underline;
	background-image:url(../../../_images/triangle_right.gif);
	background-position:right;
	background-repeat: no-repeat;
}

#first_slide a:hover {
	text-decoration:none;
	background-color:#FFF;
	color:#666;
	}
	
#prev a {
	background-color: #FFF;
	display: block;
	/*padding-right:6px;*/
	/*height: 25px;*/
	width: 65px;
	padding-top: 2px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	padding-right:2px;
	/*border: 1px solid #999;*/
	color:#b31b1b;
	text-decoration:none;
	background-image:url(../../../_images/triangle_left.gif);
	background-position:left;
	background-repeat: no-repeat;
}

#prev a:hover {
	text-decoration:none;
	background-color:#FFF;
	color:#666;
	}