/****************************************************************
    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 {
	color: white;                /* sets the site home button text colour */
	background: #EC4C06 url(../images/neuron.gif) no-repeat left center;
}

#site-home-button li a:hover {
	color: white;                /* sets the site home button text colour */
	background: #EC4C06 url(../images/neuron_over.gif) no-repeat left center;
}

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

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

#site-title {
	color: #C04D00;              /* sets the colour for the site title */
}

h2 {
	background-color: #FFE096;   /* sets the background colour for heading 2 */
	border-bottom: 1px #FF6600 solid;
	color: #181818;
	padding-left: 6px;
}

h3, h4, h5 {
	line-height: 1.3em;
}

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

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

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

.text_box65 p {					/* the paragraph style for text_box1 */
	line-height: 22px;
}

.text_box65 h3 {
	margin: 0;
	line-height: 22px;
}

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

.text_box90 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;
}

.input_style {
	padding: 0;
	margin: 0 1em 0 2em;
}

#address_box p {
	margin: 0;
	padding: .3em 0;
}

#address_box input {
	margin: 0 0 0 .6em;
	padding: 0;
}

.font_green {
	color: #090;
}