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

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

#navigation li a:hover {
	background-color: #FFC8C9;   /* sets the navigation bar mouseover colour */
	color: #000;                /* sets the navigation bar text mouseover colour */
}

#site-home-button li a {
	background-color: #FF593B;   /* sets the site home button colour */
	color: #FFEFF0;                /* sets the site home button text colour */
	border-bottom: 1px #FF913B solid;
}

#site-home-button li a:hover {
	background-color: #FF8E8C;   /* sets the site home button colour */
	color: #000;                /* sets the site home button text colour */
}

#section1 li a {
	background-color: #D25A6C;   /* sets the button colour for section 1 */
	color: #FFE5E5;                /* sets the text colour for section 1 */
	border-bottom: 1px #D27483 solid;
}

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

#section3 li a {
	background-color: #FFB8C4;   /* sets the button colour for section 3 */
	color: #8C0019;                /* sets the text colour for section 3 */
	border-bottom: 1px #FFE5E5 solid;
}

#side-bar, #side-bar-content-box {
	background-color: #F7E8EA;
}

#side-bar-content-box {
	color: #000;
}

/*#navigation ul li {
	border-bottom: 1px solid #990000;
	background-color: #990000;
}
*/
#navigation ul li:hover > ul {
	border-left: 2px #8C0019 solid ;
}

#navigation ul li ul a.subsection {
	background-color: #EB5F79;
}

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

h2 {
	background-color: #E06074;   /* sets the background colour for heading 2 */
	color: #FFF;                /* sets the text colour for heading 2 */
	border-bottom: 1px red solid;
	padding-left: 8px; 
}

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

h3.h3curriculum {
	border-bottom: 1px #FF3300 dotted;
}

h3.contact_info {
	line-height: 125%;
	font-weight: normal;
}

.fancy_1 {
	font: italic normal 24pt/normal "Times New Roman", Times, serif;
	color: #0099FF;
	text-decoration: none;
	margin: 3px 0px;
	padding: 0;
}

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

.text_box65 {
	width: 65%;
	margin: 0;
	padding: 0 0 0 20px;
}

.text_box65 h4 {
	margin: 5px 0;
}

.text_box90 {
	width: 90%;
	margin: 0;
	padding: 0 0 0 20px;
}

.text_box90 h4 {
	margin: 5px 0;
}

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

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

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

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

#text_box2 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;
}

#text_box2 p img.right_side {	/* the style for an image that is in a paragraph that is in text_box2 */
	margin-left: 15px;
	margin-bottom: 2px;
	float: right;
}

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

.photo_box {
	width: 300px;
	float: left;
	margin-right: 30px;
}

.photo_box_nofloat {
	width: 300px;
	margin-right: 30px;
}

.photo_box_tiny {
	width: 80px;
	float: left;
	margin-right: 5px;
}

.photo_box_sml {
	width: 120px;
	float: left;
	margin-right: 30px;
}

.photo_box_med {
	width: 150px;
	float: left;
	text-align: center;
	margin-right: 15px;
}

.photo_box_lrg {
	width: 450px;
}

.photo_box_200 {
	width: 200px;
}

.warning {
	color: #FF3300;
}

#my_quote {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #FF913B;
}

#clear_me {
	clear: both;
}

.clear_me {
	clear: both;
	height: 4px;
}

.float_me {				/* For Images inline with text */
	float: left;
	margin-right: 15px;
	padding-top: 4px;
}

.center_me {
	width: 100%;
	text-align: center;
}


/* FACULTY PAGE LAYOUT */

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

div.text ul{
	color: #000000;
}

/* TABLE LAYOUT */

#body th {
	background-color: #E5C6CB;
	padding: 0;
	font-weight: bold;
}

#body td {
	padding: 3px 5px;
	vertical-align: top;
}
	
.yellow {						/* smaller text  */
	background-color: #FFFFCC;
	font-size: 85%;
}

.gray {							/* smaller text  */
	background-color: #EDEDED;
	font-size: 85%;
}

.gray2 {
	background-color: #F1E8E8;
	font-weight: bold;
}

.total_credit {
	text-align: center;
	border-left: 1px #8BC0B2 solid;
	border-top: 1px #C0BABA solid;
}

.term {
	background-color: #FFF;
	font-weight: bold;
	font-size: 120%;
	text-align: center;
	border-bottom: 1px #CC0000 solid;
}

.cntr {
	text-align: center;
	border-left: 1px #8BC0B2 solid;
}

.cntr_nl {
	text-align: center;
}

.td-total {
	background-color: #E0F3F3;
	font-weight: bold;
}

#body table.left_space {
	margin-left: 20px;
}

.grand-total {
	background: #98D5CA;
	font-weight: bold;
}