/* This is a CSS file that is used for documents on the root level of
the physics department page, i.e., the main page and all those pages 
that share the same side navigation bar.  Some code copied directly
from CSS files by the North Park Office of Communications. */

             /* basic styles */

/* Beginning font rules.  Some of these settings will be overwritten
as the file goes along.
From:  http://www.northpark.edu/home/css/npustyles.css */

p, a, td, li, ul, ol, h1, h2, h3, h4, h5, h6, input, select {font-family: lucida grande, verdana, lucida, Geneva, arial, helvetica, sans-serif; font-size: 11px; }

body, body div, body p, body th, body td, body li, body dd, body dt {/* more specific to override rule in importing sheet */ font-family:  lucida grande, verdana, lucida, Geneva, arial, helvetica, sans-serif; font-size: 11px; }

html>body, html>body div, html>body p, html>body th, 
html>body td, html>body li, html>body dd, html>body dt {font-size: 11px;
/* be nice to Opera */ }

p {padding:2px 0px 3px; margin:0px; }


             /* basic constructs for links */

a:link {color: #00539B;
text-decoration: none;
background-color: transparent; }

a:visited {color: #00539B;
text-decoration: none;
background-color: transparent; }

a:hover {color: #000;
text-decoration: underline;
background-color: transparent; }

a:active {color: #E23A2B;
background-color: transparent; }

a img { color: white }   /* to hide border in NS 4.x */


             /* basic constructs for headings and paragraphs */

h1 {font-size: 15px;
font-weight: bold;
color: #00539B;
margin: 0px;
background-color: transparent;
text-transform: uppercase;
padding-left: 5px; }

h2 {font-size:13px;
font-weight: normal;
color: #000000;
background-color: transparent;
text-transform: uppercase;
margin: 8px 0px 4px;
padding-left: 5px;
padding:0px; }

h2 a {font-size:13px;
font-weight: normal;
color: #000000;
background-color: transparent;
text-transform: uppercase; }

h3 {font-size:13px;
font-weight: normal;
background-color: transparent;
color: #000;
margin:0px;
padding-bottom:3px;
padding-left: 5px; }

h4 {font-size:13px;
font-weight: normal;
color: #00539B;
background-color: transparent;
padding-top:2px;
padding-bottom:3px;
padding-left: 5px; }

h5 {font-size:11px;
font-weight: normal;
color: #000;
background-color: transparent;
margin:0px;
padding:0px;
padding-left: 5px; }

h6 {font-size:11px;
font-weight: normal;
color: #00539B;
background-color: transparent;
margin:0px;
padding:0px;
padding-left: 5px; }

p {padding:2px 0px 3px;
background-color: transparent;
margin:0px; }

ol {margin: 0px 0px 5px;
background-color: transparent;
padding: 0px 20px; }

li {margin: 0px;
background-color: transparent;
padding: 3px 0px 0px; }


             /* address block */

address
{
    margin-top: 3ex;
    margin-bottom: 3ex;
    padding-top: 10px;
    border-top: 1px solid #A9ADB4;
    background-color: transparent;
}
address img { float: right; }


             /* body block */
body
{
    top: 0px;
    left: 0px;
    background-color: transparent;
    margin: 0px;
    padding: 0px;
}


             /* table body block */

/* i add this because for some reason the weather station does not
read the font size specification in the basic style specs above */

tbody { font-size: 11px; }


             /* center tag replacement */

/* replacement for center tag for text and tables.  see
http://theodorakis.net/tablecentertest.html for details */

div.center
{
    text-align: center;
    background-color: transparent;
}

div.center table
{
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background-color: transparent;
}


             /* overall container */

#container
{
    position: relative;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    /* North Park top bar image is 740px by 116px */
    width: 740px;
}


             /* main title block */

/* The margins are formatted to push the main title block to the same
column boundaries as the main text block. */

div.maintitle
{
    position: relative;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 185px;
    text-align: left;
    background-color: transparent;
    width: 100%;
}


             /* not main title container */

div.notmaintitle
{
    position: relative;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    background-color: transparent;
    width: 100%x;
}


             /* main text block */

div.maintext
{
    position: relative;
    background-color: transparent;
    text-align: left;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    top: 0ex;
    left: 0px;
    clear: none;
    margin-left: 190px;
    width: 542px;
}


/* in main text, all h2 headers except the first has padding on top */

div.maintext h2
{
    padding-top: 1ex;
    background-color: transparent;
}


/* in main text, the first h2 header has no padding on top */

div.maintext h2.first
{
    padding-top: 0ex;
    background-color: transparent;
}


/* bulky lists:  this is for a main text list that i want to have a 
   line separating each item.  note the last item has 0 padding */

div.maintext ul.bulky li 
{ 
    margin-top: 0ex;
    margin-bottom: 0ex;
    padding-top: 0ex;
    padding-bottom: 2ex; 
    background-color: transparent;
}

div.maintext ul.bulky li.last 
{ 
    padding-bottom: 0ex; 
    background-color: transparent;
}

div.maintext ol.bulky li 
{ 
    margin-top: 0ex;
    margin-bottom: 0ex;
    padding-top: 0ex;
    padding-bottom: 2ex; 
    background-color: transparent;
}

div.maintext ol.bulky li.last 
{ 
    padding-bottom: 0ex; 
    background-color: transparent;
}


/* concise lists:  this is for a main text list that i want to have 
   a line separating each item */

div.maintext ul.concise li 
{
    margin: 0ex;
    padding: 0ex; 
    background-color: transparent;
}

div.maintext ol.concise li 
{ 
    margin: 0ex;
    padding: 0ex; 
    background-color: transparent;
}


/* this is for a title that is inline with a main text paragraph */
span.mainparatitle
{
    font-weight: bold;
    background-color: transparent;
}


             /* sidebar block block */

/* The negative margin-top values in the sidebarframe is there to make
the menu bar up at the same level in vertical placement as the maintitle. */

div.sidebarframe
{
    background-color: transparent;
    position: relative;
    float: left;
    /* top: -5ex; */
    margin-top: -5.6ex;
    left: 10px;  /* IE does not handle margin-left properly */
    width: 162px;
    border: 1px solid #A9ADB4;
    padding: 0px;
}

div.sidebartitle
{
    background-color: #E3DCC0;
    margin:  0px;
    padding: 6px 3px 3px 3px;
    TEXT-ALIGN: center;
    border-bottom: 1px solid #A9ADB4;
}

div.sidebartext
{
    background-color: white;
    margin:  0px;
    padding: 0px;
    TEXT-ALIGN: left;
    font-weight: normal;
}

/* For more information on these settings for ul see here:
http://www.meyerweb.com/eric/css/list-indent.html */

div.sidebartext ul
{
    background-color: transparent;
    margin-left: 30px;
    padding-left: 0px;
    padding-bottom: 2px;
    list-style-image: url(../imgs/grayBullet.jpg);
}

div.sidebartext ul li 
{ 
    background-color: transparent;
    padding-bottom: 2px; 
}

div.sidebarphoto
{
    background-color: transparent;
    position: relative;
    /* position: absolute; */
    /* top: 238px; */
    clear: left;
    float: left;
    left: 10px;  /* IE does not handle margin-left properly */
    width: 163px;
    height: 40ex;
    border: 0px solid #A9ADB4;
    padding: 0px;
    margin-top: 10px;
    text-align: center;
}


             /* style information for the top menu bar */

#mainNavigationWhite
{
     background-color: #00539B;
     text-align: right;
     /* height: 12px; */
     /* width: 732px; */
     width: 740px;  /* the top bar graphic is supposed to be 740 px, but
                    on my browser it looks better at 740 */
     top: 0px;
     left: 0px;
     position: relative;
     margin: 0px 0px 0px 0px;
     /* padding: 8px 8px 6px 0px; */
     padding-top: 8px;
     padding-bottom: 8px;
     padding-left: 0px;
     padding-right; 0px;
}

#mainNavigationWhite a 
{
     color: #FFFFFF;
     text-decoration: none;
     display:inline;
     font-weight: normal;
     background-color: transparent; 
}

#mainNavigationWhite a:hover 
{
     text-decoration: underline;
     display:inline;
     background-color: transparent; 
}

#mainNavigationYellow
{
     background-color: #E3DCC0;
     text-align: right;
     /* height: 12px; */
     /* width: 732px; */
     width: 740px;  /* the top bar graphic is supposed to be 740 px, but
                    on my browser it looks better at 740 */
     top: 0px;
     left: 0px;
     position: relative;
     margin: 0px 0px 0px 0px;
     /* padding: 8px 8px 2px 0px; */
     padding-top: 8px;
     padding-bottom: 8px;
     padding-left: 0px;
     padding-right; 0px;
}

#mainNavigationYellow a 
{
     color: #000;
     text-decoration: none;
     display:inline;
     font-weight: normal;
     background-color: transparent; 
}

#mainNavigationYellow a:hover 
{
     text-decoration: underline;
     display:inline;
     background-color: transparent; 
}


             /* weather icon font settings */

div.weathericon span.temp
{ 
    font-size: 14px;
    font-weight:bold;
}