/*GALLERY STYLES*/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/


div.scroller {
	/* modify width and height of scrolling section if necessary	*/
	width: 312px;
	height: 45px;
	overflow: hidden;
}
div.scroller div.content div.section {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/
	width: 312px;
	height:45px;
	float:left;
    overflow: hidden;

}
div.scroller div.content {
	width: 10000px;
    overflow: hidden;
}


.fltrt {
/* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
}

.fltlft {
/* this class can be used to float an element left in your page */
    float: left;
}

.thumbNails{
    width:100%;
    vertical-align:middle;
    text-align:left;
    height:180px;
    padding-left:25px;
}

.clearfloat {
/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

#galleryDivImage {
    background-image:url('/image-gallery-web/images/photo-background.jpg');
    background-repeat:no-repeat;
    background-position:top left;
    width:209px;
    height:208px;
    padding-top:25px;

}

#galleryDiv{
    /*edit*/
/*    position: relative;
    top: 720px;
    right: 30px;
    */
    /*leave*/
    width:209px;
    height:270px;
    padding-left:0px;

}


.lightboxPadding {
    padding-left: 100px;
}

.button {
    cursor: pointer;
    cursor: hand;
}
.buttonhighlighted {
    cursor: pointer;
    cursor: hand;

}
a.submenulink:link, a.submenulink:visited, a.submenulink:active {
    text-decoration: underline;
    color: #3A9BCC;
    font-weight: bold;
}

a.submenulink:hover, {
    text-decoration: underline;
    color: #3A9BCC;
    font-weight: bold;
}

.spanLink {
    text-decoration: underline;
    color: #3A9BCC;
    cursor: pointer;
    cursor: hand;
}

.spanLink a:link, .spanLink a:visited, .spanLink a:active, .spanLink a:hover{
    text-decoration: underline;
    color: #3A9BCC;
    cursor: pointer;
    cursor: hand;
}


.myPhotos {
    font-weight: bold;
    font-size: 140%;
}

.albumSelect {
    width: 280px;
    height: auto;
}
.mainPhoto{
  text-align:center;
  width:auto;
  height:345px;
  overflow:hidden; 
}

.halfWidth{
    width:60%;
}
.label{
    width:90px;
}
#start{
	margin-top:5px;
}
#pause{
	margin-top:5px;
}


.thumbnailText{
    font-size:70%;
    padding-left:70px;
}

/* GLIDER STYLES */
#my-glider2{
}

div.scroller2 {
	/* modify width and height of scrolling section if necessary	*/
	width: 215px;
	height: 215px;
	overflow: hidden;
	float:right;
}
div.scroller2 div.section2 {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/
	width: 215px;
	height:190px;
	overflow:hidden;
	float:left;
	background-image:url('/image-gallery-web/images/photo-background.jpg');
	background-repeat:no-repeat;
	background-position:left top;
	padding-top:20px;
	padding-left:25px;
}
div.scroller2 div.content2 {
	width: 10000px;
}

#photoNavigationOuter{
    height:45px;
}
#galleryDiv .error li,#galleryDiv .error ul{
    font-weight:bold;
    list-style:none;
    color:#CC0000;
}
#galleryDiv .errorMessage{
    font-weight:bold;
    color:#CC0000;    
}

/*END STYLES NEEDED*/
-->