@charset "utf-8";
/* CSS Document */

body {margin: 0; padding: 0; width: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em;}
a {color: #5DA69B;}
p.caption {font-size: 9px;line-height: 1em; color: #00FF66;} 
#mbody {margin: 0 auto; padding: 0; width: 786px; position: relative; display: block;}
#header {position: absolute; top: 0px; left: 0px; width: 786px; height: 206px; background-color: #5DA69B;}
#corps {position: relative; border: none; overflow: hidden; width: 786px; padding: 216px 0 0 0; margin: 0; display: block;}
#lcol {width: 498px; float: left; clear: none; display: block; position: relative; padding: 0; margin: 0;}
#lcol h1 {color: #512C10; font-size: 32px; font-weight: bold; margin: 0 0 12px 0;}
#lcol p {color: #512C10; font-size: 1.1em; line-height: 1.4em; font-weight: bold; margin: 0 0 12px 0;}
#lcol p .strbig {color: #5DA69B; text-transform: uppercase;}
#lcol img {margin: 0; padding: 10px; background-color: #FFFFFF; border: solid 1px #5DA69B;}
#lcol .box {width: 496px; _width: 498px; border: solid 1px #5DA69B; background-color: #F3F9F8; margin: 0 0 12px 0;}
#lcol .box h2 {font-size: 1.8em; color: #512C10; font-weight: bold; margin: 10px;}
#lcol .box img {float: right; clear: right; margin: 10px; padding: 6px; border: solid 1px #5DA69B; background-color: #FFFFFF; position: relative;}
#lcol .box p {color: #000000; font-size: .94em; font-weight: normal; margin: 0px; padding: 10px;}
#lcol .box p a {color: #512C10; font-weight: bold; text-decoration: none; font-size: 1.24em;}
#lcol .box p a:hover {text-decoration: underline}
#lcol .box p em {color: #5DA69B; font-weight: bold; font-style: italic;}
#lcol .box .dmod {background-color: #E4F1EF; padding: 10px; overflow: hidden; position: relative; float: none; clear: both;}
#lcol .box .dmod img {float: left; clear: left; margin: 0px 10px 0px 4px; padding: 6px; border: solid 1px #5DA69B; background-color: #FFFFFF; position: relative;}
#lcol .box .dmod p {color: #000000; font-weight: normal; margin: 0; padding: 0;}
#lcol .box .dmod p a {color: #512C10; font-weight: bold; text-decoration: none; font-size: 1.24em;}
#lcol .box .dmod p a:hover {text-decoration: underline;}
#lcol #qbox {background: url(/images/start-quote.gif) left top no-repeat #F3F9F8; border: solid 1px #5DA69B; margin: 10px 0 0 0; padding: 0; display: block; font-size: .86em;}
#lcol #qbox #endq {background: url(/images/end-quote.gif) bottom right no-repeat; padding: 10px;}
#lcol #qbox #endq p {font-weight: bold; color: #512C10; margin: 0 0 6px 0;}
#lcol #qbox #endq p.whosaid {font-size: .8em; font-weight: normal; color: #000000; margin: 0;}
#rcol {width: 278px; float: right; clear: none; display: block; position: relative; margin: 0; padding: 0;}
#rcol .box {background-color: #F3F9F8; border: solid 1px #5DA69B; display: block; padding: 0; margin: 0 0 10px 0;}
#rcol .box h3 {background: url(/images/rcol_head.gif) left top no-repeat; color: #FFFFFF; font-size: 13px; font-weight: bold; display: block; margin: 0; line-height: 31px; width: 252px; _width: 276px; padding: 0 0 0 24px;}
#rcol img.guide {margin: 16px 0 0 18px; float: left; clear: left; display: inline;}
#rcol .lilbox {color: #FFFFFF; height: 20px; line-height: 20px; background-color: #5DA69B; font-size: 10px; font-weight: bold; display: inline-block; border: solid 2px white; padding: 0 8px; margin: 80px 0 0 10px;}
#rcol #boxholder {display: block; padding: 0 0 12px 0; margin: 12px 12px 0 12px; float: none; clear: both; position: relative; font-size: .86em;}
#rcol #boxholder #salespoint {margin: 12px 0 12px 8px; padding: 0; font-weight: bold; display: block;}
#rcol #boxholder #salespoint li {margin: 0 0 8px 8px; list-style-image: url(/images/bullet-green.gif);}
#rcol .tabbox { background-color: #FFFFFF; border: solid 1px #5DA69B; border-top: none; display: block; margin: 0; padding: 0 10px 10px 10px;}
#rcol #online a.txt {clear: left; float: none; color: #5DA69B; font-weight: bold; text-decoration: none;}
#rcol #online a.txt:hover {text-decoration: underline;}
#rcol #online br {clear: both;}
#rcol #offline {display: none;}
#rcol #offline p {margin: 0; padding: 0;}
#rcol #offline a.txt {color: #5DA69B; font-weight: bold; text-decoration: none;}
#rcol #offline a.txt:hover {text-decoration: underline;}
#rcol #offline br {clear: both;}
.newline {display: block;}
#rcol .tabber {height: 32px; background: url(/images/tab-back.gif) left top repeat-x; display: block; height: 22px; margin: 0; padding: 0; font-weight: bold; height: 22px; line-height: 22px;}
#rcol .tabber ul {margin: 0; padding: 0;}
#rcol .tabber ul li {float: left; list-style-type: none; height: 22px; line-height: 22px; overflow: hidden; margin: 0; padding: 0;}
#rcol .tabber ul li.selected {list-style-type: none; float: left; margin: 0 4px 0 0; padding: 0 16px 0 0; background: #FFFFFF url(/images/tab_hi.gif) right top no-repeat;}
#rcol .tabber ul li.selected span {margin: 0; overflow: hidden; display: inline-block; background: url(/images/tab_hi.gif) left top no-repeat; padding: 0 0 0 10px;}
#rcol .tabber ul li.unselected {margin: 0; padding: 0; margin: 0 4px 0 0;}
#rcol .tabber ul li.unselected a {text-decoration: none; background: #E4F1EF url(/images/tab_low.gif) left top no-repeat; padding: 0 0 0 10px; overflow: hidden; color: #CCCCCC; text-decoration: none; height: 22px; display: inline-block;}
#rcol .tabber ul li.unselected a:hover {background-color: #FFFFFF; color: #5DA69B;}
#rcol .tabber ul li.unselected span {margin: 0; padding: 0 16px 0 0; overflow: hidden; height: 22px; background: url(/images/tab_low.gif) right top no-repeat; display: inline-block; cursor: pointer;}
#rcol a.btn {background: url(/images/button_back.gif) right top no-repeat; color: #FFFFFF; font-size: 14px; font-weight: bold; height: 32px; line-height: 29px; padding: 0 24px 0 0; margin: 10px 0; display: inline-block; text-decoration: none;}
#rcol a.btn span {background: url(/images/button_back.gif) left top no-repeat; overflow: hidden; padding: 0 0 0 24px; margin: 0; height: 32px; display: inline-block; cursor: pointer;}
#rcol a.btn:hover span {color: #D4E0dE;}
#rcol .box #map {background: url(/images/US-map.gif) center center no-repeat; height: 195px; display: block; margin: 0; position: relative;}
#rcol .box #map .btn {position: absolute; right: 10px; bottom: 0;}
#survey_5401 {margin: 0; padding: 0; position: relative;}
#survey_5401 fieldset {border: none; padding: 0; padding: 10px 10px 0 10px; display: block;}
#survey_5401 input {width: 246px; font-size: 13px; color: #999999; margin: 0 0 4px 0; padding: 0;}
#survey_5401 button {background: transparent url(/images/button_back.gif) right top no-repeat; color: #FFFFFF; font-size: 14px; font-weight: bold; height: 34px; line-height: 28px; padding: 0 24px 8px 24px; margin: 10px 0; display: inline-block; text-decoration: none; border: none; overflow: visible; font-family: Verdana, Arial, Helvetica, sans-serif; cursor: pointer;}
#survey_5401 a#privacy {position: absolute; right: 20px; bottom: 20px; color: #000000; font-size: 10px;}
#news {margin: 10px; font-size: .76em;}
#news ul {margin: 0; padding: 0; list-style-type: none;}
#news ul li {margin: 0 0 8px 0; padding: 0;}
#news p {margin: 0 0 8px 0;}
#news a {color: #5DA69B; font-weight: bold; text-decoration: none;}
#news a:hover {text-decoration: underline;}
#footer {width: 786px; clear: both; text-align: center; margin: 0; padding: 0 0 20px 0; display: block; text-align: center; font-size: 12px; color: #666666; font-weight: normal; line-height: 18px;}
#footer hr {background-color: #5DA69B; color: #5DA69B; border: none; height: 1px; padding: 0; margin: 10px 0; _margin: 0 0 10px 0; display: block; clear: both;}
#sponsors {width: 580px; text-align: center; padding: 10px 0; float: left; border: none; border-right: dotted 1px #5DA69B; display: table-cell;}
#sponsors img {margin: 0 30px; padding: 0; border: none; vertical-align: middle;}
#community {float: right; width: 150px; _width: 190px; text-align: left; padding: 12px 0 0 40px; margin: 4px 0 0 0; color: #999999; font-size: 12px; font-weight: bold; background-color: #E4F1EF; height: 100%;}
#community p {margin: 0 0 6px 0; padding: 0;}
#flinks {float: none; clear: both; padding: 20px 0; margin: 0; font-size: 10px; text-transform: none; display: block;}
#flinks a {color: #666666; font-weight: bold;}
#social {text-align: center; padding: 12px 10px 0 18px; margin: 0;}
#topnav {height: 32px; margin: 0 auto; padding: 0; border: none; border-top: solid 2px #FFFFFF; display: block; clear: both; position: relative; text-align: center;}
#topnav ul {display: block; list-style: none;  margin: 0 auto; padding: 0;}
#topnav ul li {display: block; float: left; line-height: 32px; font-size: 10px; font-weight: bold; margin: 0px; padding: 0; position: relative;}
#topnav ul li:hover {background: url(/images/pointer.gif) left 12px no-repeat;}
#topnav ul#training {width:233px;left:-80px;}
#topnav ul#training li a:hover {width:227px;}

#topnav ul#learn {width:183px;}
#topnav ul#learn li a:hover {width:177px;}

#topnav ul#components {width:263px;}
#topnav ul#components li a:hover {width:257px;}

#topnav ul#resources {width:281px;}
#topnav ul#resources li a:hover {width:275px;}

#topnav ul#news {width:190px;}
#topnav ul#news li a:hover {width:184px;}

#topnav ul li a {color: #FFFFFF; height: 32px; text-decoration: none; padding: 0 16px;}
#topnav ul li a:hover {text-decoration: underline;}
#topnav ul li ul {display: none; position: absolute; left: 0; top: 32px; background-color: #512C10; width: 275px; list-style-type: none;}
#topnav ul li ul li {display: block; float: none; border: none; border-top: 1px solid #FFFFFF; text-align: left; padding: 0; min-height: 32px;}
#topnav ul li ul li:hover {background-image: none;}
#topnav ul li ul li a {padding: 0 0 0 6px; height: 100%; width: 269px; _width: 275px; display: block;}
#topnav ul li ul li a:hover {background-color: #5DA69B;}
#topnav ul li:hover ul, li.over ul {display: block;}
#content {display: block; margin: 0; padding: 0 0 0 10px;}
#content h1 {font-size: 1.8em; width: 90%; margin: 0 0 .6em 0; padding: 0;}
#content h2 {color: #512C10; font-size: 1.4em; width: 90%; margin: 0 0 .6em 0; padding: 0;}
#content p {font-weight: normal; color: #000000; padding: 0; margin: 0 10px 1em 0;}
#content p.boxy {display: block; float: none; clear: both;}
#content ul {font-size: 1.1em; margin: 0 0 1em 16px; padding: 0 0 0 12px;}
#content ul li {margin: 0 0 .6em 0; padding: 0; list-style-type: disc;}
#content img {float: left; clear: left; margin: 0 8px 8px 0; display: block;}

.FB {width: 64px; height: 64px; display: inline-block; background: url(/images/facebook.gif) left top no-repeat; padding: 0; /* margin: 0 20px; */}
.TW {width: 64px; height: 64px; display: inline-block; background: url(/images/twitter.gif) left top no-repeat; padding: 0; /* margin: 0 20px; */}
.open {font-weight: bold; margin: 0 0 8px 0; padding: 0; display: block; font-size: 1.2em; line-height: 1.4em;}
.closed {display: none; font-weight: bold; margin: 0 0 8px 0; padding: 0; font-size: 1.2em; line-height: 1.4em;}
.closed a {font-size: .6em; display: block;}
.listitem {font-weight: normal;}
ul#shades {list-style-type: none; margin: 0; padding: 0;}
ul#shades a {text-decoration: none;}
ul#shades a:hover {text-decoration: underline;}
ul#shades li {list-style-type: none; margin: 0 0 16px 0; padding: 0 0 0 12px; font-weight: normal; font-size: .94em; background: transparent url(/images/bullet-green.gif) left 6px no-repeat; display: block; clear: left;}
ul#shades li table {display: block; margin: 0 0 24px 0;}
ul#shades li table caption {font-weight: bold; padding: 4px 4px 8px 4px; border: none;}
ul#shaeds li table tbody {width: 100%;}
ul#shades li ul p {margin: 0 0 0 -12px;}
ul#shades li ul {list-style-type: disc; padding: 0 0 0 12px;}
ul#shades li ul li {list-style-type: disc; margin: 0 0 12px 0; padding: 0 0 0 4px; font-size: 1.0em; line-height: 1.4em; background: none;}
ul#shades li ul li ul {list-style-type: disc; font-size: .8em;}
ul#shades li ul li ul li ul {font-size: 1em;}
ol.nom {list-style-type: upper-roman; margin: 0; padding: 0 0 0 16px;}
ol.nom li {list-style-type: upper-roman; margin: 0 0 12px 0; padding: 0 0 0 16px;}
ul#shades img {padding: 4px; float: left; clear: left; margin: 0 8px 8px 0;}
ul#shades p {clear: none;}
.clear {width: 1px; height: 1px; margin: 0; padding: 0; clear: both;}

table.topguide {background-color: #E4F1EF; border: none; border-collapse: collapse; margin: 0 0 20px 0;}
table.topguide td {border-right: 2px solid #FFFFFF;}
table.topguide td a:hover {color: #512C10;}

#HG_USI {display: block;}
#CL_KS, #EF_CNJ, #HH_SCSU, #MM_RSCNJ, #SB_RU, #WB_ISU, #MM_RSCNJ, #SB_R, #JD_WSC, #LSJG_UNLV {display: none;}
#prevBtn {display: none;}

/* C Casey added styles */
ul#shades li ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
}