body {background:url(images/800_navbar.gif); font:71% Arial, Helvetica, sans-serif, Verdana, Geneva; margin:0px;}
body.rebus {background-image:none; background-color:#BCD1F5; padding:10px; font:.8em Arial, Helvetica, sans-serif, Verdana, Geneva;}
body.nav1024 {background:url(images/1024_navbar.gif); font:71% Arial, Helvetica, sans-serif, Verdana, Geneva; margin:0px;}
body.nav1280 {background:url(images/1280_navbar.gif); font:71% Arial, Helvetica, sans-serif, Verdana, Geneva; margin:0px;}
body.nav1600 {background:url(images/1600_navbar.gif); font:71% Arial, Helvetica, sans-serif, Verdana, Geneva; margin:0px;}
body.nav1920 {background:url(images/2560_navbar.gif); font:71% Arial, Helvetica, sans-serif, Verdana, Geneva; margin:0px;}
body.nonav670 {background:url(images/670.gif); font:71% Arial, Helvetica, sans-serif, Verdana, Geneva; margin:0px;}
body.nonav {background:url(images/800.gif); font:71% Arial, Helvetica, sans-serif, Verdana, Geneva; margin:0px;}
body.nonav1024 {background:url(images/1024.gif); font:71% Arial, Helvetica, sans-serif, Verdana, Geneva; margin:0px;}
body.nonav1280 {background:url(images/1280.gif); font:71% Arial, Helvetica, sans-serif, Verdana, Geneva; margin:0px;}
body.nonav1600 {background:url(images/1600.gif); font:71% Arial, Helvetica, sans-serif, Verdana, Geneva; margin:0px;}
body.nonav1920 {background:url(/images/2560.gif); font:71% Arial, Helvetica, sans-serif, Verdana, Geneva; margin:0px;}

#main {position:absolute; top:119px; left:135px; width:646px;}
#mainnav1024 {position:absolute; top:0px; width:869px; margin:135px;}
#mainnav1280 {position:absolute; top:0px; width:1024px; margin:135px;}
#mainnav1600 {position:absolute; top:0px;  width:1470px; margin:135px;}
#mainnonav670 {position:absolute; top:118px; left:0px; width:670px;}
#mainnonav {position:absolute; top:108px; left:0px; width:780px;}
#mainnonav1024 {position:absolute; top:108px; left:0px; width:1004px;}
#mainnonav1280 {position:absolute; top:108px; left:0px; width:1260px;}
#mainnonav1600 {position:absolute; top:108px; left:0px; width:1580px;}
#mainnonav1920 {position:absolute; top:108px; left:0px; width:1900px;}

.header {background:url(images/titlebar.jpg); width:780px; height:118px; text-align:center;}
.header1024 {background:url(images/1024_titlebar.jpg); width:1004px; height:118px; text-align:center;}
.header1280 {background:url(images/1280_titlebar.jpg); width:1260px; height:118px; text-align:center;}
.header1600 {background:url(images/1600_titlebar.jpg); width:1580px; height:118px; text-align:center;}
.header1920 {background:url(images/1920_titlebar.jpg); width:1900px; height:118px; text-align:center;}

.skipnav {color:#DEE3FF; text-decoration:none; text-align:right; background:transparent;}
.skipnav:active, .skipnav:focus {color:#0000FF; text-decoration:underline; text-align:right; background:transparent;}

#noaalink img {position:absolute; left:8px; top:13px; border-style:none}
#nwslink img {position:absolute; left:690px; top:13px; text-align:right; border-style:none}
#nwslink1024 img {position:absolute; left:920px; top:13px; text-align:right; border-style:none}
#nwslink1280 img {position:absolute; left:1170px; top:13px; text-align:right; border-style:none}
#nwslink1600 img {position:absolute; left:1470px; top:13px; text-align:right; border-style:none}
#nwslink1920 img {position:absolute; left:1810px; top:13px; text-align:right; border-style:none}

/*800x600*/
#topnav {position:absolute; left:136px; top:95px; width:644px}
.topnav {padding:1px 30px 0px 0px}
#footer {position:relative; left:-136px; color:#A9A9A9; font-weight:normal; width:780px; font-size: .9em}
hr.footer {width:638px; text-align:right; margin:0px 3px 0px auto;}
#footertd1 {position:relative; left:3px; padding-top:20px; width:130px; text-align:center;}
#footertd1 img {border-style:none}
#footertd2 {position:absolute; left:140px; top:12px;}
#footertd3 {position:absolute; left:410px; top:12px; text-align:left}
#footertd3 ul, #footernonavtd3 ul {list-style-type:none; margin-top:0px}
#footertd4 {position:absolute; left:577px; top:12px; width:198px; text-align:right; margin-right:2px; margin-top:0px}
#footertd4 ul, #footernonavtd4 ul {list-style-type:none; text-align:right; margin-top:0px}
#tag {position:absolute; background-color:#000000; color:#FFFFFF; text-align:center; font-size:90%; width:781px; top:100px;}
#footernonav {position:relative; color:#A9A9A9; font-weight:normal; width:776px;}
hr.footernonav {width:774px; margin:0px 3px}
#footernonavtd2 {position:absolute; left:4px; top:12px;}
#footernonavtd3 {position:absolute; left:330px; top:12px; text-align:left}

/*1024 pixels wide*/
#topnav1024 {position:absolute; left:135px; top:95px; width:869px}
.topnav1024 {padding:1px 50px 0px 40px}
#footer1024 {position:relative; left:-135px; color:#A9A9A9; font-weight:normal; width:1004px; font-size:.9em}
hr.footer1024 {width:863px; text-align:right; margin:0px 3px 0px auto;}
#footer1024td1 {position:relative; left:3px; padding-top:20px; width:130px; text-align:center;}
#footer1024td1 img {border-style:none}
#footer1024td2 {position:absolute; left:138px; top:12px;}
#footer1024td3 {position:absolute; left:510px; top:12px; text-align:left}
#footer1024td3 ul, #footernonav1024td3 ul {list-style-type:none; margin-top:0px}
#footer1024td4 {position:absolute; left:802px; top:12px; width:198px; text-align:right; margin-right:2px; margin-top:0px}
#footer1024td4 ul, #footernonav1024td4 ul {list-style-type:none; text-align:right; margin-top:0px}
#tag1024 {position:absolute; background-color:#000000; color:#FFFFFF; text-align:center; font-size:90%; width:1004px; top:106px;}
#footernonav1024 {position:relative; left:0px; color:#A9A9A9; font-weight:normal; width:1004px;}
hr.footernonav1024 {width:998px; margin:0px 3px}
#footernonav1024td2 {position:absolute; left:4px; top:12px;}
#footernonav1024td3 {position:absolute; left:440px; top:12px; text-align:left}

/*1600 pixels wide*/
#topnav1600 {position:absolute; left:135px; top:95px; width:1440px;}
.topnav1600 {padding:1px 140px 0px 140px}
#footer1600 {position:relative; left:-135px; color:#A9A9A9; font-weight:normal; width:1580px; font-size:.9em}
hr.footer1600 {width:1440px; text-align:right; margin:0px 3px 0px auto;}
#footer1600td1 {position:relative; left:3px; padding-top:20px; width:130px; text-align:center;}
#footer1600td1 img {border-style:none}
#footer1600td2 {position:absolute; left:138px; top:12px;}
#footer1600td3 {position:absolute; left:780px; top:12px; text-align:left}
#footer1600td3 ul, #footernonav1600td3 ul {list-style-type:none; margin-top:0px}
#footer1600td4 {position:absolute; left:1376px; top:12px; width:198px; text-align:right; margin-right:2px;}
#footer1600td4 ul, #footernonav1600td4 ul {list-style-type:none; text-align:right; margin-top:0px}
#tag1600 {position:absolute; background-color:#000000; color:#FFFFFF; text-align:center; font-size:90%; width:1580px; top:106px;}
#footernonav1600 {position:relative; left:0px; color:#A9A9A9; font-weight:normal; width:1580px;}
hr.footernonav1600 {width:1574px; margin:0px 3px}
#footernonav1600td2 {position:absolute; left:4px; top:12px;}
#footernonav1600td3 {position:absolute; left:710px; top:12px; text-align:left}

/*1920 pixels wide*/
#topnav1920 {position:absolute; left:135px; top:95px; width:1764px;}
.topnav1920 {padding:1px 200px 0px 200px}
#footer1920 {position:relative; left:-135px; color:#A9A9A9; font-weight:normal; width:1900px}
hr.footer1920 {width:1760px; text-align:right; margin:0px 3px 0px auto;}
#footer1920td1 {position:relative; left:0px; top:12px; width:136px; text-align:center;}
#footer1920td1 img {border-style:none}
#footer1920td2 {position:absolute; left:138px; top:12px;}
#footer1920td3 {position:absolute; left:1000px; top:12px; text-align:left}
#footer1920td3 ul, #footernonav1920td3 ul {list-style-type:none; margin-top:0px}
#footer1920td4 {position:absolute; left:1696px; top:12px; width:200px; text-align:right; margin-right:2px;}
#footer1920td4 ul, #footernonav1920td4 ul {list-style-type:none; text-align:right; margin-top:0px}
#tag1920 {position:absolute; background-color:#000000; color:#FFFFFF; text-align:center; font-size:90%; width:1900px; top:100px;}
#topnonav1920 ul li a {text-decoration:none; padding: 8px 190px 0px 190px; color:#fff; background-color:transparent;}
#footernonav1920 {position:relative; left:0px; color:#A9A9A9; font-weight:normal; width:1900px;}
hr.footernonav1920 {width:1894px; margin:0px 3px}
#footernonav1920td2 {position:absolute; left:4px; top:12px;}
#footernonav1920td3 {position:absolute; left:880px; top:12px; text-align:left}

/* leftnav different from RIDGE css */
#leftnav {position:absolute; width:131px; left:0px; top:125px;}
#leftnav img {border:none;}
#leftnav ol {margin-left:31px; padding-left:0px}
#leftnav ol li {margin-top:7px;}

.title_small {font-size:1.6em; color:#FFFFFF; font-weight:bold; background-color:transparent}
.title_large {font-size:2.5em; color:#FFFFFF; font-weight:bold; background-color:transparent}

a.navbar {font-weight:bold; color:#FFFFFF; text-decoration:none;}
a.navbar:hover {font-weight:bold; color:#F0E68C; text-decoration:underline;}
.navbar li {list-style-type:none; margin: 0 0 0 -3em;}

#content {margin-left:auto; margin-right:auto; font-size:1.1em; padding:0px 10px}
.searchinput, .searchinput SELECT, .searchinput INPUT  {font-size:.9em; display:inline;}
.yellow {font-weight:bold;	color:#F0E68C; background-color:transparent;}
.white {color:White; font-weight:bold; background-color:transparent;}
.red {color:Red; background-color:transparent;}
.green {color:green; background-color:transparent;}
.blue {color:Navy; background-color:transparent;}
.ltblue {color:#B0E0E6; font-weight:bold; background-color:transparent;}
.gray {color: #A9A9A9; font-weight:normal; background-color:transparent;}
.fuschia {color:#ff00ff; background-color:transparent;}
.purple {color:#800080; background-color:transparent;}
.brown {color:#B47F00; background-color:transparent;}
.graybackground {background-color:#f5f5f5}
.gray1 {color:GrayText; background-color:transparent;}
.ltgraybkgrnd {background-color:#F2F2F2;}
.ltbluebkgrnd {background-color:#6495ED; color:White; font-weight:bold}
.black {background-color:#000000}
.heat4 {background-color:#cc99cc}
.heat3 {background-color:#ff9999}
.heat2 {background-color:#ffcc99}
.heat1 {background-color:#ffff99}
table.matrix {font-size:.9em}
td.matrix {width:77px}
tr.matrix1 {background-color:#FAD7F8; text-align:left;}
tr.matrix2 {background-color:#DAD7FA; text-align:left;}
tr.matrix3 {background-color:#D7E6FA; text-align:left;}
tr.matrix4 {background-color:#D7FAEB; text-align:left;}
tr.matrix5 {background-color:#F5FFDD; text-align:left;}
tr.matrix6 {background-color:#FAEBD7; text-align:left;}
td.odd, tr.odd {background-color:#e7e7e7}
td.even, tr.even {background-color:#f5f5f5}
tr.blue0, td.blue0, th.blue0 {background-color:#f2f2ff}
tr.blue1, td.blue1, th.blue1  {background-color:#ebedfc}
tr.blue2, td.blue2, th.blue2  {background-color:#e2e3fa}
tr.blue3, td.blue3, th.blue3  {background-color:#d9d9ff}
tr.blue4, td.blue4, th.blue4  {background-color:#ceceff}
tr.blue5, td.blue5, th.blue5  {background-color:#bec1eb}

.img {border-style:none;}
.next {color:White; background:Green; font-weight:bold; padding:2px 5px}
.back {color:White; background:Blue; font-weight:bold; padding:2px 5px}
.max {color:White; background:Red; font-weight:bold; padding:2px 5px}
.ll {color:White; background:#FF8C00; font-weight:bold; padding:2px 5px}
.nowrap {white-space:nowrap;}
form {display:inline;}
h1, h2, h3, h4 {text-align:center; margin:0px;}
h1 {font-size:1.8em}
h2 {font-size:1.6em}
h3 {font-size:1.4em}
h4 {font-size:1.2em}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.centeralign, #centeralign {text-align:center}
.rightalign {text-align:right}
.leftalign {text-align:left}
#container {position:absolute; top:118px; left:135px; width:645px;}
#content {padding:0px 10px; font-size: 1.1em;}
.floatleft {float:left; padding-right:10px; padding-bottom:5px}
.floatright {float:right; padding-left:10px; padding-bottom:5px}
.centertable {margin-left:auto; margin-right:auto;}
div.figure, div.figure2, div.figure3, div.figure4, div.figure5, div.figure6, div.figure7, div.figure8, .figure {border:none; margin-left:auto; margin-right:auto; padding:0px}
div.figure p, div.figure2 p, div.figure3 p, div.figure4 p, div.figure5 p, div.figure6 p, div.figure7 p, div.figure8 p {color:#8F8F8F; font-size:.9em; font-style:italic; text-indent:0;}
p {text-align:left; line-height: 1.3em}
.clear {clear:both;}

#sidebar {width:150px; float:right; font-size:.9em; background-color:#DEF1E1; padding:4px; margin-left:5px; color:#40684A;}
sup {font-size:.8em}
dt {font-weight:bold;}
dd {line-height:1.3em}
.print {display:none !important;}
#quiz {width:80px; margin-left:auto; margin-right:auto; padding:0px}

/*learning lessons*/
#ll_titlebox1, #ll_titlebox2, #ll_titlebox3, #ll_titlebox4 {border-bottom: 1px solid navy; display:block; width:auto;}
#ll_title1, #ll_title2, #ll_title3, #ll_title4  {color:White; background:navy; font-weight:bold; padding:1px 1px 1px 5px; width:120px;}
#ff {background-color:#F1E8FB; color:#000162; padding:5px;}
#ff p {margin-top:0px; margin-bottom:0px}
table.ff {float:right; background-color:#fff; font-size:.9em; display: block;}
table.ff th {background-color: #eee;}

#mainimage {margin-left:135px; width:1740px}

/*to align the goto text with zipcity search
.goto {padding-top:2px}*/

/*spacing for the appendix leftnavbar*/
table.centeralign a {padding-right:.5em}

/*Koppen climate tables*/
tr.green2, td.green2  {background-color:#f1f8f1}
tr.green4, td.green4  {background-color:#daefdc}
table.climo {width:95%}

/*windchill tables*/
.wc1 {background-color:#ccffff}
.wc2 {background-color:#66ccff}
.wc3 {background-color:#6699ff}
.wc4 {background-color:#9999ff}
.wc5 {background-color:#cc99ff}
th.wc, tr.wc {text-align:center; background-color:#0A2390; color:#fff;}
th#wc {width:180px;}


/*Cloudmax*/
table.clouds tr {background-color:#b0c4de}
table.clouds th {background-color:#fff}
table.cloud {background-color:#b0c4de}
#cloudcontainer {position:relative; background-color:#b0c4de; text-align:center; margin-left:auto; margin-right:auto;}
#code {position:absolute; top:0px; left:0px; width:110px;}
#cloud {position:absolute; top:0px; left:110px;}
.cloudclass {font-weight:bold; font-size:1.2em}

table.acronyms {width:100%}
table.acronyms caption, table.matrix caption {font-size:1.8em; font-weight:bold}
table.acronyms th, table.matrix td {width:10%}
table.acronyms td {width:90%}
table.matrix td {font-size:1.1em; text-align:center}

.titlemax {color:red;}
ul.nolist {list-style-type:none; margin:0px; padding:0px;}
ul.nolist li {display:inline}

#cloudcontainer {width:825px; height:512px}
.description {padding:3px; text-align:left}
#select {position:relative; left:355px; top:2px; font-size:.9em}
#select img {border:1px solid #000080; margin-bottom:11px}

/*Quiz certificate*/
body.cert {margin:0px; padding:0px; background-image:none;}
table.cert {background-image: url(quiz/bkgrndcerts.gif);}
div#name {font-weight:bold; font-size:44px; color:Navy; text-decoration:none;	position:absolute; left:320px; top: 402px;}
div#topic {font-weight:bold; color:Navy; font-size:34px; text-decoration:none; position:absolute; left:200px; top: 502px;}
div#date {font-weight:bold; color:Navy; font-size:30px; text-decoration: none; position:absolute; left:220px; top: 576px;}

/*coolstuff*/
.dropcap {float:left; color:#b0c4de; font-size:100px; line-height:70px; padding-top:2px; font-family:Times, serif, Georgia;}
p.floatleft {width:480px; color:#515151; font-style:italic; font-size:.9em}
p.concentrate {width:380px; padding-left:15px; float:left}
.rebus {font-size:1.1em; text-align:center;}
ul.rebus, ol.rebus {text-align:left; font-size:.9em}
.true {font-weight:bold; color:green;}
.false {font-weight:bold; color:red;}
.tadd {color:#ffd700}
.concentrate {width:370px; float:left; color:#515151; font-style:italic; font-size:.9em; padding-right:10px}