/*
 * NAME: Carousel
 * AUTHOR: Jay Blanchard
 * DATE: 2011-01-10
 * BUSINESS RULE: <if applicable>
 *
 * REVISION:   a20110110jb
 * STATUS:      open
 * USAGE:       call from web pages to provide modal style                        
 *
 * NOTES:       Color Pallette
 *              NAME        HEX     R   G   B
 *              olive       3B3013  59  48  19
 *              tan         8F6031  143 96  49
 *              mustard     E88833  232 136 51
 *              blood       9C0C0A  156 12  10
 *              eggshell    FDF3C1  253 243 193
 *              greycard1   0A0A0A  10  10  10
 *              greycard2   1E1E1E  30  30  30
 *              greycard3   323232  50  50  50
 *              greycard4   464646  70  70  70
 *              greycard5   595959  89  89  89
 *     
 *
 */
 html, body {
    height:100%;
    margin: 0px auto;   
}
 #carouselContainer {
    position: relative;
    width: 100%;
    height: 149px;
    background-color: #000000;    
}
#carouselOuter {
    position: relative;
    background-color: #000000;
    width: 662px; /* width of the carousel with the arrows */
    left: 50%; 
    margin-left: -331px;
}
   
#carouselInner {
    float: left;
    width: 510px; /* this is the width of the visible carousel */
    overflow: hidden; /* anything outside of the carousel's limits will be hidden */ 
   
}




#carouselShade {
    display: none;
    background: #323232;
    position: fixed; 
    left: 0; 
    top: 0;
    width: 100%; 
    height: 100%;
    z-index: 100;
}
.photoModal {
	
    display: none;
	 position: fixed; 
    background: #FFFFFF;
    color: #000000;
    border: 20px solid #FFFFFF;
    float: left;
    font-size: 1.2em;
    position: fixed;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    z-index: 200;
}

img.closeX {
    float: right;
    margin: 0px;
    border: none;
}
*{
	list-style-type:none;
	}