/****************************************************************
    SUNY Downstate Medical Center
	Custom Stylesheet
	v2.6
	by Brett Laurance
	Last updated October 25, 2006
	
	This is the secondary stylesheet for the SUNY Downstate web
	site. 
	
	It may be used to customize the color scheme of your web site.
			
*/

/***************************************************************
    NAVIGATION BAR STYLES
	This code controls the color scheme of the navigation bar.
 ***************************************************************/

#navigation li a:hover {
	background-color: #FF6600;   /* sets the navigation bar mouseover colour */
	color: white;                /* sets the navigation bar text mouseover colour */
}

#site-home-button li a {
	background-color: #FF9900;   /* sets the site home button colour */
	color: black;                /* sets the site home button text colour */
}

#section1 li a {
	background-color: #FFC900;   /* sets the button colour for section 1 */
	color: black;                /* sets the text colour for section 1 */
}

#section2 li a {
	background-color: #F9E17E;   /* sets the button colour for section 2 */
	color: black;                /* sets the text colour for section 2 */
}

#section3 li a {
	background-color: #FFFFC9;   /* sets the button colour for section 3 */
	color: black;                /* sets the text colour for section 3 */
}

/* 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;
	padding-right: 2px;
	width: 220px;
}

/***************************************************************
    HEADING STYLES
	This code allows the customization of the built-in headers.
 ***************************************************************/

h2 {
	background-color: #666666;   /* sets the background colour for heading 2 */
	color: white;                /* sets the text colour for heading 2 */
}

h3.orange_text {
	color: #FF6633;
	border-bottom: 1px #FF0000 dotted;
}

h3.contact_info {
	line-height: 125%;
	font-weight: normal;
}
p, ol, ul { color: #000; }

/***************************************************************
    CUSTOM STYLES
	This code allows the implementation of css unique to the 
	individual site.
 ***************************************************************/

#text_box1 {					/* Use this ID on a <div> that you want to be a certain width */
	width: 65%;
	margin: 10px 0 0 25px;
}

.text_indent {					/* Use this class on a <div> for indenting text */
	margin: 10px 0 0 25px;
}

#text_box1 p {					/* the paragraph style for text_box1 */
	line-height: 30px;
}

#text_box2 {					/* Use this ID on a <div> that you want to be a certain width */
	width: 90%;
}

#text_box2 p img {				/* the style for an image that is in a paragraph that is in text_box2 */
	margin-right: 15px;
	margin-bottom: 2px;
	float: left;
	}

#text_box2 p img.right_side {	/* the style for an image that is in a paragraph that is in text_box2 */
	margin-left: 15px;
	margin-bottom: 2px;
	float: right;
}
	
#body {							/* adds some space and a horizpntal line at the bottom of the BODY section */
	padding-bottom: 25px;
	border-bottom: 1px #FF9900 solid;
}

#clear_me {
	clear: both;
}

/* FACULTY PAGE LAYOUT */

div.container p {
	padding: 0;
	margin: 0;
}

div.container {
	margin: 5px;
	background-color: #FFF;
}

div.photo {
	float: left;
	width: 120px;
	background-color: #FFF;
}

div.contact {
	margin: 0 50px 0 121px;
	padding-top: 4px;
	background-color:#CCCCCC;
}

div.contact p {
	font-size: 14px;
	padding: 0 0 0 15px;
}

div.contact a {
	color: #000;
	background-color:#CCCCCC;
}

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

div.title {
	clear: both;
	background-color: #EDEDED;
}

div.title p {
	margin: 0 0 0 15px;
	padding: 5px 0;
	line-height: normal;
	font-size: 14px;
	font-weight: bold;
	color: #FF6600;	
}

div.text {
	background-color: #F9F9F9;
}

div.text p{
	padding: 5px 15px;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
}

/* TABLE LAYOUT */

#body th {
	background-color: #BCCFCA;
	padding: 2px 0;
	font-weight: bold;
}

#body td {
	padding: 3px 5px;
}
	
#body tr.yellow {
	background-color: #FFFFCC;
}

.cntr {
	text-align: center;
	border-left: 1px #8BC0B2 solid;
}

.td-total {
	background-color: #E0F3F3;
	font-weight: bold;
}

#body table.left_space {
	margin-left: 20px;
}

.grand-total {
	background: #98D5CA;
	font-weight: bold;
}