/* Styles for Yale CSN  
   See "import" style sheet for adjustments for newer browsers
   CSS styles by Victor Velt <victor.velt@yale.edu>, WDD 
   Web Design + Development, Yale School of Medicine
   9-16-04, version 2 (VV)
============================================================= */

body { background-color: #FFFFFF; margin: 0px; padding: 0px;}

a { color: #009; text-decoration: underline;}
a:hover { color: #05A;text-decoration: underline;}
a:active { color: #F60;}

img.block { display: block;} /* apply to sliced images for Gecko browsers */

.hline { border-bottom: 1px solid #039;}

#banner table {
border: solid #039;
border-width: 0px 1px 1px 0px;
}

.caption { 
font-size: 10px; 
color: #369;
line-height: normal;
padding-bottom: 8px;
border-bottom: 1px #B9C4D2 solid; 
}


/* === BODY FONTS ==================================== */

h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote, td, .info { 
font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1 {
font-size: 20px;
font-weight: bold;
color: #039;
line-height: 0.9em;	/* limits amount of line spacing */
margin-top: 0.1em;	/* fixes extra top space in Gecko browsers */
}

h2 {
font-size: 18px;
font-weight: bold;
color: #039;
line-height: 0.9em;
margin-top: 0.1em;
}

h3 {
font-size: 15px;
font-weight: bold;
color: #369;
line-height: 0.9em;
margin-bottom: -0.2em;
}

h4 {
font-size: 14px;
font-weight: bold;
color: #000;
line-height: 0.9em;
margin-bottom: -0.2em;
}

h5 { 
font-size: 12px; 
font-weight: bold; 
color: #000;
line-height: normal;
margin-bottom: -0.2em;
}

h6 { 
font-size: 12px; 
font-weight: bold; 
color: #000;
line-height: 0.9em;
margin-bottom: -0.2em;
}

p, ul, ol, .normal-size {
font-size: 12px;
line-height: 1.3em;
color: #000;
}

ul { list-style-type: square;}

blockquote { 
font-size: 11px; 
color: #000; 
line-height: 1.2em;
}

td, .info { 	/* default small type size for table cells */
font-size: 10px; 
color: #000;
line-height: normal;
}

p.breadcrumb {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #4D4D4D;
line-height: normal;
margin-bottom: 0.8em;
}

#investigators {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 15px;
color: #369;
padding: 15px 0px;
}



/* search
---------------------------------------- */
#search td, input {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color: #039;
}

#search a {
color: #039;
text-decoration: none;
}

#search a:hover {
color: #F60;
text-decoration: underline;
}

#search a:active { color: #F00;}


/* Nav Button Bar Styles ------------------------------------- */

#button {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:11px;
background-color:#B8C8E8;
width: 180px;		/* only NN4 needs this */
border: none 1px;	/* only NN4 needs this */
}

#button a {
color: #333;
text-decoration: none;
display: block;
padding: 4px 10px 5px 12px; /* top, right, bottom, left */
}

#button a:hover {
background-color: #6688BB;
color: #FFF;
display: block;
}

#button a:active { color: #FC0;}

#button a.down {
background-color:#849BCA;
color: #FFF;
text-decoration: underline;
}


/* Button Submenu Styles ------------------------------------- */

#button-submenu { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
font-weight: normal;
background-color:#849BCA;
display: block;
padding: 5px 10px 6px 12px; /* top, right, bottom, left */
width: 180px;		/* only NN4 needs this */
border: none 1px;	/* only NN4 needs this */
}

#button-submenu span a { 
font-size: 11px;
font-weight: bold;
color: #FFF;
text-decoration: underline;
}

#button-submenu a { 
color: #FFF;
text-decoration: none;
}

#button-submenu a:hover { 
color: #FFEF6F; 
text-decoration: underline;
}

#button-submenu a:active { color: #FC0;}

#button-submenu ul { 
list-style-image: url(../images/sub_menu_bullet.gif);
list-style-type: square; 
font-size: 10px; 
font-weight: normal;
line-height: 1.3em; 
margin-left: -2.2em; 
margin-top: -.3em; 
margin-bottom: -.1em;
}

#button-submenu li { list-style-type: square; color: #FFEF6F;} /* only NN4 needs this */


/* Homepage special column ------------------------------------- */

td.vertical-rule {  /* makes printable line going down column */
border: dotted #A3B1CC;
border-width: 0px 0px 0px 1px;
}

#special {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-left: 10px;
}

#special h6 {				/* colored title box */
font-size: 11px;
color: #039;
font-weight: bold;
background-color: #EEF1F7;
border: 1px solid #B9C4D2;
padding: 1px 6px 2px 6px;	/* top, right, bottom, left */
margin-top: 0.1em;	/* fixes extra top header space in Gecko browsers */
margin-bottom: 0.2em;
}

#special p {
font-size: 10px;
color: #333;
}

#special a { 
color: #669;
text-decoration: none;
}

#special a:hover { 
color: #F60;
text-decoration: underline;
}

#special a:active { color: #F00;}


/* Agency top logo address area ------------------------------- */

#agency table {
padding-bottom: 10px;
border-bottom: 1px dotted #69C;
margin-bottom: 15px;
}

#agency p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 15px;
margin-top: 0.9em;
}

#agency img { display: block;}


/* Address & Logo -------------------------------------- */

#address {
padding: 0 12px;
margin-top: 50%;  /* pushes address box down */
}

#address p {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
line-height: 14px;
color: #333;
margin-bottom: -0.3em;
}

#address img {  /* aligns YSM logo */
display: block;
margin-top: 15px;
}


/* Footer ---------------------------------------------- */

#footer { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
line-height: 14px;
color: #666; 
padding-top: 8px;
padding-bottom: 15px;
}

#footer a { color: #039;}
#footer a:hover { color: #F60;}
#footer a:active { color: #F00;}