/* Home CSS Document */

#features{
background: url(../images/css/background_features.png) top center no-repeat;
	float: left;
	height: 360px;
	margin: 10px 0px 0px;
	padding: 6px 8px 28px;
	width: 960px;
	}
	
#left{
  background: url(../images/css/background_left.png) top right no-repeat;
  float: left;
  margin: 25px 0px 0px;
  min-height: 300px;
  width: 270px;
}

#coming_events{
  border-top: 1px solid #ddd;
  float: left;
  margin: 15px 0px 0px;
  padding: 12px 0px 0px;
  width: 270px;
  font-size: 14px;
}

#coming_events div.name {
  background: url(../images/css/background_coming_events.png) no-repeat 1px 0;
  border-bottom: 1px solid #ddd;
  display: block;
  height:30px;
  width:;
  margin: 0px 0 5px;
}

#coming_events div div {
  border: none;
  float: left;
  clear: both;
  margin: 5px 0 5px 1px;
  width: 100%;
  font-family: tahoma;
}

#coming_events div a {
  display: block;
  color:#000;
  float: right;
  width: 78%;
  font-weight: normal;
  padding: 0 15px 0 0;
}

#coming_events div span.date {
  float: left;
  display: block;
  width: 10%;
  font-weight: bold;
}

#coming_events div.link a{
  padding: 0;
  width: 100%;
}

#middle{
  float: left;
  margin: 25px 0px 0px;
  min-height: 300px;
  width: 430px;
}

#location_info{
  background: url(../images/css/background_location_info.png) 20px 0px no-repeat;
  float: left;
  padding: 50px 0px 0px;
  width: 430px;
}

#location_info #map{
  background: url(../images/css/background_map.png) no-repeat;
  float: left;
  height: 140px;
  width: 140px;
  margin: 0px 0px 0px 16px;
  padding: 6px 7px 8px;
  overflow: hidden;
}

#location_info #address{
  float: left;
  line-height: 180%;
  width: 220px;
  padding: 0px 0px 0px 16px;
}

#right{
  background: url(../images/css/background_groupNav.png) no-repeat;
  float: left;
  margin: 25px 0px 0px;
  min-height: 300px;
  width: 260px;
}

#quick_links{
  background: url(../images/css/background_quick_links.png) 20px 0px no-repeat;
  float: left;
  padding: 30px 0px 0px;
  width: 260px;
}

#quick_links ul{
  background: url(../images/css/background_line.png) top left no-repeat;
  float: left;
  list-style: none;
  margin: 0px;
  padding: 5px 10px 5px 30px;
  width: 220px;
}

#quick_links ul li{
  float: left;
  padding: 5px 0px;
  width: 220px;
}

#quick_links ul li a{
  color: #333333;
}

#web_network_links{
  float: left;
  margin: 11px 0px 0px;
  padding: 0px;
  width: 870px;
}

#web_network_links ul{
  float: left;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#web_network_links ul li{
  float: left;
  margin: 0px;
  padding: 0px;
}

#web_network_links ul li a{
  float: left;
  margin: 0px;
  padding: 0px;
}

#locations_list{
  background: url(../images/css/background_location.png) top center no-repeat;
  float: left;
  margin: 30px 0px 0px;
  padding: 70px 2px 0px;
  width: 960px;
}

#locations_list ul{
  float: left;
  list-style: none;
  margin: 0px 0px 0px -20px;
  padding: 0px;
}

#locations_list ul li{
  background: url(../images/css/background_arrow.png) 0px 4px no-repeat;
  border-bottom: 1px solid #DFDFDF;
  float: left;
  font: 13px Tahoma, Geneva, Verdana, sans-serif;
  color: #333333;
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 10px 25px;
  width: 200px;
  cursor: pointer;
  cursor: hand;
}

#locations_list ul li a{
  color: #333333;
}

#locations_list ul li a:hover{
  text-decoration: none;
}

#locations_list h1{
  clear: both;
	float: left;
	font-size: 24px;
	font-weight: normal;
	color: #B75B00;
	margin: 0px;
	padding: 0px;
	width: 200px;
	text-transform: uppercase;
  cursor: pointer;
  cursor: hand;
	}
	
/**/

#locations_upperwest, #locations_villiage, #locations_queens, #locations_brooklyn{
  width: 940px;
  height: 530px;
  display: none;
  overflow: hidden;
}

#locations{
  width: 940px;
  height: 530px;
  background: url(../images/css/bg_locations.png) no-repeat;
  padding: 10px 10px;
  font: 13px Arial, Helvetica, sans-serif;
}

#locations h2{
  font: normal 18px Arial, Helvetica, sans-serif;
  color: #0093D1;
  text-transform: uppercase;
  margin: 10px 0px;
}

#locations h3{
  font: normal 25px/25px Arial, Helvetica, sans-serif;
  color: #666;
  margin: 10px 0px;
}



#locations_title{
  width: 940px;
  height: 45px;
  float: left;
}

#locations_title ul{
  padding: 0px;
  margin: 0px;
}

#locations_title ul li{
  padding: 0px 25px;
  margin: 0px;
  list-style: none;
  display: inline;
  float: left;
  width: 420px;
}

#locations_title ul li .close{
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  width: 70px;
  float: right;
  color: #666;
  height: 14px;
  padding: 2px 0px 4px;
  margin: 10px 0px;
  display: block;
  background: url(../images/css/bg_close_x.gif) no-repeat 50px 0px;
  cursor: pointer;
  cursor: hand;
}

/*
#locations_title ul li a:hover.close{
  text-decoration: none;
  color: #F7AA1E;
  background-position: 50px -20px;
}
*/

#locations_content{
  width: 460px;
  padding: 20px;
  float: left;
  background: url(../images/css/bg_locations_content.jpg) no-repeat right top;
}

#locations_intro{
  padding: 0px 10px;
}

#locations_intro .scroll{
  font: 13px/20px Arial, Helvetica, sans-serif;
  height: 115px;
  overflow: auto;
  margin: 0px 0px 25px;
}

#locations_map{
  width: 420px;
  padding: 15px 10px;
  float: left;
}

#locations_campuses .top{
  width: 460px;
  background: url(../images/css/bg_locations_campuses_top.gif) no-repeat;
  padding: 10px 0px 0px;
  float: left;
}

#locations_campuses .middle{
  width: 460px;
  background: url(../images/css/bg_locations_campuses_middle.gif) repeat-y;
  float: left;
}

#locations_campuses .bottom{
  width: 420px;
  background: url(../images/css/bg_locations_campuses_bottom.gif) no-repeat left bottom;
  padding: 5px 20px 10px;
  float: left;
}

#locations_campuses .bottom{
  width: 460px;
}

#locations_campuses ul{
  padding: 0px;
  margin: 0px;
  float: left;
}

#locations_campuses ul li{
  padding: 2px 0px 7px;
  margin: 0px;
  list-style: none;
  font-weight: bold;
  font-size: 14px;
  width: 210px;
}

#locations_campuses ul li.newcolumn{
  
  background: blue;
}

#locations_campuses ul li ul{
  padding: 10px 0px 0px;
  float: none;
}

#locations_campuses ul li ul li{
  font-weight: normal;
  font-size: 13px;
  background: url(../images/css/bullet_locations.gif) no-repeat 0px 6px;
  padding: 3px 0px 3px 13px;
}

#locations_campuses ul li ul li a{
  color: #666;
}

.map{
  width: 400px;
  height: 400px;
  padding: 10px;
  background: url(../images/css/bg_map.gif) no-repeat;
}