/* CSS for Monica Orienti's Web */


/* There is a header division, plus a main body with two divs: one,
   left-floated, for the menu; the other is the content */
/* div#outside encloses everything */
/* We leave "top-navigation" for external links: IAC, other institute, etc. */


body {
    background-color:#66CCFF;
    font: normal 14px Verdana, Arial, Helvetica, sans-serif;
}

/* wrapper outer division; encloses everything --> */
#outside {
    margin-left: 4%; 
    margin-right: 4%; 
    border: solid 4px #B34700; 
    border-top: solid 10px #B34700; 
    border-bottom: solid 4px #B34700; 
    background-color: #FFF2BF;
    position: relative;
}

/* Top navigation - not present in this site */
#top-nav {
    font-size: 0.9em;
    float: right; 
    margin: 0; 
    margin-top: 5px;
    margin-right: 5px;
}

/* Middle navigation */
#middle-nav {
    font-size: 1.0em;
    margin: 0; 
    margin-top: 0px; 
    margin-bottom: 0px;  
    padding: 6px;  
    background-color: #B34700; 
    color: #ffffff;
    text-align: right;
}

/*  Content div - included left-col and main */
div#content {
   margin: 0;
   padding: 0;
   background: #FFC080;
   border: 0px solid #FFC080;
}

/* Menu and announcements on the left-end side */
#left-col {
    float: left; 
    width: 24%; 
    margin-top: 0px; 
    padding: 5px; 
    padding-top: 15px;
    background: #FFC080;
}

/* Main body of the Page  */
#main {
   margin-left: 26.3%; 
   margin-top: 0px;  
   padding: 0px 10px;
   background: #FFF2BF;
   border: 1px solid #FFF2BF;   
   color: #333333;
}

/* Bottom navigation - not present in this site */
#bottom-nav {
   margin-top: 0px; 
   margin-bottom: 0px; 
   text-align: center; 
   color: #777777; 
   font-size: 0.9em;
   border-top: 1px solid #3333ff;
   padding-top: 5px;
   padding-bottom: 5px;
   background: #F5F5F5;
}

/* Footer */
#footer {
   margin: 0; 
   padding: 5px; 
   background-color: #B34700; 
   color: #ffffff;
   font-size: 0.9em;
}


/* --------------------------------------------------------------- */


#outside h1 {
    font-size: 34px;
    text-align: center;
    margin: 0px; 
    color: #B34700; 
    font-weight: normal; 
    letter-spacing: -1px;
    background-color: #FFF2BF;
    margin: auto;
    margin-top: 0.2em;
}

a#logo-iau {
    display: block;
    width: 150px;
    margin-top: 1px;
    margin-left: 1px;
    float: left;
} 

a#logo-iau img {
    border: none;
}    


#top-nav a {
    color: #333399; 
    font-size: 1em; 
    margin-left: 5px; 
    margin-right: 5px; 
    text-decoration: underline;
}

#top-nav a:hover {
    color: #dd0000;
}


#middle-nav a {
    margin-left: 5px; 
    margin-right: 5px; 
    padding: 3px; 
    color: #ffffff; 
    text-decoration: none; 
    border: solid 0px #333399;
}

#middle-nav a:hover {
    border: solid 0px #ffffff; 
    background-color: #eeeeee; 
    color: #333399;
}



.ul-menu {
   margin-top: 8px; 
   margin-bottom: 8px; 
   border: solid 0px #ffffff; 
   border-bottom: solid 0px #ffffff; 
   color: #666666;
}

ul.ul-menu {
   margin: 0; 
   padding: 0; 
   list-style: none;
}

ul.ul-menu li {
   padding: 0px;
   margin-top: 6px;
}

ul.ul-menu a {
   display: block;
   margin-left: 0px; 
   color: #00248F; 
   text-decoration: none;
   border-left: 5px solid #ffffff;
   border-bottom: solid 2px #ffffff;
   padding: 3px;
}

ul.ul-menu a.current {
   border-left: 5px solid #00248F;
   border-bottom: solid 2px #00248F;
}

ul.ul-menu a:hover {
   color: #00248F;
   border-left: 5px solid #00248F;
   border-bottom: solid 2px #00248F;
}


/* Highlight link for current page */
body#bo-jets-results     a#a-jets-results,
body#bo-jets-project     a#a-jets-project,
body#bo-jets-background  a#a-jets-background,
body#bo-jets-index       a#a-jets-index  {
   border-left: 5px solid #333377;
   border-bottom: solid 2px #333377;
}

span.slide {
   float: right; 
   margin-right: 3px;
}

.info {
   margin-top: 5px; 
   margin-bottom: 5px; 
   background-color: #FFC080; 
   padding: 5px;
   padding-top: 1.4em;
}
   
.info h4 {
   margin: 0; 
   color: #333399;
   margin-bottom: 0.5em;
   font-size: 1.10em;
}

.info p {
   margin: 0; 
   margin-top: 6px; 
   margin-bottom: 6px;
}

.info ul {
   margin: 0; 
   padding: 5px;
}

.info li {
   list-style: none;
}

.info a {
   color: #333399; 
   text-decoration: underline;
}

.info a:hover {
   color: #3333CC;
}



#main h2 {
   margin: 0; 
   color: #00248F;
   padding: 5px 0;
   margin-bottom: 0.1em;
   margin-top: 0.4em;
   font-size: 1.6em;
}

#main h3 {
   margin: 0; 
   color: #333399;
   padding: 5px 0;
   margin-bottom: 0.0em;
   margin-top: 1.4em;
   font-size: 1.3em;
}

#main h4 {
   margin: 0; 
   color: #333399;
   padding: 5px 0;
   margin-bottom: -0.4em;
   margin-top: 1.0em;
   font-size: 1.1em;
}

#main h5 {
   margin: 0; 
   color: #333399;
   padding: 5px 0;
   margin-bottom: -0.4em;
   margin-top: 0.4em;
   font-size: 1.0em;
}

#main a {
   color: #333399; 
   text-decoration: underline;
}

#main a:hover {
   color: #dd0000;
}

#main ul {
   margin-top: 0.5em;
}   

#main img {
   margin-bottom: 0.3em;
   margin-top: 0.5em;
}   

#main .caption {
   font-style: italic;
}

#bottom-nav a {
   margin-left: 5px; 
   margin-right: 5px; 
   color: #666666; 
   text-decoration: none;
}

#bottom-nav a:hover {
   text-decoration: underline;
}



#footer h5 {
   margin: 0;
}

#footer a {
   color: #EEEEEE;
}


/* Table for Organization */
table.table-organization {
     margin-left: 0.8em;
     margin-right: 0.8em;
     border: 1px solid #666666;
}     

table.table-organization th {
     text-align: right;
     padding-right: 1.2em;
     font-size: 1.00em;
}     

table.table-organization th, table.table-organization td {
     padding-bottom: 0.8em;
}     

p.underconstruction {
    text-align: center;
    font-size: 1.6em;
}