/********** general **********/
body {
  font-family:      georgia, serif;
  font-size:        1em;
  color:            #000000;
  background-color: #ffffff;
  background:       url('/images/noaabk.gif') no-repeat fixed 100% 100%;
  margin:           1em;
  height:           100%;
  width:            100%;
  overflow-y:       scroll;
}

p {
  font-size:   1em;
  margin-top:  0;
  text-align:  justify;
  line-height: 1.4em;
  font-weight: normal;
}

h1 {
  font-size:      1.75em;
  line-height:    1.1em;
  font-weight:    normal;
  letter-spacing: 1px;
  margin:         0;
}

h2 {
  font-size:      1.5em;
  line-height:    1.1em;
  font-weight:    bold;
  font-family:    arial, sans-serif;
  letter-spacing: 1px;
  margin:         0;
  color:          #777755;
}

h3 {
  font-size:      1.25em;
  line-height:    1.1em;
  font-weight:    normal;
  font-family:    arial, sans-serif;
  letter-spacing: 1px;
  margin:         0;
  color:          #777755;
}

h4 {
  font-size:      1em;
  font-weight:    normal;
  font-family:    arial, sans-serif;
  letter-spacing: 1px;
  margin:         0;
}

h5 {
  font-size:   1em;
  font-style:  italic;
  font-weight: bold;
  text-align:  justify;
  margin:      0;
}

h6 {
  font-size:   1em;
  margin-top:  0;
  text-align:  justify;
  line-height: 1.4em;
  font-weight: normal;
}

img {
  border: 0;
}

a        { color: #0000ff; text-decoration: underline; }
a:hover  { color: #dd9900; text-decoration: underline; }

/* clear fixes */
.clear { clear: both; }

.clearfix {display: inline-block;}

.clearfix:after {
     content: " ";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
}

.floatLeft {float:left}

.floatRight {float:right}

/********** header **********/
div#header, div#top {
	width:  650px;
	margin: 0 auto;
}

div#header:after, div#top:after {
     content: " ";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
}

#topbar {
	font-size:    0.8em;
	word-spacing: 0.15em;
	display: block;
}

#header .title, #top .title {
        float: left;
        width: 603px;
        height: 50px;
        overflow: hidden;
        padding: 0;
        margin: 5px 0;
        position: relative;
        font-size: 1.8em;
        font-weight:normal;
}

#header .title span, #top .title span {
        width: 603px;
        height: 50px;
        background: url("/common/img/header_ncdc.gif") no-repeat left top #fff;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 10;
}
#header .headerDOC, #top .headerDOC {
        height:50px;
        width:47px;
        float:right;
	margin: 5px 0;
}

#bannerbar {
  font-size:    0.8em;
  word-spacing: 0.15em;
  /*float:            left;*/
  width:            644px;
  background-color: #e2a300;
  padding:          3px;
}

#bannerbar form {
  text-align: right;
}

#topbar a,
#bannerbar a {
  font-family: arial, sans-serif;
  font-size:   1.1em;
}

#topbar a:hover,
#topbar a:active,
#bannerbar a:hover,
#bannerbar a:active {
  color: #ff0000;
}

#topbar div#toplinks, 
#bannerbar div#toplinks {
  float:      left;
  text-align: left;
  margin-top: 3px;
}

#topbar #topsearchform,
#bannerbar #topsearchform {
  float:      right;
  text-align: right;
}


#sitewarning {
  text-align:  center;
  font-weight: bold;
  font-family: arial, sans-serif;
  color:       #ff0000;
  margin:      0;
}


/* Specific page sections from the homepage to the 2nd level */


/********** sidebar **********/

#sidebar a:hover {
  color: #dd9900
}

#sidebar {
  font-size: 0.75em;
}

#sidebar li {
  font-family: arial, sans-serif;
  line-height: 1.2em;
  list-style:  none;
  font-size:   0.9em;
}

#sidebar p {
  font-family: georgia, serif;
  text-align:  justify;
  margin:      0 0.5em;
  color:       #996600;
}

#sidebar td {
  width: 125px;
}


/********** main **********/

#main table {
  width: 520px;
}

#main p {
  font-size:   1em;
  font-family: georgia, serif;
  color:       #000000;
  margin-top:  0;
  text-align:  justify;
}


/********** container **********/

div#container {
  width:  650px;
  margin: 0 auto;
}


/********** details **********/

#details p {
  font-size:   1em;
  font-family: georgia, serif;
  color:       #ff0000;
  margin-top:  0;
  text-align:  justify;
}

#details h2 {
  font-size:      2em;
  font-family:    arial, sans-serif;
  font-weight:    normal;
  letter-spacing: 1px;
  margin:         0;
  color:          #000077;
}


/********** footer **********/

#footer, #foot {
  width:       650px;
  margin:      0 auto;
  text-align:  left;
  font-size:   0.7em;
  line-height: 1.75em;
}

#footer #footimgs, #foot #footimgs {
  position: relative;
  float:    left;
  width:    100%;
}

#footer #footimgs div, #foot #footimgs div {
  float: left;
}

#foot ul.footerLinks, #footer ul.footerLinks {
	border-bottom: 3px solid #000000;
	border-top: 3px solid #000000;
	font-size: 0.7em;
	line-height: 1.75em;
	margin: 2px 0 0 0;
	padding: 7px 0;
	text-align: center;
	list-style-type: none;
	font-family: sans-serif;
}
#foot ul.footerLinks li, #footer ul.footerLinks li {
	display: inline;
	font-size: 1.8em;
	line-height: 1.8em;
	font-weight: bold;
	margin-right: 5%;
}
#foot ul.footerLinks li img, #footer ul.footerLinks li img {
	vertical-align: middle;
}


#foot ul.footerLinks li a, #footer ul.footerLinks li a {
        text-decoration: none;
}

#foot ul.footerLinks li a:hover, #footer ul.footerLinks li a:hover {
        text-decoration: underline;
}


#foot ul.footerLinks li.last, #footer ul.footerLinks li.last {
	margin-right: 0;
}