/*Side menus style*/

ul {
    list-style: disc outside none;
}

.custom-menus ul.menu {
	padding: 4px 10px 4px 0px;
	width: 210px;
	font-size: 12px;
	font-weight: bold;
	
	
}
.custom-menus ul.menu li {
    color: #808080;
    list-style: none outside none;
    margin-left: 0px;
    margin: 8px 0 8px 0;
    padding: 3px 0px 5px;
    border-bottom: 1px solid #ddd;
	text-indent:hanging;
	line-height:16px;
}
.custom-menus ul.menu li ul {
    margin-left: -20px;
	font-weight:normal;
}

.custom-menus ul.menu li ul li  {
    border-bottom: medium none;
    margin: 2px 0;
    font-size: 12px;
}
.custom-menus .menu li a {
    color: #666;
    padding: 5px 0px;
    text-decoration: none;
    width: 100%;
}
.custom-menus .menu li a:hover {
    color: #333;
}
.current-exibit p, .current-exibit a:link {
    font-size: 14px;
}
/*----------- Acknowledgement------------------ */
#oacNotice{
	position:fixed;
	margin: 0;
    padding: 4px 0 2px;
	background-color:rgba(143,183,96,1 );
	width:100%;
	z-index:2;
	color:#fff;
	font-size: 83%;
    font-weight: normal;
	text-align:center;
	opacity:1;
    animation:myfirst 3s ease-in-out 0s 1 normal both ;	
	-webkit-animation: myfirst 3s ease-in-out 0s 1 normal both; /* Chrome, Safari, Opera */
	
	}
/*
    Monday (holiday hours) close calendar view month- customized insertation
*/

.closedMonday, .holidayHours{
	color:gray;
	margin:4% 0 0 12%;	
}
/*
    animation: name duration timing-function delay iteration-count direction fill-mode play-state;
 */
#close{
	margin-left:12px;
	
	}


/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* Standard syntax */
@keyframes myfirst {
   from {opacity: 0}
    to {opacity: 1}
} 
/* End of Acknowledgement */

/*----Twitter Feed---*/

.tweets-list-container {
	font-size:80%;
	margin-top:-2%;
	margin-bottom:1%;
}
.tweet-list {
    list-style-type: none;
    padding: 0;
    position: relative;
    margin-top: -4%;
}


span.hash {
    font-style: italic;
}
.tweets-list-container a {
    color: #555;
    text-decoration: none;
    clear: both;
}

/*End of Twitter Feed*/
/*-----------Donors logos spirte--------------*/
#footernav {
    position: relative;
	width:560px;
	
}

#footernav li {
    margin: 0;
    padding: 0;
    list-style: none;
	border:none;
}

#footernav a {
    height:45px;
    display: block;
	
}
#cj a{
	height:32px;
}
#cj, #city,#oac,#ch,#cc,#otf{
	position:absolute;
}
#city {
    background: url("images/logos.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 52px;
    left: 0;
    top: 0;
    width: 152px;
}
#otf {
    background: url("images/logos.png") repeat scroll -186px -10px rgba(0, 0, 0, 0);
    height: 57px;
    left: 186px;
    width: 126px;
    top: 10px;
}
#ch {
    background: url("images/logos.png") repeat scroll -366px -16px rgba(0, 0, 0, 0);
    height: 50px;
    left: 366px;
    width: 196px;
    top: 16px;
}
#cj {
    background: url("images/logos.png") repeat scroll 0 -96px rgba(0, 0, 0, 0);
    height: 32px;
    left: 0;
    top: 96px;
    width: 152px;
}

#cc {
    background: url("images/logos.png") repeat scroll -167px -87px rgba(0, 0, 0, 0);
    height: 41px;
    left: 155px;
    top: 87px;
    width: 197px;
}
#oac {
    background: url("images/logos.png") repeat scroll -382px -76px rgba(0, 0, 0, 0);
    height: 47px;
    left: 383px;
    top: 76px;
    width: 172px;
}
/*End of Donors Logos sprite*/
/*----------------Max width 828px-----------*/
@media (max-width: 828px) {

	#footernav {
   	 	position: relative;
		width:400px;
		height:190px;
		} 
	#oac{
		left:0px;
		top:145px;
		
	}
	#ch{
		left:200px;
		top:152px;
	}
}
/*--------------------------------------------------
Mobile- 680px
---------------------------------------------------*/
@media (max-width: 680px) {
#oacNotice {
		font-size:76%;
	}
}
/*--------------------------------------------------
Mobile - 320px
---------------------------------------------------*/
@media (max-width: 320px) {
#oacNotice {
		font-size:70%;
		position:relative;
	}
}