/*************************************************************************
    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.
 *************************************************************************/
p, ul, ol {
	color: #000000;
}


/*************************************************************************
    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 */
}
#section1 li a {
	background-color: #1F60A9;
	color: #FFF;
}
#section2 li a {
	background-color: #4582C9;
	color: #FFF;
}
#section2A li a {
	background-color: #4582C9;
	color: #FFF;
	padding: 4px 4px 4px 15px;
}
#section2A li ul a {
	background-color: #4582C9;
	color: #FFF;
}
#section2B li a {
	background-color: #4582C9;
	color: #FFF;
	padding: 4px 4px 4px 15px;
}
#section2B li ul a {
	background-color: #4582C9;
	color: #FFF;
}
#section3 li a {
	background-color: #1F60A9;
	color: #FFF;
}
#section_mph li a {
	background-color: #ABCFEA;
	color: #000;
	padding: 4px 4px 4px 15px;
}
#section_mph li ul a {
	background-color: #ABCFEA;
	color: #000;
}
#section_dph li a {
	background-color: #ABCFEA;
	color: #000;
	padding: 4px 4px 4px 15px;
}
#section_dph li ul a {
	background-color: #ABCFEA;
	color: #000;
}
#section_dmph li a {
	background-color: #ABCFEA;
	color: #000;
	padding: 4px 4px 4px 15px;
}
#section_dmph li ul a {
	background-color: #ABCFEA;
	color: #000;
}
#navigation ul li:hover > ul {
	width:205px;
	border-left: 2px solid #202000;	/* sets the left-side line color for drop-down menu */
}
#navigation li a {
	border-bottom: 1px #093186 solid;
}
#section_mph li a, #section_dph li a, #section_dmph li a {
	border-bottom: 1px #8EB0C7 solid;
}
#section1 li a, #section2 li a, #section2A li a, #section2B li a, #section3 li a {
	padding-left: 8px;
}


/*************************************************************************
    HEADING AND MENU STYLES
	This code allows the customization of the built-in headers.
 *************************************************************************/
#breadcrumb strong { color: #333; }
h2 {
	background-color: #E3E3CF;	/* sets the background color for heading 2 */
	color: black;					/* sets the text color for heading 2 */
	padding: 4px 0 3px 6px;
}
h3, h4, h5 {
	line-height: 1.28em;
	margin: 0;
	padding: 3px 0;
}
.news_subhead {
	background-color: #DBECDD;
	color: #00A011;
	border-bottom: 1px #00890E solid;
}
a:link {
	text-decoration: none;
	color: blue;
}
a:visited {
	text-decoration: none;
	color: blue;
}
a:hover, a:active {
	text-decoration: underline;
	color: red;
}


/*************************************************************************
    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.
 *************************************************************************/
 p {
	margin: 0;
	padding: 0 0 10px 0;
	line-height: 20px;
}
.text_box65 {
	width: 65%;
	margin: 0 0 0 25px;
}
.text_box75 {
	width: 75%;
	margin: 0 0 0 25px;
}
.text_box90 {
	width: 90%;
	margin: 0 0 0 25px;
}
.text_box100 {
	width: 100%;
	margin: 0;
	padding: 0;
}
.text_box65 p, .text_box75 p, .text_box90 p {
	line-height: 20px;
}
.photo_box_200 {
	width: 200px;
	float: left;
	margin: 0;
	padding: 0 20px 0 0;
}
.photo_box_200 p {
	font-size: .9em;
	line-height: normal;
	margin: 0;
	padding: 3px 0 12px 0;
}
.photo_box_120 {
	width: 120px;
	float: left;
	margin: 0;
	padding: 5px 20px 0 0;
}
.photo_box_120 p {
	font-size: 1em;
	line-height: normal;
	margin: 0;
	padding: 3px 0 12px 0;
}
.photo_box_120 a {
	font-size: 1em;
	font-weight: bold;
	line-height: normal;
	margin: 0;
	padding: 3px 0 12px 0;
}
#body {				/* adds some space and a horizpntal line at the bottom of the BODY section */
	padding-bottom: 25px;
	border-bottom: 1px #A0D1F8 solid;
}
ul.bullet_orange {
	list-style: url(../images/bullet-orange-triangle.gif);
}
ul.bullet_blue {
	list-style: url(../images/bullet-blue.gif);
}
ul.bullet_gray {
	list-style: url(../images/bullet-gray.gif);
}
.faculty_list {
	width: 230px;
	float: left;
	margin: 0;
	padding: 0;
}
ul.faculty_list, ul.faculty_list_nofloat {
	list-style: url(../images/bullet-gray.gif);
	font-size: 115%;
	margin: 0;
	padding: 0 0 0 25px;
}
ul.faculty_list a, ul.faculty_list_nofloat a {
	color: #000000;
}
ul.faculty_list a:hover {
	color: #FF3300;
}
.blue_text {
	color: #0066CC;
}
.red_text {
	color: #CC0000;
	line-height: 150%;
}
.green_text {
	color: #390;
}
#main .photo_caption {
	font-size:.9em;
	line-height:normal; 
	margin:0; 
	padding:.5em 0 0;
}
.course_title {
	font-size: 1.2em;
	font-weight: bold;
	font-style: normal;
	color: #000000;
	margin-bottom: 4px;
}
.tract_title {
	color: #3366FF;
}
.prerequisite {
	color: #EA5649;
	font-weight: bold;
	font-style: italic;
}
.no_space_top {
	margin-top: 0;
	padding-top: 0;
}
.wrapper_center {
	width: 340px;
	margin: 0 20px 0 0;
	text-align: left;
	float: left;
}
.wrapper_center ul {
	font-size: 120%;
	margin-left: 1.2em;
	line-height: normal;
}
.wrapper_center ul li {
	padding-bottom: .4em;
}


/*************************************************************************
    FACULTY PAGE LAYOUT
	This code sets up the layout for Faculty pages.
 *************************************************************************/

#bio_wrapper {
	margin: 5px;
	background-color: #FFF;
}
#bio_wrapper p {
	padding: 0;
	margin: 0;
}
#bio_photo {
	float: left;
	width: 120px;
	background-color: #FFF;
}
#bio_info {
	margin: 0 50px 0 121px;
	padding-top: 8px;
	background-color: #F3F3F3 /*#D9DCDF*/;
}
#bio_info h4 {
	font-size: 16px;
	color: #03C;
	background-color: #F3F3F3 /*#D9DCDF*/;
	padding: 0 0 0 15px;
}
#bio_info p {
	font-size: 13px;
	line-height: 16px;
	padding: 0 0 0 15px;
	margin: 0;
}
#bio_info a {
	color: #36F;
	background-color: #F3F3F3 /*#D9DCDF*/;
}
p a.red_link {
	color: #CC0000;
	background-color:#FFF;
}
#bio_title {
	clear: both;
	background-color: #EDEDED;
	border-top: 1px #F60 solid;
}
#bio_title p {
	margin: 0 0 0 15px;
	padding: 5px 0;
	line-height: normal;
	font-size: 14px;
	font-weight: bold;
	color: #004681;
}
#bio_text {
	background-color: #F9F9F9;
	padding: 10px 0 0 0;
}
#bio_text h4 {
	font-size: 14px;
	padding: 15px 0 0 15px;
	line-height: 16px;
	color: #5E8180;
	background-color: #F9F9F9;
}
#bio_text h5 {
	font-size: 13px;
	font-weight: bold;
	color: #488BA4;
	background-color: #F9F9F9;
	padding: .6em 0 3px 15px;
	margin: 0;
}
#bio_text p {
	font-size: 12px;
	padding: 2px 15px 4px 15px;
	line-height: 16px;
	color: #000000;
}
#bio_text img {
	margin: 0;
	padding: 10px 0 0 15px;
}
#bio_text a {
	color: #36F;
	background-color: #F9F9F9;
}
#bio_text .bio_text_img_left {
	float: left;
	margin: 10px 15px 15px 0;
}
#bio_text .bio_text_img_right {
	float: right;
	margin: 10px 15px 15px;
}


/*************************************************************************
    TABLE LAYOUT
	This code sets up the layout for tables.
 *************************************************************************/
#body table {
	border: none;
}
#body th {
	font-size: 1.12em;
	background-color: #E3E3CF;
	padding: 2px 0;
	font-weight: bold;
	border-right: none;
	border-bottom: none;
}
#body td {
	padding: 3px 10px;
}
#body td.table-data-lines {
	border-right: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
}
#body td.sub-header-table {
	text-align: center;
	background-color: #EEEEDA;
	font-weight: bold;
	border-right: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
}
#body td.total {
	background: #F3EEDF;
	font-weight: bold;
	border-top: 0px #BDCDA2 solid;
}
#body tr.yellow {
	background: #FFFCD3;
}
/* LAYOUT */
.box_left, .box_middle {
	width: 30%;
	padding: 0 1em 0 0;
	margin: 0 1em 0 0;
	border-right: 1px #CCC solid;
	float: left;
}
.box_right {
	width: 30%;
	float: left;
}
.box_left p, .box_middle p, .box_right p {
	line-height: 1.75em;
	padding: 0 0 1.2em 0;
	margin: 0;
}
.box_left h2, .box_middle h2, .box_right h2 {
	margin: 0 0 .6em 0;
	padding: 3px 0 3px 6px;
	text-align: center;
}
.box_left h2, .box_right h2 {
	background-color: #DBE7EB;
	color: #1F60A9;
	border-bottom: 1px #6195E8 solid;
}
.box_middle h2 {
	background-color: #FDF7CB;
	color: #F67400;
	border-bottom: 1px #FC0 solid;
}
.box_left ul, .box_middle ul, .box_right ul {
	margin-left: 2em;
}
.box_wrapper {
	padding: 0 .3em 0 1em;/*min-height: 450px;*/
}
.box_wrapper ul {
	padding-bottom:.6em;
	font-size:1.2em;
	line-height: 1.3em;
}
#body .news_box {
	margin:0 0 2.5em 0;
	padding:1em 1.3em;
	border:1px #CCC solid;
	background-color:#F2F2F2;
	float:left;
 width: 100%:
}
#body .news_box h4 {
	color: #CC0000;
	background:transparent;
	padding-right:1em;
	border-right:1px #CCC solid;
}
#body .news_box h5 {
	background:transparent;
	font-weight: bold;
}
#body .news_box p {
	line-height:normal;
	margin:0;
	padding:0;
}