/****************************************************************
    SUNY Downstate Medical Center
	Custom Stylesheet
	v2.6
	by Brett Laurance
	Last updated October 25, 2006
	
	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: Verdana, Helvetica, Arial, sans-serif;
}

/***************************************************************
    NAVIGATION BAR STYLES
	This code controls the color scheme of the navigation bar.
 ***************************************************************/

#navigation li a:hover {
	background-color: #CBDAF6;
	color: #0000EF;
}

#site-home-button li {
	background-color: #DE2D2D;
	color: #FFF;
	border-bottom: 1px #FF66CC solid;
	padding: 1px 0 1px 4px;
	font-weight: bold;
}

#section1 li a {
	background-color: #2C2CD7;   /* sets the button colour for section 1 */
	color: #FFF;                /* sets the text colour for section 1 */
	border-bottom: 1px #00007B solid;
}

#section2 li a {
	background-color: #4B4BFF;   /* sets the button colour for section 2 */
	color: #FFF;                /* sets the text colour for section 2 */
	border-bottom: 1px #222CB5 solid;
}

#section3 li a {
	background-color: #7575ff;   /* sets the button colour for section 3 */
	color: #FFF;                /* sets the text colour for section 3 */
	border-bottom: 1px #222CB5 solid;
}

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

h2 {
	background: #FFF url(../images/blend_gray.jpg) repeat-y top left;   /* sets the background colour for heading 2 */
	color: #3300CC;                										/* sets the text colour for heading 2 */
	padding-left: 5px;
	padding-bottom: 4px;
	border-bottom: 1px #FF0000 solid;
	border-left: 1px #FF0000 solid;
	clear: both;
}

h3.orange_text {
	color: #FF6633;
	border-bottom: 1px #FF0000 dotted;
}

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

#text_box1 {
	width: 75%;
	margin: 10px 0 0 25px;
}

#text_box1 p {
	line-height: 1.7em;
}

#text_box1 p img {
	float: left;
}

#text_box2 {
	width: 90%;
}

#text_box2 p {
	margin-left: 20px;
	line-height: 1.7em;
}

#text_box3 {
	width: 90%;
	margin-left: 20px;
}

#text_box3 p {
	margin-left: 15px;
}

#text_box3 h3 {
	margin: 10px 0 0;
	color: #0099FF;
	font-weight: normal;
}

.text_box75 {
	width: 75%;
	margin: 10px 0 0 25px;
}

.box_3 {
	margin: 0 150px;
	padding: 20px;
	border: 1px #FF3300 solid;
	background-color: #EAF2EC;
}

.box_3_center {
	text-align: center;
	background-color: #EAF2EC;
}
	
#body {							/* adds some space and a horizpntal line at the bottom of the BODY section */
	padding-bottom: 25px;
	border-bottom: 1px #FF0000 solid;
}

#side-bar { 
	border-right: 1px #0000FF solid;
	background: url(../images/bg_sidebar.gif) no-repeat left top;
}

.clear_me {
	clear: both;
}

#fat_bottom {
	margin-bottom: 400px;
}

#fat_bottom_short {
	margin-bottom: 200px;
}

.larger_font {
	font-size: 115%;
}

/* TABLE LAYOUT */

#body table {
	border-top: 1px #999999 solid;
	border-left: 1px #999999 solid;
	margin: 5px;
}

#body th {
	background-color: #A6D9F0;
	border-bottom: 1px #4EAAD2 solid;
	font-weight: bold;
	font-size: 110%;
	text-align: center;
	color: #000;
}

#body th.policy_title {
	font-size: 140%;
}

#body th.policy_subtitle {
	background-color: #66CCFF;
	font-size: 120%;
}

#body td {
	padding: 3px 5px;
	border-right: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
}
	
#body tr.yellow {
	background-color: #FFFFCC;
}

td.center_text_td {
	text-align: center;
	border-right: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
}

/* Styles for ORGANIZATION CHART INCLUDE */

#outer_wrap {
	position: relative;
	height: 400px;
	width: 800px;
}

#wrap {
	position: relative;
	height:400px;
	width:800px;
}

a.org_link:hover {
	color: #FF0000;
	text-decoration: none;
}

a.org_link {
	color: black;
	text-decoration: none;
	display: block;
	padding: 4px 8px;
}

.org_chart_border:hover { background: #E4E2B4; }
.org_chart_border2:hover { background: #EED29C; }

.org_chart_border { 
	background: #f0f4d5; border: solid 1px #B5CF32; 
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

.org_chart_border2 { 
	background: #ffe9c4; border: solid 1px #FFC14B; font-weight: bold; 
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}