/*************************************************************************
    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; 
	color: #FFF; 
}
#site-home-button li a {
	background-color: #FF9900; 
	color: #000;
}
#section1 li a {
	background-color: #FFC900;
	color: #000;
}
#section2 li a {
	background-color: #F9E17E;
	color: #000;
}
#section3 li a {
	background-color: #FFFFC9;
	color: #000;
}
#navigation ul li:hover > ul {
	border-left: 2px solid #FF6600;
}
#navigation li a {
	border-bottom: 1px #FFFF33 solid;
}
/*************************************************************************
    HEADING AND MENU STYLES
	This code allows the customization of the built-in headers.
 *************************************************************************/
h2 {
	background-color: #E3E3CF;
	color: #000;
	padding: 2px 0 2px 6px;
	border-left: 4px #BCBCAB solid;
}
h3 {
	padding: .5em 0 .3em 0;
	margin: 0;
	color: #06F;
}
p {
	padding: 0 0 .5em 0;
	margin: 0;
	line-height: 1.5em;
}
p, ol, ul {
	color: #000;
}
/*************************************************************************
    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: #EAEAEA 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:#181818;
}
.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;
}
#body {  /* adds some space and a horizpntal line at the bottom of the BODY section */
	padding-bottom: 25px;
	border-bottom: 1px #A0D1F8 solid;
}
#breadcrumb strong {
	color: #333;
}
.text_box250 {
	width: 250px;
	float: left;
	padding: 0;
	margin: 0 10px 0 0;
}
ul.bigger_text {
	font-size: 1.15em;
	line-height: normal;
}
ul.bigger_text li {
	padding-bottom: 10px;
}
ul.orange_bullet {
	list-style: url(../images/bullet-orange-triangle.gif);
}
ul.orange_bullet_large {
	list-style: url(../images/bullet-orange-triangle.gif);
	font-size: 1.3em;
	margin-left: 2em;
}
.image-float-left, .image-float-right {
	padding-top: 4px;
}