@charset "utf-8";
/* CSS Document */


#whats-menu {
  list-style: none;
  padding: 0;
  margin: 0px 0px 0px 5px;
  /*width: 774px;
  height: 210px;
  background: url(images/menu-bg.jpg) no-repeat;*/
  position: relative;
  width:180px;
  background-position:top;
}

#whats-menu span {
  display: none;
  position: absolute;
}
#whats-menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
  border-bottom-style:none;
}
#whats-menu a:hover {
  background-position: left bottom;
}

#whats-menu a:hover span {
  display: block;
}

/* Calendar Link has been removed - 8/19/09, according changes to whats_new.css,
The top difference between button is 33px;

#whats-menu .calendar {
	width: 180px;
	height: 30px;
	background:url(../images/whats_calendar.gif) no-repeat;
	left: 0px;
	top: 3px;
}
#whats-menu .calendar span {
  width: 180px;
  height: 30px;
  background:url(../images/whats_calendar_hover.gif) no-repeat;
  left: 0px;
  top: 0px;
}*/

#whats-menu .upcoming {
  width: 180px;
  height: 30px;
  background: url(../images/whats_upcoming.gif) no-repeat;
  left: 0px;
  top: 3px;
}
#whats-menu .upcoming span {
  width: 180px;
  height: 30px;
  background: url(../images/whats_upcoming_hover.gif) no-repeat;
  left: 0px;
  top: 0px;
}

#whats-menu .recent {
  width: 180px;
  height: 30px;
  background: url(../images/whats_recent.gif) no-repeat;
  left: 0px;
  top: 36px;
}
#whats-menu .recent span {
  width: 180px;
  height: 30px;
  background: url(../images/whats_recent_hover.gif) no-repeat;
  left: 0px;
  top: 0px;
}

#whats-menu .archive {
  width: 180px;
  height: 30px;
  background: url(../images/whats_archive.gif) no-repeat;
  left: 0px;
  top: 69px;
}
#whats-menu .archive span {
  width: 180px;
  height: 30px;
  background: url(../images/whats_archive_hover.gif) no-repeat;
  left: 0px;
  top: 0px;
}

/* =Social media
----------------------------------------------------------------------------- */
#social-bg{
	background-image: url(../images/left-section-bottom.jpg);
	display: block;
	width:195px;
	height: 120px;
	position:relative;
	background-position:top;
	top:350px;
}

#social-media {
  position: relative; /*absolute*/
  top: 0px; /*20px*/
  right: 95px; /*65px*/
  z-index: 0; /*100*/
  background-position:top left;
  padding: 0;
  margin: 0px 0px 0px 5px;  
}

#social-media.bottom {
  top: auto;
  bottom: 15px;
}
#social-media li {
  margin-bottom: 10px;
  height: 22px;
  list-style:none;
}
#social-media a {
  background-position: 0 -22px;
  background-repeat: no-repeat;
  display: block;
  position: relative;
  float: right;
  height: 22px;
  overflow: hidden;
}
#social-media a img {
  display: block;
  position: relative;
}
#social-media .schemes {
  height: 49px;
  margin-bottom: 25px;
}
#social-media .schemes li {
  float: right;
  margin: 0 0 5px 10px;
  list-style:none;
}

#social-media a:hover{
background:none;
}


div.rightmenu#grey-ancment{
border:0px solid #CCCCCC; background-image:url('../images/right_menu_whtsnew_bg.gif');
font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; border-collapse:collapse; margin:0px; width:183px;padding-bottom:5px;}/*height:150px;*/
/* to get the shadow code just put border-top-style:none */

div.rightmenu#grey-ancment-head{ border:0px solid #CCCCCC; font-family:Geneva, Arial, Helvetica, sans-serif; text-align:center; font-size:12px; background: url('../images/link_bg.gif') repeat-x; border-collapse:collapse; color:#000066; height:1.2em; padding:5px; width:auto;}				


div.rightmenu#grey-quick{
border:0px solid #CCCCCC; background-image:url('../images/right_menu_whtsnew_bg.gif');
font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; border-collapse:collapse; margin:0px; width:183px;padding-bottom:5px;}/*height:115px;*/
/* to get the shadow code just put border-top-style:none */

div.rightmenu#grey-quick-head{ border:0px solid #CCCCCC; font-family:Geneva, Arial, Helvetica, sans-serif; text-align:center; font-size:12px; background: url('../images/link_bg.gif') repeat-x; border-collapse:collapse; color:#000066; height:1.2em; padding:5px; width:auto;}				

/* to get the shadow code just put border-width:0px and background:#fff by removing the image */

div.rightmenu#grey-imp{
border:0px solid #CCCCCC; background-image:url('../images/right_menu_purple_bg.gif');
font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; border-collapse:collapse; margin:0px; width:183px; padding-bottom:5px; text-transform:capitalize;}/*height:105px;*/

div.rightmenu#grey-imp-head{ border:0px solid #CCCCCC; font-family:Geneva, Arial, Helvetica, sans-serif; text-align:center; font-size:12px; background-image:url('../images/link_bg.gif'); background-repeat:repeat-x; border-collapse:collapse; color:#000066; padding:5px; height:1.2em; width:auto}

div.rightmenu#grey-fellow{
border:0px solid #CCCCCC; background-image:url('../images/right_menu_whtsnew_bg.gif');
font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; border-collapse:collapse; margin:0px; width:183px; padding-bottom:5px; text-transform:capitalize;}/*height:85px;*/

div.rightmenu#grey-fellow-head{ border:0px solid #CCCCCC; font-family:Geneva, Arial, Helvetica, sans-serif; text-align:center; font-size:12px; background-image:url('../images/link_bg.gif'); background-repeat:repeat-x; border-collapse:collapse; color:#000066; padding:5px; height:1.2em; width:auto}

a#rightmenu{
font-family:Arial; font-size:12px; color:#ffffff; text-decoration:none; border-bottom-style:none;}

a:hover#rightmenu{
font-family:Arial; font-size:12px; color:#ffffff; text-decoration:underline; background:none;}

li#content{list-style-type:square; list-style-position:inherit;}