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

/***************************************************************
    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 */
}
div#navigation ul ul {
	z-index:1;
}
/***************************************************************
    HEADING STYLES
	This code allows the customization of the built-in headers.
 ***************************************************************/

h2 {
	background-color: #7DA76A;
	color: white;
	padding: 3px 0 3px 5px;
	margin: 1em 0 .5em 0;
}
h3, h4 {
	line-height: 1.5em;
	padding: .5em 0 0 0;
	margin: 0;
}
.text_blue {
	color: #06F;
}
p {
	padding: .3em 0 .5em 0;
	margin: 0;
	color: #000;
}
ul, ol {
	color: #000;
}
h3.orange_text {
	color: #FF6633;
	border-bottom: 1px #FF0000 dotted;
}
h3.contact_info {
	line-height: 125%;
	font-weight: normal;
}
.text125 {
	font-size: 125%;
}
/***************************************************************
    CUSTOM STYLES
	This code allows the implementation of css unique to the 
	individual site.
 ***************************************************************/

#text_box1 {
	width: 65%;
	margin: 10px 0 0 25px;
}
#text_box1 p {
	line-height: 25px;
}
#text_box2 {
	width: 90%;
	margin: 10px 0 0 25px;
}
#text_box2 p img {
	margin-right: 15px;
	margin-bottom: 2px;
	float: left;
}
.text_box75 {
	width: 75%;
	margin: 10px 0 0 25px;
}
.text_box75 img {
	margin-right: 15px;
	float: left;
}
#body {		/* adds some space and a horizpntal line at the bottom of the BODY section */
	padding-bottom: 25px;
	border-bottom: 1px #FF9900 solid;
}
.photobox_250_right {
	width: 250px;
	margin: 0 0 0 20px;
	padding: 6px 10px 10px 10px;
	border: 1px #84A877 solid;
	background-color: #E9E9D6;
	float: right;
}
.photobox_250_right h3 {
	font-size: 1.3em;
	color: #276EB4;
	background-color: #E9E9D6;
	margin: 0;
	padding: 0 0 5px 0;
	line-height: normal;
}
.photobox_250_right p {
	font-size: .9em;
	color: #666666;
	margin: 0;
	padding: 4px 0 0 0;
	line-height: normal;
}
#gallery_flash {
	margin: 0;
	padding: 30px 0 0;
}
.warning {
	color: #FF3300;
}
.blue_text {
	color:#276EB4;
}
#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;
	vertical-align: top;
}
.yellow {
	background-color: #FFFFCC;
	font-size: 85%;
}
.gray {
	background-color: #EDEDED;
	font-size: 85%;
}
.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;
}

