/* 
 * SCREEN.CSS
 *
 * Styles for screen display. The ALLMEDIA style sheet 
 * has styles that are set prior to these styles.
 * 
 * B. Abbott, October 2005
 *
 */



/* GENERAL PAGE FORMATTING                                         */
/*#################################################################*/
body { font: 76%/1.8 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; min-width: 760px; }

#wrapper { width: 720px; margin: 0 auto; text-align: left; }

#banner { 
        position: relative; 
        font-size: 3em;
        text-transform: uppercase;
        text-indent: 0.75em;
        letter-spacing: 0.15em;
        text-shadow: 3px 3px 5px #000;
        /*color: #FFFFCC;*/
        color: #FFFFFF;
        background: #FFFFFF url(/images/common/banner-pr2007004a-print.jpg) no-repeat right top;
        width: 720px; 
        height: 190px; 
        clear: both; 
        margin: 0; 
        padding: 10px 0 0 0;
}
#banner a { 
        width: 100px;
        height: 50px;
        position: absolute;
        left: 592px;
        bottom: 0%;
}


#mainNavBox { text-align: center; }

#mainNav {
        text-transform: uppercase;
        background: #FAA819 url(/images/common/mainNavBg.gif) repeat-x;
        margin: 0;
        padding: 0;
        float: left;
        width: 100%;
        list-style: none;
}
#mainNav li { display: inline; margin: 0; padding: 0; }
#mainNav li a { 
        line-height: 2.1em;
        background: url(/images/common/mainNavBorder.gif) repeat-y left top;
        margin: 0;
        padding: 0 0.5em 0 1em;            /* FOR SOME REASON, THERE IS SOME RESIDUAL PADDING ON THE RIGHT SIDE */
}
#mainNav a:link, #mainNav a:visited { text-decoration: none; color: #fff; }
#mainNav a:hover { color: #333; }
#mainNav .first a { background: none; }


#navContent { width: 180px; float: left; }

#subNav { 
        font-size: 0.88em;
        text-transform: uppercase;
        color: #333;
        width: 180px;
        float: left;
}
#subNav a:link, #subNav a:visited { font-size: 0.9em; text-decoration: none; color: #333; }
#subNav a:hover { color: #369; }

#subNav ul { margin: 0; padding: 0; list-style: none; }
/*#subNav li { background: #E4E4E4 url(/images/common/subNavBg.gif) repeat-x left bottom; }*/
#subNav li { background: #FFFFFF url(/images/common/subNavBgTop.gif) repeat-x left top; }
#subNav li a {
        line-height: 3em;
        background: url(/images/common/arrow.gif) no-repeat 10px center;
        display: block;
        margin: 0;
        padding: 0 10px 0 20px;
}
#subNav h2 {
        font-size: 1em;
        line-height: 30px; 
        background: #E4E4E4 url(/images/common/subNavBgTop.gif) repeat-x left top;
        margin: 0;
        padding: 0 10px;
}

/* THESE STYLES ACCOUNT FOR NESTED LISTS IN THE SUBNAV LIST */
#subNav li ul {
        list-style-type: none; 
        border: 1px solid #CCC;
        border-bottom: 0;
        margin: 0;
        padding: 0; 
}
#subNav li ul li {
        padding-left: 0px; 
        margin-left: 0; 
        text-transform: none;
        background: none; 
}
#subNav li ul li a { background: none; line-height: 2; display: block; margin: 0; }




#related { 
        font-size: 0.85em;
        background: orange;
        float: left;
        width: 178px;
        border: 1px solid #CCC;
        margin: 40px 0 0 0;
}
#related p#title { 
        color: #666;
        background: #dbedff;
        padding: 0.1em 0.75em;
        border-bottom: 1px solid #CCC;
}

#genericNav {
        float: left;
        width: 178px;
        margin: 40px 0 0 0;
}



#content { width: 520px; float: right; min-height: 250px; }


div#breadcrumbs { font-size: 0.78em; float: right; }
div#breadcrumbs ul, div#breadcrumbs li { 
        display: inline;
        margin: 0px;
        padding: 0 0.5em 0 1em;
        list-style: none; 
}
div#breadcrumbs ul { float: right; }
div#breadcrumbs ul li { background: url(/images/common/arrow.gif) no-repeat 0 0.33em; }
div#breadcrumbs ul .first { background: none; }



#mainContent { clear: both; }

#footer { text-align: center; }

/* MOST PAGE LAYOUTS HAVE SUB NAV CONTENT, THIS STYLE CENTERS THE FOOTER UNDER THE CONTENT */
#footer { margin-left: 200px; }


/* 1 COLUMN: 0 SUBNAV, 1 CONTENT BOX, 0 SECONDARY BOX */
body#onecol #subNav { display: none; }
body#onecol #content { width: 720px; }
body#onecol #mainContent { width: 720px; }

body#onecol #footer { margin-left: 0px; }

/* 2 COLUMNS: 1 SUBNAV, 1 CONTENT BOX, 0 SECONDARY BOX */
body#twocolNav #content { width: 520px; }
body#twocolNav #mainContent { width: 520px; }

/* 2 COLUMNS: 0 SUBNAV, 1 CONTENT BOX, 1 SECONDARY BOX */
body#twocolSec #subNav { display: none; }
body#twocolSec #content { width: 720px; }
body#twocolSec #mainContent { width: 500px; }
body#twocolSec #secondaryContent { width: 200px; }
/* hide this style from IE5 Mac \*/
body#twocolSec #footer { margin-left: 0px; }
/* stop hiding */

/* 2 COLUMNS: 0 SUBNAV, 1 CONTENT BOX, 1 SECONDARY BOX (EQUAL WIDTH) */
body#twocolSecEqual #subNav { display: none; }
body#twocolSecEqual #content { width: 720px; }
body#twocolSecEqual #mainContent { width: 340px; }
body#twocolSecEqual #secondaryContent { width: 340px; }
/* hide this style from IE5 Mac \*/
body#twocolSecEqual #footer { margin-left: 0px; }
/* stop hiding */


/* 3 COLUMNS: 1 SUBNAV, 1 CONTENT BOX, 1 SECONDARY BOX */
body#threecol #content { width: 520px; }
body#threecol #mainContent { width: 330px; }
body#threecol #secondaryContent { width: 170px; }


/* 3 COLUMNS: 1 SUBNAV, 1 CONTENT BOX, 1 SECONDARY BOX (EQUAL WIDTH) */
body#threecolEqual #content { width: 520px; }
body#threecolEqual #mainContent { width: 250px; }
body#threecolEqual #secondaryContent { width: 250px; }


/* FOOTER STYLES */
#footer ul, #footer ul li { 
        display: inline; 
        margin: 0px;
        padding: 0px;
        list-style: none;
}

#footer ul a { border-left: 1px solid #666; }
#footer ul li.first a { border-left: none; }

#copyright { text-align: center; }
#modified { color: #999; }
#footeraddress { color: #999; }


/* ALL PAGE STYLES                                                 */
/*#################################################################*/
h1#pagetitle { color: #f90; }

a:link, a:visited { font-weight: bold; text-decoration: none; }
a:link { color: #006699; }
a:visited { color: #6600CC; }
a:focus { outline: none; }
a:hover { color: #0099FF; text-decoration: underline; }

/* THESE ARE USED ON THE ERROR PAGES AND THE SITE MAP */
.searchbox {
        float: right;
        padding: 0.5em 1em;
}
.searchbox #searchsubmit { margin-top: 0.75em; }




/* THIS IS THE TEXT THAT SOMEONE SEARCHED ON, USUALLY APPEARING IN THE RESULTS PAGE */
.searchtext { color: #CC0033; }

/* ERROR STYLES FOR FORM ERRORS */
.formerror, .errortext { color: #FF0000; }
.formcomment { color: #666666; }



div.morelink { text-align: right; font-size: 1.15em; }
div.morelink img  { position: relative; top: 7px; }

div.backlink { text-align: left; font-size: 1.15em; }
div.backlink img  { position: relative; top: 7px; margin-right: 3px; }


.subcredit { font-size: 0.9em; line-height: 1.4; color: #888888; }
.disclaimer { color: #999; }


/* INDEX (TOP) PAGE                                                */
/*#################################################################*/



/* ABOUT US                                                        */
/*#################################################################*/




/*table.instructors { border: 1px solid #CCC; }*/




/* PUBLIC PROGRAMS PAGES                                           */
/*#################################################################*/

div.program .title { color: #0030FF; }
dl.programs dt { color: #0030FF; }

.tuesday { color: #F90; }





/* ASTRO RESOURCES PAGES                                           */
/*#################################################################*/


/* AVA PAGES                                                       */
/* ================================================================*/






/* DIGITAL UNIVERSE PAGES                                          */
/*#################################################################*/

table#packagechoice h3 { color: #0030FF; }

div.newsstory { border: 1px solid #CCC; }
div.newsstory .title { background: #dbedff; border-bottom: 1px solid #CCC; }

div.producttitle { color: #0030FF; }




/* CONTACT US PAGES                                                */
/*#################################################################*/



/* INTERNAL PAGES                                                  */
/*#################################################################*/




/* MISC PAGES                                                      */
/*#################################################################*/


/* WORKSHOP PAGES                                                  */
/* ================================================================*/
.funding { border: 1px solid #666; }
.workshopwherewhen { border: 1px solid #666; }
table.agenda .day { border: 1px solid #666; }