/*Colordao Pump Photos page CSS*/
div#container
{
	height: 769px;
}
div#leftnav {
	height: 769px;
} 
div#rightnav {
	height: 769px;
}
div#content
{
	height: 658px; /* must match background image height 688px */
	top: -3px;
}
div#footer
{
	top: -7px;
}

div#backgroundimage
{
	position: relative;
	height: 0px;
	top: -654px;
}
img#bkgrnd-photo
{
    position: relative;
	top: -10px;
        left: 9px;
        height: 658px;
        width: 788px;
}

.noborder
{
	border: 0px solid #000;
	
}
div#photos
{
    position: relative;
    left: -5px;
    top: -15px;
    overflow-x:hidden;
    overflow-y:auto;
    width: 525px;
    height: 580px;
    white-space: nowrap;
    /*    overflow-x: auto; for horizontal scrolling
    overflow-y: auto; for vertical scrolling
*/
}
.gallery
{
	position: relative;
	left: 15px;
	list-style-type: none;
}
div#addthis 
{
	left:0;
	position:relative;
	top:440px;
}
div#photonav
{
    position: relative;
    top: -15px;
}
ul#photonavlist {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
    list-style-type: none;
    text-align: center;
    width: 100%; /*make the entire list into a navigation bar*/
    color: #002868;
	background-color: transparent;
	width: 500px;
	margin: auto;
}
ul#photonavlist li {
    display: inline;
	background-color: transparent;
	background-image: url(images/null.jpg);
	background-repeat: repeat-x;

}
ul#photonavlist li a {
    width: 5em;
    color: #021F4E;	/*Co blue*/
    padding: 0 .5em; /*put each list item into a box*/
    text-decoration: none;
    border-right: 2px solid #002868; /*set a border to the right of the list items to separate them – instead of using | */
	background-color: transparent;
}
ul#photonavlist li a:focus { /*Set the hover rollover effect*/
    background-color: #fff;
    color: #990000;
	background-image: url(images/left-grad-yellow-bullet.png);
	background-repeat: no-repeat;
	background-position: left;
}
ul#photonavlist li a:hover { /*Set the hover rollover effect*/
    background-color: #fff;
    color: #990000;
	background-image: url(images/left-grad-yellow-bullet.png);
	background-repeat: no-repeat;
	background-position: left;
}
ul#photonavlist li a:active { /*Set the hover rollover effect*/
    background-color: #fff;
	color: #2A7FFF;	/*Light blue*/
	color: #BF0A30;	/*Co Red*/
	background-image: url(images/left-grad-yellow-bullet.png);
	background-repeat: no-repeat;
	background-position: left;
}

ul#photonavlist li a.noborder { /*No "border" divider on the rightmost item*/
    border-right: none;
}