/* CSS Document */

/********************************************************************
 * Description: CSS for TOP_SECTION, everything under TOP_SECTION will
 *				be in the #TOP_SECTION group, top section includes logo
 *				and navbar
 *
 * Update:	7/28/2006 Huming Tang, Added head_white to set the white search header
 * Author:	Jesscia Honikman, Huming Tang
 ********************************************************************/

/*GENERAL top section css*/
#TOP_SECTION 
{
	width:770px;
	background-color: white;
}


/*Header white color*/ 
#TOP_SECTION .head_white{
	color: white;
}

/*this is for home page only, the header column is column position at 1/2 of header width*/
#TOP_SECTION .header_column{
	float:left;
	width:385px;
	height:73px;
	padding:0px;
	margin:0px;
	border-width: 0px;
	
}

/*this is the home page search style... the big purple thingy*/
/*this is the home page search style... and the problem is that align center is not working in firefox... so use
absolute padding*/
#TOP_SECTION .homepage_search{
	padding-top: 45px;
	padding-left: 113px;
}

#TOP_SECTION .search_box_hp{
	width: 160px;
}

/*use this to fix the mac safari bug*/
#TOP_SECTION .utility_link,
#TOP_SECTION .utility_link_active
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal; 
	color: purple;
	text-decoration: none;
	height:20px;
}
html>body #TOP_SECTION .utility_link
html>body #TOP_SECTION .utility_link_active{
	font-size: 10px;
}

#TOP_SECTION .utility_link_active { 
	font-weight:bold;	
}

#TOP_SECTION .utility_link:hover { 
	
	text-decoration: underline;
}

/* 
	the top navigation css, top navigation is the navigation bar directly under the logo
*/

/*here we define the style of the top most links: e-mail page and print page*/
#TOP_SECTION .top_util_links {
	background-color: #ECECEC;
	text-align: right;
	font-size: 10px;
	height:20px;
	width:770px;
}

/*this will hold the 'find a doc' and 'get a referral' buttons*/
#TOP_SECTION #header_button_container{
	float:right;
	margin-right:20px;
	margin-top:34px;
}

#TOP_SECTION .header_button{
	float:left;
	display:inline;
	padding-left:7px;
}


/* this is deprecated due to the need to use active link from the menu script
ul should contain all the font information for the top navigation*/

#TOP_SECTION ul{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	line-height: 35px;
	margin: 0px;
    padding: 0px;
	white-space: nowrap;
}
#TOP_SECTION li{ 

	color: #FFFFFF;
	list-style-type: none;
	display: inline;
	margin: 0px;
	text-align: left;

}

#TOP_SECTION li a{ 

list-style-type: none;
display: inline;
padding-left:10px;
padding-right:10px;
padding-top:11px !important;
padding-bottom:11px !important;
text-decoration: none;
text-align: center;

}

#TOP_SECTION li a:hover{ 
background-color:#E3D9EC;
text-decoration: none;
list-style-type: none;
display: inline;
}

#TOP_SECTION li a:active{ 
color: purple;
background-color:#E3D9EC;
text-decoration: none;
list-style-type: none;
display: inline;
}



/*search box radio button style*/
#TOP_SECTION .radio_box {
	border-width: 0px;
}

/*bug fix*/
/*since there is search box in layer1, we have to put the layer1 custom style here*/

/*this is used to fix the bug where firefox will not inherit color of div without defined height*/
#TOP_SECTION {
	height: 104px;
}

/*here we need to vertial align the search box*/
#Layer2 {
	text-align: center;
}

/*layout of purple bar on top with search in it*/
#TOP_SECTION #top_purple_bar{
	padding: 0px;
	margin-top: 0px;
	margin-bottom:0px;
	background-color: #865d99;
	width: 770px;
	height: 30px;
	border-bottom: 1px solid #43276F;
	display:block;
	float:left;
}

/*container for the search box - used to float this right while the "search" text is to the left*/
#TOP_SECTION #search_box_container{
	padding-right:5px;
	float:right;
	margin:0px;
	display:block;
	float:right;
}

/*this is a container for the search box and the text to the left of it*/
#TOP_SECTION #search_content{
	padding-top:7px;
	badding-bottom:0px;
	padding-right:0px;
	margin:0px;
	width:250px;
	float:right;
}


/*Search box style information*/
#TOP_SECTION .search_box{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
height: 12px;
font-size:10px;
width: 150px;
border-width: 1px;
border-style:solid;
border-color:#333333;


}

/*container for "Search" text*/
#TOP_SECTION #search_text{
	padding-top:2px;
	float:left;
	margin:0px;
	color:white;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	font-weight:bold;
	display:block;
	float:left;
	text-align:right;
	
}

/*container for the NYUMC home text on the right of the top bar*/
#TOP_SECTION #home{ 
	padding-left:10px;
	padding-top:10px;
	width: 350px;
	float:left;
	display:block;
}


/*definition of top home link style*/
#TOP_SECTION .home-link:link, .home-link:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	color:white; 
	text-decoration: none;
}

#TOP_SECTION .home-link:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	color:white; 
	text-decoration: underline;
}


 /*this is the first layer of the header component which is the left utility links*/
#Layer1 {
	
	height:20px;
	width:370px;
	float: left;
	z-index:1;
	clear: both;
}

/*setting for all components in top util section*/
#Layer1,
#search-header
{
	margin: 5px;
	margin-bottom:0px;
	padding-top: 3px;
	padding-bottom: 2px;	
}

#Layer1 *{
	vertical-align: bottom;
}

/*this is the top navigation nav bar*/
#Layer3 {
	width:770px;
	z-index:1;
	background: teal url(/HOME/images/nav_bg.jpg) top left repeat-x;
	clear:both;
	float: left;
	
}

/*this is the image layer that contains the header images*/
#Layer2 {
	
	width:770px;
	z-index:2;
	left: 0px;
	margin:0;
	padding:0;
	background-color: white;
	clear: both;
	
	
}
/*this is the firefox fix, for some reason, if no height and float specified, the layer2 div will go out of place*/
#Layer2 {
	height: 73px;
	float: left;
}

/*this is the style for search header*/
#search-header {
	/*height is required at 20px to get correct positioning*/
    height:20px;
	width:350px;
	float: right;
	z-index:1;
	font-size: 11px;
	text-align:right;
	
			
}

#search-header *{
	vertical-align: top;
}

/* 
	the utility css, utiliy is the list of links pointed to other page above the logo, 
	off means the current page is not of the link
	on means the current page is of the link
*/

.utility_link{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: normal; 
	color: purple;
	text-decoration: none;
	height:20px;
}

.utility_link:active { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: bold; 
	color: purple;
	text-decoration: none;
	height:20px;
}

.utility_link:hover { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: normal; 
	color: purple;
	text-decoration: underline;
}