/*************************************************************************
    SUNY Downstate Medical Center
	Custom Stylesheet
	
	This is the secondary stylesheet for the SUNY Downstate web site. 
	It may be used to customize the color scheme of your web site.
 *************************************************************************/


/* 
ALEX - IF YOU WANT TO CHANGE THE FONT STYLE FOR THE SURGERY SITE, UN-COMMENT THIS CSS RULE:
*/
html, body, div, p, ul, ol, dl, li, h1, h2, h3, h4, h5, h6, input {
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

p {
	color: #000;
	text-align: left;
} 
/*************************************************************************
    NAVIGATION BAR STYLES
	This code controls the color scheme of the navigation bar.
 *************************************************************************/

/*
#navigation li a:hover {
	background-color: #A9DEFF;   	 sets the navigation bar mouseover color 
	color: #000; 
}
*/
#navigation li a:hover {
/*font-family:Verdana, Arial, sans-serif;*/
/*font-size:11px;*/
	background-color: #6d9bd2;   /* sets the navigation bar old:#4168b1  mouseover colour FF6600 */
	color: black;                /* sets the navigation bar text mouseover colour white*/
}

/*******************************************************************

#site-home-button li a {
	background-color: #093186;   	 sets the site home button color 
	color: #FFF;
}
************************************************************************/
#site-home-button li a {
/*font-family:Verdana, Arial, sans-serif;
font-size:11px;*/
	background-color: #99ccff;   /* sets the site home button colour FF9900; old color: #0066CC*/
	color: black;                /* sets the site home button text colour */
}


/************************************************************************************
#section1 li a {
	background-color: #1F60A9;   	sets the button color for section 1 
	color: #FFF;
}
******************************************************************************/
#section1 li a {
/*** 
 font-family:Verdana, Arial, sans-serif;
 font-size:11px;
 ****************/
	background-color: #4168b1;   /* sets the button color for section 1  */
	color: white;                /* sets the text color for section 1    */
}

/*************************************************
#section2 li a {
	background-color: #4582C9;   	sets the button color for section 2 
	color: #FFF; 
}
************************************/
#section2 li a {
/***font-family:Verdana, Arial, sans-serif;
font-size:11px; *****/
	background-color: #4168b1;   /* sets the button color for section 2 */
	color: white;                /* sets the text color for section 2 */
}




/*****************************************
#section3 li a {
	background-color: #6CA4EA;   	 sets the button color for section 3 
	color: #FFF;
}
****************************************/
#section3 li a {
/************************************
	font-family:Verdana, Arial, sans-serif;
    font-size:11px;
	******************************/
	background-color: #005b7f;   /* sets the button colour for section 3 */
	color: white;                /* sets the text colour for section 3 */
}
/*****************************done*********************************/
#section4 li a {
	background-color: #A3CCFC;		/* sets the button color for section 4 */
	color: black;
	padding: 4px 4px 4px 15px;
}

#section4 li ul a {
	background-color: #A3CCFC;		/* sets the button color for SUB-section 4 */
	color: black;
}

#navigation ul li:hover > ul {
	border-left: 2px solid #202000;	/* sets the left-side line color for drop-down menu */
}

#navigation li a {
	border-bottom: 1px #093186 solid;	/* sets the bottom border color of each button */
}

/* Controls the left padding for the drop-down menus */
#navigation #section1 li ul a, #navigation #section2 li ul a, #navigation #section3 li ul a {
	padding-left: 7px;
}

/* DIFFERENT BUTTON COLOR FOR SUB-MENU */
#navigation ul li ul a.sub_section_color {
	background-color: #FFE352;		/* sets the button color for SUB-MENU  with class sub_section_color */
	color: black;
}

#navigation ul li ul a:hover.sub_section_color {	/* gets SUB-MENU buttons to hover */
	background-color: #FF9900;
	color: #000;
	border-bottom: 1px solid #F6B490;
}

/*************************************************************************
    HEADING AND MENU STYLES
	This code allows the customization of the built-in headers.
 *************************************************************************/
 
/****************************************************************************
h2 {
	background-color: #E3E3CF;	 sets the background color for heading 2 
	color: black;					 sets the text color for heading 2 
	padding: 3px 0 3px 6px;
}

h3, h4 {
	padding-bottom: 0;
	margin-bottom: 0;
	line-height: normal;
}
*******************************************************************************/

h2 {
	background-color: #666666;   /* sets the background colour for heading 2 */
	color: white;                /* sets the text colour for heading 2 */
	padding: 3px 0 3px 6px;
}
h3, h4 {
	background-color: #C2CEE0;   /* sets the background colour for heading 3 */
	color: black;                /* sets the text colour for heading 3 */
	padding-bottom: 0;
	margin-bottom: 0;
	line-height: normal;
}



ul.bullet_blue {
	list-style: url(../images/bullet-blue.gif);
}

ul.bullet_gray {
	list-style: url(../images/bullet-gray.gif);
}

ul.bullet_orange {
	list-style: url(../images/bullet-orange.gif);
}

/*************************************************************************
    SIDE BAR STYLES
	This code controls how the images and text behave in the sidebar.
 *************************************************************************/
#side-bar-content-box, #side-bar-content-box p, #side-bar-content-box img, #side-bar-content-box a {
	background-color: transparent;
}

#side-bar {
	background-color: #EAEAEA; /*** OLD COLOR: #A3CCFC */
	background-image: url(../images/sidebar_lines.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

#side-bar-content-box, #side-bar-content-box a {
	font: 12px/13px Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	text-align: center;
	margin-top: 5px;
}

#side-bar-content-box a:hover {
	color:#0066FF;
}

.menu_cube {
	width:40px;
	float:left;
	margin-bottom: 10px;
}
.cube_text {
	width:105px;
	text-align:left;
	float:right;
}


/*************************************************************************
    CUSTOM STYLES
	This code allows the implementation of css unique to the individual site.
 *************************************************************************/
.text_box65 {
	width: 65%;
	margin: 0 0 0 25px;
}

.text_box75 {
	width: 75%;
	margin: 0 0 0 25px;
}

.text_box65 p, .text_box75 p {
	line-height: 22px;
}

#body {				/* adds some space and a horizpntal line at the bottom of the BODY section */
	padding-bottom: 25px;
	border-bottom: 1px #A0D1F8 solid;
}

.bodyText {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; 
	COLOR: #555555; LINE-HEIGHT: 17px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
#home-pic {
	vertical-align:top;
}

#home-pic1 {
	width: 175px;
	padding: 0 5px 10px 0;
}

#home-pic2 {
	width: 180px;
	padding: 0 5px 10px 5px;
}

#home-pic3 {
	width: 175px;
	padding: 0 0 10px 5px;
}

#home-newsfeed {
	vertical-align: top;
}

#home-newsfeed-col1 {
	padding: 5px 5px 0 0;
	border-top: 1px #666666 dotted;
	border-right: 1px #666666 dotted;
}

#home-newsfeed-col2 {
	 padding: 5px 5px 0 5px;
	 border-top: 1px #666666 dotted;
	 border-right: 1px #666666 dotted;
}

#home-newsfeed-col3 {
	padding: 5px 0 0 5px;
	border-top: 1px #666666 dotted;
}

#home-newsfeed .header {
	font-weight: bold;
	font-size: 18px;
	padding: 0 0 9px 0;
}

#home-newsfeed ul {
	list-style-image:url(../images/bullet-orange-triangle.gif);
	list-style-position: outside;
	margin: 0px 9px;
	padding: 0px 9px;
}

#home-newsfeed li {
	font-size: 12px;
	color: #666666;
	padding: 8px 0;
}

#home-newsfeed li a {
	color: #666666;
	text-decoration: none;
}

#home-newsfeed li a:hover {
	text-decoration: underline;
}

#home-newsfeed .date {
	font-size:10px;
	color: #666666;
}

.more {
	padding: 12px 0 3px 18px;
	margin: 0;
	letter-spacing: 2px;
	font-size: 10px;
}

.more a {
	color: #FF6600; 
	text-decoration: none;
}

.more a:hover {
	text-decoration: underline;
}

.news-headline {
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	padding: 12px 0 0 0;
}

.news-story {
	/*font-size: 12px;
	line-height: 16px;*/
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-WEIGHT: normal; FONT-SIZE: 11px; 
	COLOR: #555555; LINE-HEIGHT: 17px; 
	
}


.myOrangeBullet {
	color: #F30;
	font-weight: bold;
	
}
.newsletter {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	line-height: 12px;*/
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-WEIGHT: normal; FONT-SIZE: 11px; 
	COLOR: #555555; LINE-HEIGHT: 17px; 
	
}
.myheading {
    font-family:"Gill Sans MT"
	font-size:12px;
}

.lightBar {
background-color:#EEEEEE; 
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:black;
line-height:9px;
}
.greyBar  {
background-color:Gainsboro;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:black;
line-height:9px;
}
.blueHeader {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:highlight;
	font-weight:bold;
	color:white;
	vertical-align:middle;
	text-align: center;
	line-height:9px;
}
.styleBlue {
	color: #0000FF;
	font-weight: bold;
}
.patientInfoTbl {
border:5px color:#FF3366;
	border-collapse:collapse;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	white-space:nowrap;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	
}
.tblLightGray {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal; background-color:Gainsboro;
	text-decoration: none;
	line-height: 11px;
}
h3 {
 font-size: 16px;
 color: #999999;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 20px;
 margin-bottom: 10px;
 border-bottom: 1px dotted #999999;
}
h3Red {
background-color: #0033CC;   /* sets the bar color for heading 2 */
	color: white;                /* sets the text colour for heading 2 */
	font-size:16px;
	}
.PtGrid {
background-color: #4168b1;
color: White;
font-size: 7px;
}
.facultyProfile {
	/*border:5px color:#FF3366;*/
	border-collapse:collapse;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	white-space:nowrap;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	border-bottom: 1px dotted #999999;
	border-top: 1px dotted #999999;
	border-right:1px dotted #999999;
	border-left: 1px dotted #999999;
	/*padding: 4px;	*/
	/*"margin" is equivalent to cellspacing.*/
    /*"padding" is equivalent to cellpadding.*/
	
	
}
.dottedTable {
	/*border:5px color:#FF3366;*/
	border-collapse:collapse;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	white-space:nowrap;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	border-bottom: 1px dotted #999999;
	border-top: 1px dotted #999999;
	border-right:1px dotted #999999;
	border-left: 1px dotted #999999;
	/*padding: 4px;	*/
	/*"margin" is equivalent to cellspacing.*/
    /*"padding" is equivalent to cellpadding.*/	
	
}
.dottedLine {
	color: #999999;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border-top: 1px dotted #999999;
	margin-top: 0px;
}
.dottedTable2 {

	/*border:5px color:#FF3366;*/
	border-collapse:collapse;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	white-space:nowrap;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	border-bottom: 1px dotted #999999;
	border-top: 1px dotted #999999;
	border-right:1px dotted #999999;
	border-left: 1px dotted #999999;
	
}
.myHeader {
	font-family: "Gill Sans", Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	color: #000066;
	font-weight: bold;
}
.darkBlu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
	font-weight: bold;
}
.darkBluNormal {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
}
.doctorprofile {
	
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #000000;
	LINE-HEIGHT: 17px;
	text-align: left;
}


/*************************************************************************
    FACULTY PAGE LAYOUT
	This code sets up the layout for Faculty pages.
 *************************************************************************/

#bio_wrapper {
	margin: 5px;
	background-color: #FFF;
}

#bio_wrapper p {
	padding: 0;
	margin: 0;
}

#bio_photo {
	float: left;
	width: 120px;
	background-color: #FFF;
}

#bio_info {
	margin: 0 50px 0 121px;
	padding-top: 8px;
	background-color: #D9DCDF;
	color: #000;
}

#bio_info h4 {
	font-size: 16px;
	color: #004681;
	background-color:#D9DCDF;
	padding: 0 0 0 15px;
	display: inline;	
}

#bio_info p {
	font-size: 13px;
	line-height: 18px;
	padding: 0 0 0 15px;
	margin: 0;
}

#bio_info a {
	color: #06F;
	background-color:#D9DCDF;
}

p a.red_link {
	color: #CC0000;
	background-color:#FFF;
}

#bio_title {
	clear: both;
	background-color: #EDEDED;
}

#bio_title p {
	margin: 0 0 0 15px;
	padding: 5px 0;
	line-height: normal;
	font-size: 14px;
	font-weight: bold;
	color: #004681;	
}

#bio_text {
	background-color: #F9F9F9;
	padding: 10px 0 0 0;
}

#bio_text a {
	background-color: #F9F9F9;
	color: #06F;
}

#bio_text p {
	font-size: 12px;
	padding: 2px 0 4px 15px;
	line-height: 16px;
	color: #000000;
}

#bio_text h4 {
	font-size: 14px;
	padding: 0 0 0 15px;
	line-height: 16px;
	color: #5E8180;
	background-color: #F9F9F9;
}

/*************************************************************************
    TABLE LAYOUT
	This code sets up the layout for custom tables.
 *************************************************************************/
#body table {
	/*border: 1px #333333 solid;*/
	border-right: none;
	border-bottom: none;
}

#body th {
	background-color: #E3E3CF;
	padding: 2px 0;
	font-weight: bold;
	border-right: 1px #333333 solid;
	border-bottom: 1px #BDCDA2 solid;
}

#body td {
	padding: 3px 5px;
	/*border-right: 1px #333333 solid;
	border-bottom: 1px #999999 solid;*/
}

#body td.total {
	background: #F3EEDF;
	font-weight: bold;
	border-top: 1px #BDCDA2 solid;
}

#body tr.yellow {
	background: #FFFCD3;
}
.docUL {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #000066;
	font-weight: normal;
}