/*   '$RCSfile: default-nn4.css,v $'
  *   Copyright: 2002 Regents of the University of California, the Partnership
  *              for Interdisciplinary Studies of Coastal Oceans, and the
  *              National Center for Ecological Analysis and Synthesis
  *
  *   '$Id: default-nn4.css,v 1.16 2005/08/04 00:59:17 brooke Exp $
  */
  
/****************************************************************************
*****************************************************************************
*****************************************************************************
	NOTE!!! 
	This file contains styles that apply to netscape 4 browsers. These styles
	are also IMPORTED into the default.css file used for modern browsers, 
	and styles overridden there, where necessary
	
	If you need to add/change CSS styles, add/change them in *this* css  
	file (default-nn4.css), so they will be applied to netscape 4 browsers
	*and* modern browsers. If they are not supported by NN4, they may be 
	added to default.css only
*****************************************************************************
*****************************************************************************
*****************************************************************************/

BODY {
    margin:                     -10px 0px 0px -10px;   /* for NN4 */
    background-image:           url(images/backg-nn4.png);
    background-position:        top left;     /* No NN4 */
    background-repeat:          repeat-x;     /* No NN4 */
    color:                      #333333;      /* dark gray */
    font-style:                 normal;
    font-weight:                normal;
    font-family:                Arial, Helvetica, sans-serif;
    font-size:                  12px;          /* IE6 misbehaves when font   */
    text-decoration:            none;          /* size uses em's or 'medium' */
    line-height:                1.5em;
  }

.content {
    font-size:                  12px;
  }

div#navbar, table.subnav {
    width:                      635px;
    height:                     20px;
    margin-left:                85px;
    color:                      #FFFFFF;
    font-weight:                bold;
  }

table.subnav {
    float: none;
    font-size:                  0.9em;
	color:						#666666;
/**
    color:                      #334499;
**/
    margin:                     0px;
    margin-top:                 10px;
    margin-bottom:              20px;
    background-color:           #eeeeee;
  }
	
	
div.content table.subnav a, div.content table.subnav a:hover {
    font-size:                  1em;
    font-weight:                bold;
}



div#navbar a:hover {
    color:                      #333333;
  }


div.header {
    height:                     80px;
    background-position:        top left;     /* No NN4 */
    background-repeat:          repeat-x;     /* No NN4 */
    color:                      #FFFFFF;
  }

div.content, p {
    margin-left:                165px;
    margin-right:               50px;
    margin-top:                 50px;
    padding-left:               35px;
    border-left-width:          1px;
    border-left-style:          solid;
    border-color:               #999999;
    font-size:                  1em;
  }

ol, ul {
    margin-top:                 10px;
    margin-left:                0px;
    padding-left:               20px;
    border:          			none;
 }

p, blockquote, .code, code {
    border:                     none;
    margin:                     0px;
    margin-bottom:              1.5em;
    padding:                    0px;
}


blockquote {
    color:                      #555555;
    margin-left:                20px;
    margin-right:               100px;
    font-size:                  0.95em;
}

.code, code {
    font-family:                "Courier New", Courier, mono;
		color:                      #6677cc;
    margin-left:                10px;
    font-size:                  1em;
}

span.code {
		margin-left:                0px;
}
		
		
li {
    margin-top:                 1em;
    margin-bottom:              0px;
}


div.footer {
    margin-left:                165px;
    margin-right:               50px;
    margin-top:                 150px;
    padding-left:               35px;
    color:                      #999999;
    font-size:                  .8em;
  }

p.sidecopy {
    position:                   absolute;
    top:                        275px;
    left:                       30px;
    width:                      100px;
  }

a.navbar {
    color:                      #FFFFFF;
    margin-left:                12px;
    margin-right:               12px;
    font-size:                  10pt;
    font-style:                 normal;
    font-weight:                bold;
    font-family:                Arial, Helvetica, sans-serif;
    text-decoration:            none;
    vertical-align:             top;
  }



/* Headings Tags :
 * Headings are used to break up straight text.
 * They are used to present topics, or subsections, chapters, etc.
 * There are 6 headings tag which can be styled as we wish.
 * All of our headings will be rendered in the same font and color as the
 * default settings.
 */


h1, h2, h3, h4, h5, h6 {
    color:                      #334499;
    padding:                    0px;
    margin:                     0px;
    margin-top:                 2em;
    margin-bottom:              0.8em;
    font-style:                 normal;
    font-family:                Arial, Helvetica, sans-serif;
    text-decoration:            none;
  }

/* h1: very large font, set bold */
h1 {
    font-size:                  2em;
    font-weight:                bold;
  }

/* large font, set bold */
h2 {
    font-size:                  1.5em;
    font-weight:                bold;
  }

/* slightly larger font, set bold */
h3 {
    font-size:                  1.4em;
    font-weight:                bold;
  }

/* same size font as default, no bold */
h4 {
    font-size:                  1.3em;
    font-weight:                bold;
  }

/* slightly smaller font */
h5 {
    font-size:                  1.1em;
    font-weight:                bold;
  }

/* very small font */
h6 {
    font-size:                  .9em;
    font-weight:                normal;
  }


div.content a:link, div.content a:visited {
    color:                      #cc2200;
    font-size:                  1em;
    text-decoration:            none;
    font-weight:                normal;
  }
	
div.content a:hover, div.content a:active {
    color:                      #ff6633;
    font-size:                  1em;
    text-decoration:            underline;
    font-weight:                normal;
  }


/* image styles */
/* no padding or border around images by default */
img {
    border:                     0px;
    border-style:               none;
    border-width:               0px;
    padding:                    0px;
    text-decoration:            none;
  }

img.sidebar {
    margin-left:               30px;
    margin-top:                50px;
  }
	
a img {
    border:               #cc2200 solid 2px;
  }
	
a img:hover {
  border:                 #ff6633 solid 2px;
}