/****************************************************************
    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: #FF6600;   /* sets the navigation bar mouseover colour */
	color: white;                /* sets the navigation bar text mouseover colour */
}

#site-home-button li a {
	background-color: #B82E39;   /* sets the site home button colour */
	color: white;                /* sets the site home button text colour */
}

#site-home-button-2 li a {
	padding: 4px;
	background-color: #0fa58b;   /* sets the site home button colour */
	color: white;                /* sets the site home button text colour */
	font-style: italic;
}

#section1 li a {
	background-color: #4D5731;   /* sets the button colour for section 1 */
	color: white;                /* sets the text colour for section 1 */
}

#section2 li a {
	background-color: #8282C3;   /* sets the button colour for section 2 */
	color: white;                /* sets the text colour for section 2 */
}

#section3 li a {
	background-color: #FFFFC9;   /* sets the button colour for section 3 */
	color: black;                /* sets the text colour for section 3 */
}

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

#site-title {
	color: #8F7D38;              /* sets the colour for of the site title */
}

h2 {
	background-color: #404060;   /* sets the background colour for heading 2 */
	color: white;                /* sets the text colour for heading 2 */
} 


h3 {
	color: #404060;    /* sets the text colour for heading 3 */
}

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

.header-red {
	font-size: 16px;
	color: #990000;
	font-weight: bold;
	padding: 12px 0 0 0;
}

.workshop-date {
	font-weight: bold;
}

.workshop-title {
	font-style: italic;
}

.grey-text {
	font-size: 10px;
	color: #666666;
	padding-top: 5px;
	padding-bottom: 5px;
}

.image-float-left {
	float: left;
	padding: 0 15px 10px 0;
}

.image-float-right {
	float: right;
	padding: 0 0 10px 15px;
}

.shop-border {
	padding: 7px 0px;
	border-top-style: dotted;
	border-top-width: 2px;
	border-top-color: #FFCC99;
}

.shop-text {
	color: #999999;
	font-size: 11px;
	margin: 0px;
	padding: 6px 0px 0px 0px;
}

.ect-home {
	line-height: 1;
	border-collapse: collapse;
}
.ect-home td {
	line-height: 1;
	padding-bottom: 9px
}

.ect-col1 {
	width: 200px;
	padding: 0 5px 0 0;
	margin: 0px;
	border-right: 1px dotted #404060;
	vertical-align: top;
}

.ect-col2 {
	width: 200px;
	padding: 0 5px 0 5px;
	margin: 0px;
	border-right: 1px dotted #404060;
	vertical-align: top;
}

.ect-col3 {
	width: 200px;
	padding: 0 0 0 5px;
	margin: 0px;
	vertical-align: top;
}

.ect-col-span {
	width: 400px;
	padding: 0 0 0 5px;
	margin: 0px;
	vertical-align: top;
	text-align: center;
}

.ect-title {
	font-size: 16px;
	line-height: 1;
	margin: 0px;
	padding: 2px 5px 2px 5px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #404060;
}

.ect-body {
	padding: 10px 5px 10px 5px;
	line-height: 1;
}

.ect-body h1 {
	font-size: 12px;
	color: #404060;
}
.ect-body p,
.ect-body li,
.ect-body h1 {
	margin: 9px 0;
	padding: 0;
	line-height: 1;
}

.ect-body ul {
	margin: 0 9px 12px 9px;
	padding: 0 9px;
}

.ect-body .icon {
	padding: 0px 10px 10px 0px;
	margin: 0px;
	vertical-align: top;
	text-align: center;
}


#vh-table td {
	padding: 2px;
	width: 113px;
}

#vh-table th {
	padding: 2px;

}

.login-label {
	font-weight: bold;
	color: #666666;
	text-align: right;
	font-size: 12px;
}

.login-input {
	width: 200px;
	font-size: 12px;
}

.login-button {
	background-color: #dddddd;
	width: 60px;
	border: 1px double #999999;
	color: #000000;
	font-size: 10px;
}



#footer a[href ^="mailto:"] { /* Puts a mail icon in the footer */ 
	padding: 5px 20px 5px 0;
    background: transparent url(http://www.downstate.edu/images/link_icons/icon_mailto.gif) no-repeat center right;
}


/* Styles for the Neuro Dissection Images */

.neuro-table th,
.neuro-table td {
	text-align: center;
	vertical-align: top;
	width: 155px;
}

.neuro-table th {
	font-weight: bold;
	padding: 0px 10px 5px 0px;
}

.neuro-table td {
	padding: 0px 10px 10px 0px;
}

#search-helpdesk {
	margin-bottom: 10px;
}