/* =================== START OF NEW SUMMER 2010 THEME  ======================= */
/* Main Body settting */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	background: #528caa;
}

.mainbg_container {
	width:auto;
	margin: auto;
}	
/* end of main body setting */

/* main border */
.mainbg_top_border {
	width:975px;	
	margin: 0px;	
	padding: 0px 0px 0px 0px;
	text-align:left;	
	background: transparent url(../images/fall/upper_main_bg.png) repeat-y;	
}

.mainbg_bottom_border {	
	width:975px;
	height:19px;	
	margin:0px;
	margin-left:2px;
	margin-top:0px;
	padding:0px;	
	background: url(../images/fall/bottom_main_bg.png) no-repeat;	
}
/* end of main border */

/* header container for banner and horizontal menu */
.header_container {	
	width:947px;	
	height:132px;
	margin:0px;
	padding:0px;
	margin-left:14px;
	background:transparent;
}

.header_container div#elac_banner{
	width:947px;
	height:99px;
	margin:0x;
	padding:0px;
	background:url(../images/fall/elac_banner.jpg) no-repeat;	
}

.header_container .hori_bar_container {	
	width:947px;
	height:33px;
	margin:0px;	
	padding:0px;
	text-align:left;
	background:url(../images/fall/hori_bar.jpg) no-repeat;
}

.header_container div.horimenu {	
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	float:left;
	width:755px;
	padding:0px 2px 0px 0px;
	margin-top:6px;
}

.header_container div.horimenu u.MenuBarHorizontal li a.bul
{
	float:left;
	width:auto;
	text-decoration:none;
	color:#ffffff;
	padding:0px 10px 5px 18px;
	background:url(../images/fall/narrow_down.png) no-repeat 1px 6px;
}

.header_container div.horimenu u.MenuBarHorizontal li a.bul:hover {
	color: #177bf7;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:0px 10px 5px 18px;
	background:url(../images/fall/narrow_down.png) no-repeat 1px 6px;
}

.header_container div.horimenu u.MenuBarHorizontal li {
	display:inline;
}
 
.header_container .google_form {
	width:180px;
	height:33px;
	margin:0px;
	padding:0px;	
	padding-left:5px;
	float:left;	
}

form {
	margin:0px;
	padding:0px;
	display: inline;	
}

.header_container .google_form input[type="text"] {
	margin-top:1px;
	color:#000000;
	font-size: 13px;		
	width: 130px;
	height:22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #92b299;	
	float:left;
}

.header_container .google_form input[type="submit"] {
	color:#ffffff;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight: bold;	
	background-color: #000000; 
	border:1px solid #000000;
	margin-right:0px; 
	width:28px;	
	height:29px;
	margin-top:0px;
	margin-left:6px;
	margin-bottom:3px;
	padding:0px;
}
/* end of header container for banner and horizontal menu */

/*Start of Body Section */


/* start of body backgound */
.fall_body {	
	width:947px;
	height:708px;
	margin:0px;
	margin-left:14px;
	padding:0px;
	background: transparent url(../images/fall/body_bg.jpg) no-repeat;	
}

.fall_body .middle_top {
	position:absolute;
	width:960px;
	top:138px;	
}

/* body left navigation container */
.fall_body .middle_top #left_nav_container {
	float:left;
	width:234px;	
	margin:0px;	
}

/*body left navigation Quick Link menu */

.fall_body .middle_top #left_nav_container div#v_menu {
	position:relative;
	width:215px;	
	display:block;
	z-index:999;
}
.fall_body .middle_top #left_nav_container div#v_menu ul.MenuBarVertical
{		
	color:#000000;	
	padding:0px;
	list-style-type:none;
	font-size:100%;
	cursor:default;
	text-align:left;	
}



/* body left Navigation Links */
.fall_body .middle_top #left_nav_container div.bullet_container {
	position:relative;
	margin:0px;
	height:350px;
	display:block;	
	margin-left:13px;	
}

/* body left navigation left narrow and bottom line */
.fall_body .middle_top #left_nav_container div.bullet_container .bullet {	
	color:#000000;	
	width:174px;
	padding:3px 8px 3px 18px;	
	display:block;	
	background:url(../images/fall/narrow_hor.png) no-repeat 4px 8px;
	border-bottom:1px dotted #b9b9b8;
}

/* body left navigation when mouse hover */
.fall_body .middle_top #left_nav_container div.bullet_container .bullet:hover {
	color:#000000;
	width:174px;
	padding:3px 8px 3px 18px;
	display:block;
	background:url(../images/fall/narrow_hor.png) no-repeat 4px 8px;
	border-bottom:1px solid #b9b9b8;
}

.fall_body .middle_top #left_nav_container div.bullet_container .lastbullet {	
	color:#000000;
	width:174px;
	padding:3px 8px 3px 18px;	
	display:block;		
	background:url(../images/fall/narrow_hor.png) no-repeat 4px 8px;
}

.fall_body .middle_top  #left_nav_container div.bullet_container a.nav:link {
	font-size: 13px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
}

.fall_body .middle_top #left_nav_container div.bullet_container a.nav:visited {
	font-size: 13px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
}

.fall_body .middle_top #left_nav_container div.bullet_container a.nav:hover {
	font-size: 13px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#228205;
	text-decoration:none;
}

/* END of Body Left Navigation */

/* Start of body middle display panel */
.fall_body .middle_top #mid_panel_container {
	position:relative;
	float:left;
	width:432px;
	margin-top:3px;
	margin-left:15px;	
}

.fall_body .middle_top #mid_panel_container div#enroll {	
	display:block;	
	padding-left:6px;
	padding-bottom:1px;
}

.fall_body .middle_top #mid_panel_container div#enroll img {
	width: 421px;
	height:48px;	
}

/* Gallery */

.fall_body .middle_top #mid_panel_container #gallery_wrap {
	position:relative;
/*
	top:33px;	
	left:4px;
*/
	margin-left:4px;
	margin-top:-16px;
	width:424px;
	height:358px;
	padding:6px 10px 10px 6px;
	background: url(../img/slideshow_back_e.png) top left no-repeat;
/*	z-index:0; */
}
.fall_body .middle_top #mid_panel_container .panel {
	margin-bottom: 10px;
}
.fall_body .middle_top #mid_panel_container a:link,a:visited {
	/* color: #fff !important; */
	text-decoration: underline;
}
.fall_body .middle_top #mid_panel_container a:hover {
	text-decoration: none;
}

.fall_body .middle_top #mid_panel_container #slideshow_overlay {
	background: url(../img/slideshow_front_e.png) top left no-repeat;
	position: relative;
/*	
	top:33px;
	left:-5px;
*/	
	width:418px;
	height:346px;
/*	z-index:0; */
}

.fall_body .middle_top #mid_panel_container #gallery_wrap #photos .filmstrip img:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
/* end of Gallery */

/* Start of right Navigation Button */

.fall_body .middle_top #right_btn_container {
	margin-left:36px;
	margin-top:6px;
	padding:0px;		
	float:left;	
}


.fall_body #right_btn_container ul.btn {
	list-style-type: none;
	width:228px;
	height:385px;
	margin:0px;
	padding:0px;
}

.fall_body #right_btn_container ul.btn li{		
	margin:0px;
	padding-top:0px;	
}

.fall_body #right_btn_container ul.btn li a img#cm{
	width:219px;
	height:48px;
	margin-top:-1px;
	border:0px;
}

.fall_body #right_btn_container ul.btn li a img{
	width:219px;
	height:48px;
	margin-top:-16px;
	border:0px;
}

/* end of right Navigation Button */

/* NEW RIGHT NAVIGATION */

.fall_body .middle_top #right_container {
	margin-left:36px;
	margin-top:8px;
	padding:0px;
	float:left;
}

.fall_body .middle_top #right_container div.right_bullet_container {
	position:relative;
	margin:0px;
	height:385px;
	display:block;	
	margin-left:0px;
}

.fall_body .middle_top #right_container div.right_bullet_container .right_bullet {	
	margin-top:5px;
	margin-left:-3px;
	width:200px;
	padding:3px 8px 2px 18px;	
	display:block;	
	background:url(../images/fall/narrow_hor.png) no-repeat 2px 7px;
	border-bottom:1px dotted #b9b9b8;
}

.fall_body .middle_top #right_container div.right_bullet_container .right_bullet a.nav_r:link {
	font-size: 13px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
}

.fall_body .middle_top #right_container div.right_bullet_container .right_bullet a.nav_r:hover {	
	font-size: 13px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#228205;
	text-decoration:none;
	/* background-color: #e3e1e2; */
}

.fall_body .middle_top #right_container div.right_bullet_container .right_bullet a.nav_r:visited {
	font-size: 13px;	
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
}

/* END OF NEW RIGHT NAVIGATION */

/* Start of U.L.M. Section */
.fall_body .ulm_container {
	position:absolute;
	width:947px;
	height:179px;	
	top:618px;
}

.fall_body .ulm_container #upcoming_events {
	margin-left:14px;
	width:332px;
	height:176px;	
	border:0px solid #D8D8D8;
	overflow-x:hidden;
	overflow-y:auto;
	float:left;
}

.fall_body .ulm_container #upcoming_events #event_box {
	width:292px;
	margin:2px;
	border-bottom:1px dotted #ececec;	
}

.fall_body .ulm_container #upcoming_events #event_box img{
	float:left;
	width:50px;
	height: auto;
	margin:2px;
	border-bottom:1px dotted #000000;	
}

.fall_body .ulm_container #upcoming_events #event_box p {
	margin-left:50px;
	margin-top:0px;
	font-weight:bold; 
	line-height:130%;
	color:#064863;
	padding: 0 0 0 2px;
}

.fall_body .ulm_container #latest_news {
	margin-left:28px;
	width:332px;
	height:176px;	
	border: 0px solid #D8D8D8;
	overflow-x:hidden;
	overflow-y:auto;
	float:left;	
}

.fall_body .ulm_container #latest_news ul, .ulm_container #upcoming_events ul {
	padding:0px;
	margin:0px;
	margin-top:4px;
	line-height:130%;	
}

.fall_body .ulm_container #latest_news ul li, .ulm_container #upcoming_events ul li{
	color:#000000;
	background-image:url(../images/fall/narrow.png);
	background-repeat:no-repeat;
	background-position:0px 4px; 
	padding-left:14px;
	margin-bottom:5px;
}
.fall_body .ulm_container #latest_news ul li {
	border-bottom:1px dotted #eef2f6; 
	width:290px;
}	

.fall_body .ulm_container #latest_news ul li a, .ulm_container #upcoming_events ul li a {
	text-decoration:none;
	color:#021a47;
}

.fall_body .ulm_container #latest_news ul li a:hover,  .ulm_container #upcoming_events ul li a:hover {
	color:#1a9e04;
}	

.fall_body .ulm_container #elac_media {
	margin-left:26px;
	width:203px;
	height:176px;
	border: 0px solid #D8D8D8;
	/*
	overflow-x:hidden;
	overflow-y:auto;
	*/
	float:left;
}

.fall_body .ulm_container #elac_media div.med {
	margin:2px;
	border:0px solid #D8D8D8;
	height:auto;
	width:auto;
	display:block;
	text-align:center;
  }
  
.fall_body .ulm_container #elac_media div.med img {
	margin:2px;
	width:191px;
	height:auto;
	border:1px solid #ffffff;	
  }
  
.fall_body .ulm_container #elac_media div.med a:hover img {
	border:1px solid #0000ff;
  }
  
.fall_body .ulm_container #elac_media div.desc {
	text-align:center;
	font-weight:bold;
	width:120px;
	margin:2px;
  }

/* END OF U.L.M. Section */

/* Start of Footer Section */
.fall_body .elac_footer {
	width:947px;
	height:20px;
	position:absolute;
	top:812px;
	display:inline;
}

.fall_body .elac_footer p {
	margin-top:0px;
	font-size:12px;
	color:#ffffff;
	text-align:center;
}

.fall_body .elac_footer p a {
	font-size:11px;
	color:#ffffff;
	text-align:center;
}

.fall_body .elac_footer p a:hover {
	color:#990000;
}

/* ===================== END OF SUMMER 2010 THEME ================================*/


/* ELAC MEDIA ROLLER */
div.sc_menu_wrapper
{
	position: relative;
	height: 178px;  /* Make bigger than a photo, because we need a place for a scroll-bar. */
	width: 203px;
	margin-top: 2px;
	overflow-x:hidden;
	overflow-y:auto;	
}
div.sc_menu
{
	padding: 5px;
}

.sc_menu a {
	display: block;
	margin-bottom: 5px;
	width: 191px;
	border: 0px rgb(79, 79, 79) solid;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	/* When image support is turned off */
	color: #000;
	background: transparent /* rgb(79, 79, 79) */;
	text-decoration: none;
	font-weight:bold;
}

.sc_menu a:hover {
	border-color: rgb(130, 130, 130);
	border-style: dotted;
}
.sc_menu img {
	width: 191px;
	height: auto;
	display: block;
	border: none;
}

/*Loading message*/
.sc_menu_wrapper .loading {
	position: absolute;
	top: 10px;
	left: 4px;
	margin: 0 auto;
	padding: 0px;
	width: 200px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	text-align: center;
	color: #000
	border: 1px solid rgb(79, 79, 79);
	background: transparent;
}

/* Styling tooltip */
.sc_menu_tooltip {
	display: block;
	position: absolute;
	margin-left:10px;
	padding: 10px;
	font-size: 12px;
	color: #000;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border: 1px solid rgb(79, 79, 79);
	background: transparent; /*rgb(0, 0, 0);*/
	/* Make background a bit transparent for browsers that support rgba */
	background: #c4d6df; /*rgba(0, 0, 0, 0.5);*/
}
/* END OF ELAC MEDIA ROLLER */