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

#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: #093186;					/* 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;
	line-height: 1.25em;
}

h3 {
	line-height: 1.25em;
	padding: 0;
	margin: 0;
}


/*************************************************************************
    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: 21px;
}

.text_box75 h3.dotted_line {
	padding: 8px 0 1px 0;
	border-bottom: 1px #00CCFF dotted;
	color: #276EB4;
}

.text_box_nospace {
	width: 100%;
	margin: 0 0 0 25px;
}

.text_box_nospace h4 {
	font-style: italic;
	margin: 0;
	padding: 0;
}

.text_box_nospace p {
	margin: 0;
	padding: 0 0 0 10px;
}

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

.text_box640 {
	width: 640px;
}

.text_box640 img {
	float: left;
}

.text_box300 {
	width: 300px;
	float: left;
}

.text_box200 {
	width: 200px;
	float: left;
	text-align: center;
}

.text_box120 {
	width: 120px;
	float: left;
	text-align: center;
}

ul.bigger_text {
	font-size: 1.3em;
	line-height: normal;
}

ul.bigger_text li {
	padding-bottom: 10px;
}

.no_space_bottom {
	padding-bottom: 0;
	margin-bottom: 0;
}

ul.orange_bullet {
	list-style: url(../images/bullet-orange-triangle.gif);
}

/*************************************************************************
    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: 1px #333333 solid;
	border-right: none;
	border-bottom: none;
}

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

#body td {
	padding: 3px 5px;
	border-right: 1px #333333 solid;
	border-bottom: 1px #999999 solid;
}

#body td.total {
	background: #F3EEDF;
	font-weight: bold;
	border-top: 1px #BDCDA2 solid;
}

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