body
{
	font-family: Arial, Geneva, Helvetica, sans-serif;
	margin-left: 1em;
	margin-right: 1em;
	font-size: 80%;
	line-height: 1.166;
	background: white url("images/bg_grad_rimi.jpg");
}
/* begin commented backslash hack v2, to prevent Mac IE 5 from parsing this block.
Mac IE 5 truncates the background at about 1000 vertical pixels if repeat-x is
specified. Our background gradient is much taller, which creates an abrupt transition 
to white. IE doesn't do this if none of the repeat properties are specified.
So we just let it repeat vertically. Though the gradient may start over, the length
of the pages make this much rarer, and it looks better than the white transition 
in any case. \*/
body
{
    background-repeat: repeat-x;
}
/* end commented backslash hack */
.skipNav {display: none}
#template_content {background-color: white; border: 1px solid #DDD; padding: 0 1.7em 1.2em 1.7em}
.header {padding-bottom: 0.6em}
.header #searchContainer {text-align: right; padding-right: 6px}
.header #searchContainer form {margin: 0}
.header #searchContainer .button {font-size: 11px}

/************* globalNav styles ****************/

#globalNavContainer {padding-right: 5px}
#globalNav{
position: relative;
/*width: 100%;*/
min-width: 640px;
height: 32px;
color: #cccccc;
padding: 0px;
margin: 0px;
margin-bottom: 6px;
margin-right: 2px;
background-image:  url("images/glbnav_background.gif");
}
#searchContainer {float: right; padding-top: 4px}

#globalNav img{
	margin-bottom: -4px;
 
}

#gnl {
	position: absolute;
	top: 0px;
	left:0px;
}

#gnr {
	position: absolute;
	top: 0px;
	right:0px;
}

#globalLink{
	position: absolute;
	top: 8px;
	height: 22px;
	padding: 0px;
	margin: 0px;
	left: 10px;
	z-index: 100;
	text-decoration: none;
}


a.glink, a.glink:visited{
  	font-size: 12px;
  	color: #000000;
	font-weight: normal;
	text-decoration: none;
	margin: 0px;
	padding: 4px 7px 4px 5px;
	border-right: 1px solid #8FB8BC;
}

a.glink:hover{
  	background-image:  url("images/glblnav_selected.gif");
	text-decoration: none;
}
a.glink.last {
    border-right: none
}

.skipLinks {display: none}


.headerNavLinks {vertical-align: middle}
.headerNavLinks a {font-size: 12px; border-left: 1px solid gray; padding: 0 0.6em 0 1em; text-decoration: none; color: #0b479d}
.headerNavLinks a.first {border: none}
.headerNavLinks a:hover {color: #0b479d}
 td {margin: 0; padding: 0} /* for IE */

/* BEGIN navMenu */
.navMenuContainer {float: left; background-color: #DDD;
    border-top-width: 0; margin: 0; padding: 0; width: 14em}
.navMenuContainer .footerImg {text-align: center; margin: 0 auto}
.navMenu {margin: 0; padding: 0; display: inline /* IE bug fix */; list-style: none}
.navMenu .downarrow img {border: none}
.navMenu li {list-style: none;
    margin: 0; padding: 0; text-indent: 0;
    width: 100%} /* for IE 5/6; overridden for modern browsers below */
.navMenu a {display: block; margin: 0; border-top: 1px solid #EEE;
    color: #0b479d; text-decoration: none;
    padding: 2px 0.7em; width: 100%; border-left: 2px solid #DDD }
/* begin commented backslash hack v2, to prevent Mac IE 5 from parsing this block.
Mac IE 5 rejects the whole stylesheet when it sees a child selector followed by two
other CSS selectors. These modern browser rules override the IE width rule above. \*/
html>body .navMenu li {width: auto}
html>body .navMenu a {width: auto}
/* end Mac IE 5 commented backslash hack */
.navMenu a:hover, .navMenu a.expanded {background-color: #CCC; color: #0b479d;
    text-decoration: none}
.navMenu a.expanded {font-weight: bold; background-color: #DDD}
.navMenu a.selected {background-color: #EEE; border-right: none; font-weight: bold; color: #0b479d}
.navMenu ul {margin: 0 0 0 1em; padding: 0}
span.downarrow {padding-left: 1em}
/* END navMenu */

div#template_content {margin: 0; margin-left: 17em; margin-right: 4px /* compensate for drop shadow on header */ }
.listHeader {font-weight: bold}
.copyright {color: #DDD; margin: 1em; font-size: 10px; clear: both; padding-top: 0.2em}
p {padding: 0; margin: 0.7em 0}
h2, h4 {color: #0b479d}
h4 {text-transform: uppercase}

.drName {font-weight: bold}

.drAffiliation {color: #0b479d}

table.hours {border-top: 1px solid silver}
table.hours td {padding: 0.3em 1em 0.4em 0.2em; vertical-align: top; border-bottom: 1px solid silver}
table.hours td.service {font-weight: bold; padding-left: 1em}

.separator {margin-left: auto; margin-right: auto; text-align: center}
.separator img {padding: 0 4px}

.specialNote {font-weight: bold; color: #C33}
.note {font-weight: bold; color: #C33; font-size: 89%}
.index_address {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #0b479d;
}
