﻿.mediaHdr
{
 position: relative;
    background-position: left top;
    height: 266px;
    background-image: url(  "../../images/mediaGallery/mediaGalleryBg.jpg" );
    background-repeat: no-repeat;
    margin-bottom:20px;
}

#gHdrLinks
{
    top:122px;
    left:430px;
    /*bottom:50px;right:100px;*/
    height:100px;
    position:absolute;
    width:150px;
}
.mediaPhotosButton, .mediaVideosButton
{width: 154px;height: 0px;display:block;overflow:hidden;}
.mediaPhotosButton
{
    background-image: url( "../../images/mediaGallery/buttonPhotos.jpg" );
    padding-top: 52px;
    
}
.mediaPhotosButton:hover
{
    background-position: 0px 52px;
}
.mediaVideosButton
{
    background-image: url( '../../images/mediaGallery/buttonVideos.jpg' );
    padding-top: 87px;
}
.mediaVideosButton:hover
{
    background-position: 0px 87px;
    
}
#photosList, #videosList{width:48%; display:inline-block;float:left;}
#photosGrid, #videosGrid{width:100%; display:inline-block;float:left;margin-top:40px;margin-bottom:40px;}

#photosList h3.ti, #videosList h3.ti
{
    font-size:138.5%;font-weight:bold;color: #8D2C2C
    }
.mediaItem,.mediaItemMain{

 display:inline-block;
margin-bottom:10px;
width:48%;
 *display:inline;
  *zoom:1;}
.mediaItemMain{width:100%;}
#photosGrid .mediaItem ,#videosGrid .mediaItem{width:49%}

.itemImageLink{
float:left;}

.mediaItemImage{height:100px;width:100px;overflow:hidden;display:inline-block;float:left;margin-right:10px;border:thin solid #008EF7;}

.itemInfo{
clear:none;
float:left;
text-align:left;
width:50%;}
.itemDate{float:left;clear:left;font-size:85%;padding-top:5px;padding-bottom:5px;color:#778e9d;}
#photosList .itemInfo .itemTitle a, #videosList .itemInfo .itemTitle a, #photosGrid .itemInfo .itemTitle a, #videosGrid .itemInfo .itemTitle a
{
    text-decoration:none;
    color: #2C5B7B;
    font-size:138.5%;
}
#photosList .itemInfo .itemTitle a:hover, #videosList .itemInfo .itemTitle a:hover, #photosGrid .itemInfo .itemTitle a:hover, #videosGrid .itemInfo .itemTitle a:hover
{color: #008EF7}

.itemInfo .itemTitle a:hover{ color: #8D2C2C}
.section{height:100px;width:100px;overflow:hidden;display:inline-block;float:left;margin-right:10px;margin-bottom:10px;border:thin solid #008EF7;}
.thumbHori
{
    margin:-5px 0px 0px -19px;
}
.thumbVert
{
     margin:-18px 0px 0px -10px;
}
.scroller
{
    width:98%;
    overflow:hidden;
}
.images
{
    border-top:1px solid #B3CBDC;
margin-top:4px;
padding-top:9px;
}
#albumInfo .albumTitle
{
color:#2C5B7B;
font-size:175.5%;
margin-bottom:4px;
margin-top:4px; 
}
.type{color:rgb(0,120,200);}
.dates{color:#8D2C2C;}
#albumInfo span
{
    font-size:100%;
}
#albumInfo{ 
margin-bottom:18px;}
#video{margin-bottom:13px;}
