/****************************************************************
    SUNY Downstate Medical Center
	Global Stylesheet
	v3.9
	by Brett Laurance
	Last updated February 13, 2008
	
	This is the primary global stylesheet for the SUNY Downstate web
	site. 
	
	All pages on the Downstate web site should reference this file. 
	It should not be edited under any circumstances.
	
	Customization of site CSS should be done exclusively using the
	secondary custom stylesheet.	
	
*/

/***************************************************************
    GLOBAL RESET
 ***************************************************************/

* {
	padding: 0;
	margin: 0;
}

/***************************************************************
    NAVIGATION BAR STYLES
 ***************************************************************/

#navigation {
	width: 160px;
}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation a {
	font-size: 12px;
	line-height: 1.1em;
	display: block;
	border-bottom: 1px solid white;
	margin: 0;
	text-decoration: none;
}

#navigation a.arrow-black {
	background-image: url(http://ect.downstate.edu/images/arrow-black.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#navigation a.arrow-white {
	background-image: url(http://ect.downstate.edu/images/arrow-white.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#navigation li {
	position: relative;
}

#navigation ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	border-left: 2px solid #666666;
}

div#navigation ul ul {
	display: none;
}

div#navigation ul li:hover ul {
	display: block;
}

#site-home-button a {
	padding: 4px;
	font-weight: bold;
}
 
#sub-site-home-button a {
	padding: 4px;
	font-style: italic;
}
 
#section1 a,
#section2 a,
#section3 a {
	padding: 4px 15px;
}

/***************************************************************
    MAIN LAYOUT STYLES
 ***************************************************************/

#side-bar {
	width: 160px;
	margin: 0px;
	padding: 0px;
	color: black;
	background-color: #EAEAEA;
	vertical-align: top;
}

#side-bar-content-box {
	margin: 0px;
	padding: 10px 5px;
	color: black;
	background-color: #EAEAEA;
}

#side-bar-content-box p {
	color: black;
	background-color: #EAEAEA;
}

#side-bar-content-box a {
	color: black;
	background-color: #EAEAEA;
}

#main {
	margin: 0px;
	padding: 10px;
	vertical-align: top;
}

#breadcrumb {
	font-size: 11px;
	color: #999999;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0 0 30px 0;
}

#breadcrumb a {
	font-size: 11px;
	color: #999999;
	background-color: white;
	text-decoration: none;
}

#breadcrumb a:hover {
	font-size: 11px;
	color: #999999;
	background-color: white;
	text-decoration: underline;
}

#breadcrumb ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
} 

#breadcrumb ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	color: #999999;
}

#breadcrumb ul li:before { /* Generates the custom separator */
	content: "\0020 \0020 \0020 \003e \0020";
}
	
#breadcrumb ul li.bc-first:before { /* Stops the seperator being applied to the first item of the breadcrumb */
	content: " ";
}

#breadcrumb ul li.bc-last { /* Highlights the last item in the breadcrumb*/
	font-weight: bold;
}


#body {
	margin: 0px;
	padding: 0px;
    color: #333333;
}

#footer {
	padding: 30px 0px 0px 0px;
	clear:both;
}

#footer p {
	font-size: 11px;
	text-align: center;
	line-height: normal;
	color: #999999;
	background-color: white;
	margin: 0;
	padding: 7px 0;
}

#footer a {
	color: #999999;
	background-color: white;
	text-decoration: none;
}

#footer a:hover {
	color: #999999;
	background-color: white;
	text-decoration: underline;
}

#footer .department {
	text-transform: uppercase;
}


/***************************************************************
    REDEFINED TAGS
 ***************************************************************/

html, body {
	margin: 0px;
	padding: 0px;
	background-color: white;
}

html, body, div, p, blockquote, ul, ol, dl, li, h1, h2, h3, h4, h5, h6, input {
	font-family: "Gill Sans", Arial, Verdana, Helvetica, sans-serif;
}

p, blockquote, ul, ol, dl, tr, td, th, input {
	line-height: 1.6em;
	font-size: 12px;
	color: #555555;
}

p {
	padding: 0;
	margin: 1em 0 1em 0;
}

blockquote {
	padding: 0;
	margin: 1em 3em 1em 3em;
}

ul, ol {
	padding: 0;
	margin: 0 0 0 4em;
}

ol {
	list-style-type: decimal;
}

ol ol {
	list-style-type: lower-alpha;
}

ol ol ol {
	list-style-type: lower-roman;
}

h1 {
	font-size: 22px;
	line-height: 1em;
	color: black;
	background-color: white;
	padding: 0px;
	margin: 0 0 1em 0;
}

h2, h3, h4, h5, h6 {
	line-height: 1em;
	padding: 0;
	margin: 1em 0;
}

h2 {
	font-size: 16px;
	padding: 2px;
}

h3 {
	font-size: 16px;
	color: #333333;
	background-color: white;
}

h4 {
	font-size: 14px;
	color: #333333;
	background-color: white;
}

h5 {
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	color: #333333;
	background-color: white;
}

a {
	text-decoration: none;
	color: blue;
}

a:visited {
	color: purple;
}

a:hover {
	text-decoration: underline;
	color: red;
}

a img {
	border: none;
}

#site-title {
	padding: 0;
	margin: 0 0 30px 0;
}

#site-title .small-title {
	font-size: 12px;
	line-height: 12px;
	padding: 0;
	margin: 0;
}

#site-title .large-title {
	font-size: 42px;
	line-height: 42px;
	letter-spacing: -0.03em;
	padding: 0;
	margin: 0;
}

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

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