/****************************************************************
    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: #990000;   /* sets the navigation bar mouseover colour */
	color: #FFFF66;                /* sets the navigation bar text mouseover colour */
	border-top-color: #990000;
	border-right-color: #990000;
	border-bottom-color: #990000;
	border-left-color: #990000;
	border-color: #990000;
	outline-color: #990000;
}
.yellow_bkgrnd1 {
	background-image: url(../images/bkgrnd_yellow_700.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#site-home-button li a {
	background-color: #660000;   /* sets the site home button colour */
	color: #FFFFFF;                /* sets the site home button text colour */
	border-top-color: #990000;
	border-right-color: #990000;
	border-bottom-color: #990000;
	border-left-color: #990000;
}

#section1 li a {
	background-color: #660000;   /* sets the button colour for section 1 */
	color: #FFFFFF;                /* sets the text colour for section 1 */
	border-top-color: #990000;
	border-right-color: #990000;
	border-bottom-color: #990000;
	border-left-color: #990000;
	border-color: #990000;
	outline-color: #990000;
}

#section1 ul li a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	line-height: 1em;
	background-color: #990000;
	color: #FFF;
}

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

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

/***************************************************************
    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 */
}

#body th {						/* style for TABLE HEADER */
	background-color: #CCCCCC;
	padding: 2px 0;
	font-weight: bold;
}

#body td {						/* style for TABLE DATA */
	padding: 3px 5px;
}
	
#body tr.yellow {				/* style for TABLE ROW */
	background-color: #FFFFCC;
}

/* CUSTOM STYLES */

#text_box1 {					/* Use this ID on a <div> that you want to be a certain width */
	width: 65%;
	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;
	}
	
#body {							/* adds some space and a horizpntal line at the bottom of the BODY section */
	padding-bottom: 25px;
	border-bottom: 1px #990000 solid;
}

sup, sub { 
	font-size: 10px;
	line-height: 5px;
}

.figure_box {
	width: 800px;
}

.figure_cap {
	margin: 0 20px;
	font-style: oblique;
	clear: both;
}

.float_me_left {
	float: left;
	margin-right: 5px;
}


/* FACULTY PAGE LAYOUT */
div.container p {
	margin: 0px;
	padding: 0px;	
}
div.container {
	margin: 5px;
	background-color: #FFF;
	width: 90%;
}

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

div.contact {
	margin-left: 121px;
	padding-top: 4px;
	width: 85%;
	background-color: #000;
}

div.email {
	font-size: 14px;
	width: 80%;
	background-color: #000000;
}

div.contact p {
	font-size: 14px;
	padding: 0 0 0 5px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}

div.contact a {
	font-size: 14px;
	color: #FFF;
	background-color:#000;
}

div.title {
	clear: both;
	background-color: #FFFFFF;
	border-top: 1px #FFF solid;
}

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

div.abstract {
	margin: 0 0 0 15px;
	padding: 5px 0;
	line-height: normal;
	font-size: 14px;
	font-weight: lighter;
	color: #660000;
	font-style: italic;
}

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

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

div.text p a {
	color: #9A002A;
	background-color: #FFF;
	font-size: 13px;
}

div.text ul {
	padding: 10px 15px 0 15px;
	margin: 0 0 0 2.5em;
	font-size: 13px;
	line-height:normal;
	color: #000000;
}

div.text ul li {
	padding: 0 0 .6em 0;
}

div.text img { padding: 15px 0 0 15px; }

.summary {
	padding: 4px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #792225;
}

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


#side-bar-content-box, #side-bar {
	background-color: #660000;
	border-top-color: #990000;
	border-right-color: #990000;
	border-bottom-color: #990000;
	border-left-color: #990000;
	border-color: #990000;
	outline-color: #990000;
	color: #FFFFFF;
}

.bluetext {
	color: #FFFFFF;
	background-color: #660000;
	text-indent: 1em;
	line-height: 1em;
	margin-left: 0px;
	padding-left: 0px;
	text-transform: uppercase;
}

.orangetext {
	color: #CC3300;
}

.bodytight {
	font-family: "Gill Sans", Arial, Verdana, Helvetica, sans-serif;
	line-height: normal;
	white-space: normal;
	text-indent: 0em;
}
.yellow_bkgrnd {
	background-image: url(../images/bkgrnd_yellow_360.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.up_rule {
	background-color: #660000;   /* sets the background colour for heading 2 */
	color: #660000;                /* sets the text colour for heading 2 */
	text-indent: 1em;
	line-height: .1em;
}

.blue_rule {
	color: #FFFFFF;
	background-color: #CC9999;
	text-indent: 1em;
	line-height: 0.1em;
	margin-left: 0px;
	padding-left: 0px;
}

a { font-size: 12px; }

.style1 { color: #FFFF66 }

.style2 { color: #990000 }