/****************************************************************
    SUNY Downstate Medical Center
	Global Stylesheet
	v3.4
	by Brett Laurance
	Last updated April 3, 2007
	
	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.	
	
*/

/***************************************************************
    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://beta-www.downstate.edu/images/arrow-black.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#navigation a.arrow-white {
	background-image: url(http://beta-www.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;
}

#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, ul, ol, dl, li, h1, h2, h3, h4, h5, h6, input {
	font-family: "Gill Sans", Arial, Verdana, Helvetica, sans-serif;
}

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

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

ul {
	margin-top: 0px;
}

ol {
	list-style-type: decimal;
	margin-top: 0px;
}

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

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

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

h2 {
	font-size: 16px;
	padding: 2px;
	margin: 1em 0;
}

h3 {
	font-size: 16px;
	color: #333333;
	background-color: white;
	padding: 0px;
	margin: 1em 0;
}

h4 {
	font-size: 14px;
	color: #333333;
	background-color: white;
	padding: 0px;
	margin: 1em 0;
}

h5 {
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	color: #333333;
	background-color: white;
	padding: 0px;
	margin: 1em 0;
}

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 0 30px 0;
	margin: 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;
}