/********************************

styles for IPYDIS site

********************************/

/****************************
global styles
****************************/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 80%;
	color: #333333;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

/* provide page size limits via the containing div */
body>div {
    max-width: 1000px;
    min-width: 62em;
}

/***********************************
 global font styles
 **********************************/
h1, h2, h3, h4, h5 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 0em;
    margin: 0.1em;
    color: #003366;
    border: none;
}

h1 {
    font-size: 140%;
    padding: 5px 0px 5px 0px;
}

h2 {
    font-size: 125%;
    padding: 0.8em 0em 0.3em 0.8em;
}

h3 {
    font-size: inherit;
    padding: 0.7em 0em 0.1em 1.1em;
}

/* for text that needs to be indented the same as an h3 element */
span.h3_indent {
    padding: 0.7em 0em 0.1em 1.1em;
}

span.highlight {
       background-color: #FFFF00;
}

/*****************************
 global image styles
 ****************************/
img {
    border: 0;
}

/*****************************
 global list styles
 ****************************/
ul {
    margin: 0.1em;
    padding: 0.1em 0.1em 0.1em 3.0em;
}

ul li {
    font-size: inherit;
    margin: 0em;
    padding: 0em 0.5em 0.5em 0em;
}

ol {
    margin: 0.1em;
    padding: 0.1em 0.1em 0.1em 3.0em;
}

ol li {
    font-size: inherit;
    margin: 0em;
    padding: 0em 0.5em 0.5em 0em;
}

dl {
    margin: 0.2em;
    padding: 1.0em;
}

dl dt {
    margin: 0em;
    padding: 0em 0em 0.2em 0em;
}

dl dd {
    margin: 0em;
    padding: 0em 0em 1.0em 2.0em;
}

/*****************************
global table styles
*****************************/
table {
    border-collapse: collapse;
    border: none;
    margin: 0px;
    padding: 0px;
}

table tr {
    margin: 0px;
    padding: 0px;
}

table th {
    border: solid 1px #CCC;
    border-bottom: solid 1px black;
    font-weight: bold;
    margin: 0em;
    padding: 0.5em;
    vertical-align: top;
}

table td {
    border: none;
    margin: 0em;
    padding: 0em;
    vertical-align: top;
}

/*****************************
 page layout
 *****************************/
div.pageContentContainer {
    width: inherit; 
    background-color: white;
    height: auto;
    display: block;
    float: left;
    border: none;
    margin: 0px;
    padding: 0px;
    line-height: 1.3em;
}

table.pageContentContainer {
    width: 100%;
    border: none;
}

div.pageContent {
    background-color: white;
    padding: 0em 10px 0.5em 1.0em;
    margin: 0px;
    border-top: none; /* solid 1px white; */
    border-right: none;
    border-bottom: none;
    border-left: none;
    height: auto;
    width: auto;
    position: relative; top: -1px;
}

div.pageContent p {
    margin: 0.1em;
    padding: 0.5em 0.5em 0.5em 1.1em;
}

td.pageContent {
    background-color: white;
    padding: 0px;
    margin: 0px;
    border: none;
}

div.relatedLinks {
    background-color: #ced9e7;
    margin: 0em;
    padding: 0em;
    border: none;
    position: relative; top: -1px;
    width: 100%;
}

td.relatedLinks {
    background-color: #ced9e7;
    border: none;
    border-left: solid 1px black;
    margin: 0em;
    padding: 0em;
    width: 20%;
}

div.relatedLinks h2 {
    color: white;
    background-color: #476A93; 
    margin: 0em;
    padding: 0.5em 0em 0.5em 0.5em;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    width: auto; 
    height: auto;
}

div.relatedLinks dl {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 90%;
}

div.relatedLinks dt {
    font-weight: bold;
    color: #990000;
}

div.relatedLinks dd {
    margin: 0em;
    padding: 0.5em 0em 1.5em 0.5em;
}

div.relatedLinks ul {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 90%;
    list-style-type: none;
    margin: 0.5em 0em;
    padding: 0.5em 0em;
}

div.relatedLinks li {
    margin: 0em;
    padding: 0.5em 0.5em 0.5em 1.0em;
}

/*****************************
 general page content elements
 ****************************/

blockquote {
    margin: 0em;
    padding: 0.5em 3.0em;
}

blockquote.keyboard {
    font-family: monospace;
}

/*****************
 home page content
 ****************/
.homeImage {
    float: right;
    border: none;
    width: 350px;
    height: auto;
    margin: 10px;
    padding: 0em 0em 0.5em 1.5em;
}

.homeImage img {
    margin: 0px;
    padding: 0px;
    border: solid 1px black;
    /* offset the pageContent div padding */
    position: relative; left: 9px; top: 0px;
}

.homeImageCaption {
    float: right;
    font-style: italic;
    font-size: 80%;
    border: none;
    width: inherit;
    margin: 0px;
    padding: 1.0em 0em;
    position: relative; left: 9px; top: 0px;
    height: 100%;
}

div.pageContent p.alert {
    margin: 0.1em;
    padding: 1.5em 0.5em 0.5em 1.1em;
    font-style: italic;
    font-weight: bold;
}

div.pageContent p.alert span.highlight {
    color: red;
    background-color: white;
}

div.pageContent p.homeIntro {
    margin: 0.1em;
    padding: 1.5em 0.5em 0.5em 1.1em;
}

div.dataLinks {
    width: 100%;
    height: auto;
    margin: 0.5em;
    padding: 0.5em;
    text-align: center;
    white-space: nowrap;
    border: none;
    font-weight: bold;
}

/***********************
 styles for breadcrumbs 
 **********************/
td.breadcrumbs {
    background-color: white;
    height: 4em;
}

div.breadcrumbs {
    background-color: white;
    margin: 0.5em;
    padding: 1.2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 80%;
    text-align: left;
    border: none;
}

/*
div.breadcrumbs a:link {
    color: blue;
}
*/

div.breadcrumbs a:hover {	
    color: red;
}

.youAreHere {
    font-weight: bold;
    font-size: 100%;
}

/********************************
styles for site search 
********************************/
div#siteSearchContainer {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10;
    margin: 0em;
    padding: 0em;
    border: none;
}

div#siteSearchContainer form {
    margin: 0em;
    padding: 0em;
    width: auto;
    height: auto;
    text-align: right;
    border: none;
}

/****************************************
 styles for banner and navigation section
 ***************************************/
div.bannerContainer {
    position: relative;
    overflow: hidden;
	height: 108px;
}

.bannerImage { 
	padding: 0;
	margin: 0;
}

div.navContainer {
    background-color: #ced9e7;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    width: 100%;
    height: 2em;
}

div.bodyContentContainer {
    border: solid 1px black;
    margin: auto;
    padding: 0px;
}

div.rssContainer{
    clear: both;
    float:right; 
    width: 350px; 
    background-color: #ced9e7;
    border: solid 1px black; 
    margin: 5px 0px 10px 10px;
    padding: 0em;
}
div.rssContainer h2 {
    color: white;
    background-color: #476A93; 
    margin: 0em;
    padding: 0.5em 0em 0.5em 0.5em;
    border-top: none;
    border-bottom: solid 1px black;
    width: auto; 
    height: auto;
}

/**********************************
 secondary navigation (left column)
 *********************************/
td.secondaryNavigation {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    padding: 0em;
    margin: 0em; 
    background-color: white;
    width: 16%;
    border: none;
}

div.secondaryNavigation {
    background-color: white;
    padding: 0em 0.5em 0.5em 0.5em;
    font-size: 90%;
}

div.secondaryNavigation h2 {
    margin: 0em;
    padding: 0.6em 0em 0em 1.0em;
    font-size: 90%;
}

div.secondaryNavigation ul {
    margin: 0em;
    padding: 0em 0em 0em 0.5em;
    list-style-type: none;
}

div.secondaryNavigation li {
    font-size: 90%;
    margin: 0em;
    padding: 0.7em 0.5em 0.5em 0.5em;
}
 
div.secondaryNavigation ul.contacts {
    padding-top: 0.3em;
}

div.secondaryNavigation ul.contacts li {
    padding-top: 0em;
    padding-bottom: 0em;
    white-space: pre;
}

div.secondaryNavigation p {
    font-size: 90%;
    /* same margin and padding as combination of ul and li above */
    margin: 0em;
    padding: 0.5em 0em 0em 0.9em;
}

div.secondaryNavigation a:hover {
	color: red;
}

div.secondaryNavigation span.selected {
    font-weight: bold;
    font-size: 100%;
/*    color: #4885f7; */
}

/* navigation items that point within a page */
ul.pageNavigation {
    font-size: 100%;
}

ul.pageNavigation li {
    margin: 0em;
    padding: 0.4em 0em 0.3em 0.7em;
}

/*****************************
 lists
*****************************/

ul.compactVertical li {
    line-height: 1.3em;
    margin-top: 0em;
    margin-bottom: 0em;
    padding-top: 0em;
    padding-bottom: 0em;
}

/*********************************
styles for features section 
*********************************/
div.homeFeatures {
    float: left;
    width: 100%;
    height: auto;
    border-top: solid 1px black;
    border-bottom: none;
    background-color: #CED9E7;
}

div.homeFeatures table {
    width: 98%;
}

div.homeFeatureDescription {
    float: left;
    border: none;
    padding: 0.7em 0.5em 0.5em 0.7em;
    margin: 0em;
    height: 8em;
    width: auto;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.homeFeatureDescription h2 {
    font-size: 95%;
    font-weight: bold;
    color: #003366;
    margin: 0em;
    padding: 0em;
}

div.homeFeatureDescription p {
    font-size: 80%;
    color: #000;
    margin: 0em;
    padding: 0.5em 0em 0em 0em;
}

div.homeFeatureImage {
    display: block;
    font-size: 100%;
    float: left;
    width: auto; 
    height: 9.2em;
    border-left: 1px solid black;
    border-right: 1px solid black;
}

div.homeFeatureImage img {
    width: 13em;
    height: 9.2em;
}

/***************
 footer
 **************/
.footer {
    clear: left;
    margin: 0px;
    padding: 0.7em 1.0em;
    border-top: solid 1px black;
    line-height: 1.3em;
}

.footer p {
    margin: 0px 0em 0em 48px;
    padding: 0px;
}

.footer img {
    float: left;
    padding: 0px 10px 0px 0px;
}

.footer div.affiliation {
    float: left;
    width: 70%;
    border: none;
}

.footer div.contacts {
    text-align: right;
    border: none;
}

.footer div.contacts ul {
    margin: 0em;
    padding: 0em;
    list-style-type: none;
}

.footer div.contacts ul li {
    margin: 0em;
    padding: 0em;
}

/************************
 misc styles 
 ***********************/
.clear {
    clear: both;
    height: 1px;
}

/******************************************
 general tables in the body of the document
 *****************************************/
.bodyTable {
    width: auto;
    border: 1px solid #CCC;
    margin: 0em 1.0em 0.5em 1.2em;
    padding: 10px;
}

.bodyTable td {
    border: solid 1px #CCC;
    margin: 0em;
    padding: 0.5em 0.3em 0.3em 0.5em;
}

/**************************
 IPYDIS service directory
 *************************/
table.IPYDISdirectory {
    width: 90%;
    border: solid 1px #CCC;
    margin: 0em 1.0em 0.5em 1.2em;
    padding: 10px;
}

table.IPYDISdirectory th {
    border: solid 1px #CCC;
    border-bottom: solid 1px black;
}

table.IPYDISdirectory td {
    border: solid 1px #CCC;
    margin: 0em;
    padding: 0.5em 0.1em 0.3em 0.5em;
}

/**************************
 RSS content in page body 
 *************************/
div#RSSFEED_1 {
    border: none;
    padding: 0px 9px;
    height: auto;
}

div#RSSFEED_1 dl {
    margin: 0em;
    padding: 0em 0em 0.5em 0em;
}

div#RSSFEED_1 dt {
    margin: 0em;
    padding: 0.3em 0.5em 0.1em 0em;
}

div#RSSFEED_1 dd {
    margin: 0em;
    padding: 0.2em 0.1em 0.5em 0.8em;
}

div#RSSFEED_2 {
    border: none;
    margin: inherit;
    padding: inherit;
}

div#RSSFEED_2 dt {
    font-weight: bold;
    margin: 0em;
    padding: 0em 0em 0em 0.1em;
}

div#RSSFEED_2 dd {
    margin: 0.1em 0.2em 1.0em 0.2em;
    padding: 0.1em 0.2em 0.5em 0.2em;
}

div#RSSFEED_3 {
    border: none;
    margin: 0em;
    padding: 0em;
}

div#RSSFEED_3 dl {
    margin: 0.5em;
    padding: 0.5em;
}

div#RSSFEED_3 dt {
    font-size:90%;
    font-weight: bold;
    margin: 0em;
    padding: 0em;
}

div#RSSFEED_3 dd {
    font-size:90%;
    margin: 0.1em 0.2em 1.0em 0.2em;
    padding: 0.1em 0.2em 0.5em 0.2em;
}

div#RSSFEED_4 {
	padding: 4px;
}

div#RSSFEED_5 {
    border: none;
    margin: inherit;
    padding: inherit;
}

div#RSSFEED_5 dt {
    font-weight: bold;
    margin: 0em;
    padding: 0em 0em 0em 0.1em;
}

div#RSSFEED_5 dd {
    margin: 0.1em 0.2em 1.0em 0.2em;
    padding: 0.1em 0.2em 0.5em 0.2em;
}

/**************************
 drop-down menus
 *************************/
 
ul#nav {
    background: inherit;
    list-style: none;
    white-space: nowrap;
    margin: 0em;
    padding: 0em;
    border: none;
    width: auto;
}

ul#nav li {
    display: block;
    float: left;
    text-align: center;
    background-color: inherit;
    color: inherit;
    font-size: inherit;
    font-weight: bold;
    margin: 0em;
    padding: 0em;
    border-top: none;
    border-right: solid 1px black;
    border-bottom: none;
    border-left: none;
    position: relative;
    width: auto;
    height: auto;
    line-height:2em;
}

ul#nav li:hover {
    color: inherit;
    background-color: white;
}

ul#nav li a {
    display: block;
    background-color: inherit;
    color: inherit;
    text-decoration: none;
    padding: 0em 0.5em;
    margin: 0em;
    height: 100%;
    width: auto;
}

ul#nav li a:hover {
    background-color: white;
    color: inherit;
    text-decoration: none;
}

/* this sets lists within lists to be menus which are hidden */
/* until the user mouses over the "parent" list item         */
ul#nav li ul {
    display: none;
    position: absolute;
    font-weight: normal;
    margin: 0em;
    padding: 0em;
    width: 12em;
    border: none;
    z-index: 100;
}

/* sets an unordered list which is a child of another list item */
/* to be positioned at the upper left of the parent list item */
ul#nav li>ul {
    top: 2.0em;
    left: -1px;
}

/* displays the child list when the user mouses over the parent list item */
ul#nav li:hover ul {
    display: block;
    border-top: solid 1px black;
}

ul#nav li li {
    border-top: none;
    border-bottom: solid 1px black;
    border-left: solid 1px black;
    background-color: white;
    color: black;
    text-align: left;
    white-space: normal;
    font-weight: normal;
    line-height: 1.6em;
    margin: 0em;
    padding: 0em;
    width: 100%;
    height: auto;
    z-index: 100;
}

ul#nav li li a {
    display: block;
    padding: 0.3em;
    margin: 0em;
    border: none;
    background-color: inherit;
    color: black;
}

ul#nav li li a:hover {
    background-color: #476A93; 
    color: white;
}

ul#nav li li:hover {
    background-color: #476A93; 
    color: white;
}

/* may need to set the background color for the selected li */
/* as well, not just the <a...>  */
ul#nav a.selected {
	background:#fff;
	color:#000;
}

/****************************************
 styles for captions and images
 ***************************************/
div.imageRight img {
    clear: both;
    padding: 5px;
}

div.imageRight span {
    display: block;
    clear: both;
    margin: 0em;
    padding: 5px 5px;
    text-align: left;
}

div.imageLeft img {
    clear: both;
    padding: 5px;
}

div.imageLeft span {
    display: block;
    clear: both;
    margin: 0em;
    padding: 5px 5px;
    text-align: left;
}