/*************************************************************************
    SUNY Downstate Medical Center
	Custom Stylesheet
	v2.6
	by Brett Laurance
	Last updated December 7, 2007 (Aaron Cormier)
	
	This is the secondary stylesheet for the SUNY Downstate web site. 
	It may be used to customize the color scheme of your web site.
 *************************************************************************/
 
html, body, div, p, ul, ol, dl, li, h1, h2, h3, h4, h5, h6, input {
	font-family: Helvetica, Verdana, Arial, sans-serif;
}
 
/*************************************************************************
    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;                	/* sets the navigation bar text mouseover color */
}

#site-home-button li a {
	background-color: #093186;   	/* sets the site home button color */
	color: #FFF;                	/* sets the site home button text color */
	/*background: #EC4C06 url(../images/IMAGE_NAME.gif) no-repeat left center;*/	/* sets the site home button IMAGE BACKGROUND */
}

/* sets the site home button IMAGE BACKGROUND ROLL-OVER
#site-home-button li a:hover {
	color: white;
	background: #EC4C06 url(../images/IMAGE_NAME_over.gif) no-repeat left center;	
}*/

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

#section2 li a {
	background-color: #4582C9;   	/* sets the button color for section 2 */
	color: #FFF;                	/* sets the text color for section 2 */
}

#section3 li a {
	background-color: #6CA4EA;   	/* sets the button color for section 3 */
	color: #FFF;                	/* sets the text color for section 3 */
}

#section4 li a {
	background-color: #A3CCFC;		/* sets the button color for section 4 */
	color: #white;					/* sets the text color for section 4 */
	padding: 4px 4px 4px 15px;
}

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

#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;
}


/*************************************************************************
    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: 2px 0 2px 6px;
}

/* REMOVE THE FOLLOWING COMMENTS to set the background color for heading 2 with a BLEND */
/*
h2 {
	background: #FFFFFF url(../images/horizontal_blue.jpg) repeat-y left top;
	color: black;
	padding: 1px 0 3px 6px;
}
*/

h3, h4 {
	padding: .5em 0 .2em 0;
	margin: 0;
	line-height: normal;
}

ul.orange_bullet {
	list-style: url(../images/bullet-orange-triangle.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: #A3CCFC url(../images/side-bar-images/sidebar_lines.jpg) repeat-x 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_box75 p img {
	margin-right: 15px;
	margin-bottom: 2px;
	float: left;
}

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

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


/*************************************************************************
    FACULTY PAGE LAYOUT
	This code sets up the layout for Faculty pages.
 *************************************************************************/
 
 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
	This code sets up the layout for tables.
 *************************************************************************/
#body table {
	border: none;
	border-right: none;
}

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

#body td {
	padding: 3px 5px;
	border-right: none;
}

#body td.total {
	background: #F3EEDF;
	font-weight: bold;
	border-top: none;
}

#body tr.yellow {
	background: #FFFCD3;
}