/**************** Misc classes and styles ****************/



.splitcontentleft{float:left; width:48%;}

.splitcontentright{float:right; width:48%;}

.clear{clear:both;}
#contactblock h2{font-size: 20pt;}
#contactblock .small {font-size: 9.5pt;}
.small{font-size: 0.8em;}


.hide{display:none;}

.textcenter{text-align:center;}

.textright{text-align:right;}

.important{color:#f02025; background-color:inherit; font-weight:bold;}



.box{

margin:0 0 20px 0;

padding:10px;

border:1px solid #c0c0c0;

background-color:#fafbfc;

color:#505050;

line-height:1.5em;

}
.box_contact{
	margin: 0 0 20px 0;
	padding: 10px;
	border: 1px;
	line-height: 1.5em;
}

.box_eventdetails{

margin:0 0 0 0;

padding:10px 5px 5px 10px;

border:1px solid #c0c0c0;

background-color:#fafbfc;

color:#505050;

line-height:1.2em;

}
.box_eventdetails h1{
margin:0 0 -20px 0;
padding:0 0 5px 0;;
}

alertbox. {
	
margin: 20px 0;

padding:10px;

border:5px solid #c30e0c;

background-color:#fff;

color: #000;

line-height:1.5em;
	
}

#content div.newBaseline div.alertbox.newBaseline img{
	border-style: none;
	border-width: 0;
}

#content div.newBaseline div.alertbox.newBaseline {
margin: 20px 0;

padding:10px;

border: 5px solid #c30e0c;

background-color: #fff;

color: #000;

line-height:1.5em;
}
/**************** News & Events classes and styles ****************/

#recentNewsList {
	margin:0 0 0 15px;

	padding:0 0 0 5px;

	border-left: 4px solid #ffd39f;

	font-size: 90%;
	
}
#recentNewsListLP {
	margin:0 0 0 15px;

	padding:0 0 0 5px;

	border-left: 4px solid #ffd39f;

	font-size: 90%;
	line-height: 1em;
}






#recentNews h1,#upcomingEvents h1 {

	font-size: 125%;

	font-variant: small-caps;

}



.recentNewsDate {

	float:left;

	margin:0 5px 0 0;

}

	

.recentNewsTitle {

}

.recentNewsFooter {

	margin:5px 0 20px 15px;

	padding:0 0 0 5px;

	font-variant: normal;

	font-size: 70%;

	font-weight: bold;

}

.recentNewsFooter a{

	font-size: 100%;

	font-weight: bold;

	text-decoration: none;



}



#wrap .recentNewsTitle a {

	color:#900;

}

#wrap .recentNewsTitle a:hover {

	color:#fff;

}

#upcomingEventsList{

	margin:0 0 0 15px;

	padding:0 0 0 5px;

	border-left: 4px solid #cdf8f4;

		font-size: 85%;

	border-bottom-color: #cdf8f4;

}

.upcomingEventDate{

	float:left;

	margin:0 5px 0 0;

}


/*** Added by ktckd*****/
/******* Start *********/


.upcomingEventTitle{
	
	padding:0 0 0 55px;
}




/******* End *********/

#wrap .upcomingEventTitle a {

	color:#900;

}

#wrap .upcomingEventTitle a:hover {

	color:#fff;

}

.recentNewsFooter{

	margin:5px 0 0 15px;

	padding:0 0 0 5px;	

}



#featuredDate {

}

#featuredHeadline {

	font-size:2em;

}

/**************** Menu ****************/

#container ul li{

  margin:0 0 0 10px; /* A left margin to indent the list items and give the menu a sense of structure. */

  padding:0; /* Removes browser default padding applied to the list items. */

  list-style-type:none; /* Removes the bullet point that usually goes next to each item in a list. */

  float:left;

  width:12px;

  height:1em;

  background-position:0 50%;

  background-repeat:no-repeat;

}



/**************** Collapsible Tree ****************/

.treeview ul{ /*CSS for Simple Tree Menu*/

margin: 0;

padding: 0;

}



.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/

background: url(images/list.gif) no-repeat left center;

list-style-type: none;

padding-left: 22px;

/* margin-bottom: 3px; */

}



.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */

background: url(images/closed.gif) no-repeat left 1px;

cursor: hand !important;

cursor: pointer !important;

}





.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */

display: none; /*Hide them by default. Don't delete. */

}



.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */

cursor: default;

}



/**************** Portal Boxes ****************/
#CS_Element_Textblock {
	font-family: verdana,arial,helvetica,sans-serif; 
	color: #c5e7e6;
	font-weight: 700; 
	text-align: left;
}



/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;}.qmmc {position:relative;}.qmmc a {float:left;display:block;white-space:nowrap;}.qmmc div a {float:none;}.qmmc div {visibility:hidden;position:absolute;}


	/*
	General rules
	*/

	#dhtmlgoodies_slidedown_menu li{
		list-style-type:none;
		position:relative;
	}
	#dhtmlgoodies_slidedown_menu ul{
		margin:0px;
		padding:0px;
		position:relative;

	}

	#dhtmlgoodies_slidedown_menu div{
		margin:0px;
		padding:0px;
	}
	/* 	Layout CSS */
	#dhtmlgoodies_slidedown_menu{		
		width:205px;	
	}

	/* All A tags - i.e menu items. */
	#dhtmlgoodies_slidedown_menu a{
		color: #000;
		text-decoration:none;	
		display:block;
		clear:both;
		width:170px;	
		padding-left:2px;	

	}
	
	/*
	A tags 
	*/
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
		margin-top:1px;
		border-bottom:1px solid #382d2c;
font-size: 1.2em;

	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
		margin-top:1px;
font-weight:bold;
font-size: 1.2em;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{	/* Sub menu items */
		margin-top:1px;
		font-style:italic;
font-size: 1.5em;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{	/* Sub menu items */
		margin-top:1px;
		color:gray;
font-size: 1.2em;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth5{	/* Sub menu items */
		margin-top:1px;
font-size: 1.2em;
	}

	/* UL tags, i.e group of menu utems. 
	It's important to add style to the UL if you're specifying margins. If not, assign the style directly
	to the parent DIV, i.e. 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1
	
	instead of 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
	*/
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
		margin-left:5px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
		margin-left:10px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
		margin-left:15px;
		padding:1px;
	}



/***********Faculty Tab Styles*************/

@media projection, screen { .ui-tabs-hide { display:none; } }
@media print { .ui-tabs-nav { display: none; } }


.ui-tabs-nav {
   background:#f4f8fb;
   color:#111;
   padding:15px 20px;
   width:96%;
   border:1px solid #222;
   margin:8px auto;
}


.ui-tabs-nav div.alt1 { border:none;}

.ui-tabs-nav div.alt {

  padding:10px 10px 8px 10px;
  clear:left;
  background:snow;
  font:10pt Georgia;
  border:1px solid;
}

.ui-tabs-nav div.alt a { color:#000; font-weight:bold; }


.ui-tabs-nav li.alt 
 {
  list-style:none;
  float:left;
 }
 
 

.ui-tabs-nav ul.alt a 
 {
  display:block;
  padding:6px 10px;
  text-decoration:none!important;
  margin:1px;
  margin-left:0;
  font:10px Verdana;
  color:#FFF;
  background:#5EB2AA;
 }

.ui-tabs-nav ul.alt a:hover 
 {
  color:#FFF;
  background:#111;
 }

.ui-tabs-nav ul.alt a.selected 
 {
  margin-bottom:0;
  color:#000;
  background:snow;
  border-bottom:1px solid snow;
  cursor:default;
 }



/************End****************/
