body { font: 12px arial, tahoma, sans-serif; text-align: center; margin: 0; padding: 0; color: #3b3b3b; background-color: #000; }

form { margin: 0; }
img { border: 0; }
h3 { color: #2850ff; font-size: 16px; }
a { text-decoration: none; }

table.doc img { margin: 0 0 20px; }
td.dochead { font-weight: bold; height: 30px; padding: 0; vertical-align: top; font-size: 14px; }
table.doc a { color: #2850ff; }
table.doc a:hover { color: orange; }
span.docpub { font-size: 11px; font-weight: normal; }
td.doctitle { padding: 0 0 auto 0; vertical-align: top;}

#border { margin: 5px auto 0 auto; background-color: #fff; width: 900px; }

#cornertr { float: right; height: 6px; width: 6px; background: url(/SU3Analytics/images/corner_tr.png) no-repeat top right; }
#cornertl { float: left; height: 6px; width: 6px; background: url(/SU3Analytics/images/corner_tl.png) no-repeat top left; }

#close { width: 900px; height: 6px; margin: 0 auto 40px auto; background-color: #fff; }
#cornerbr { float: right; height: 6px; width: 6px; background: url(/SU3Analytics/images/corner_br.png) no-repeat bottom right; }
#cornerbl { float: left; height: 6px; width: 6px; background: url(/SU3Analytics/images/corner_bl.png) no-repeat bottom left; }

#portal_c { border: 1px solid red; margin: 0 auto 0 auto; width: 600px; height: 250px; }

#margin { margin: 0 auto 0 auto; width: 800px; text-align: left; height: 470px; }

#top { width: 800px; height: 80px; text-align: left; margin: 0 auto 0 auto; }
#topl { float: left; }
#toprr { borderX: 1px solid yellow; float: right; height: 24px; width: 5px; background: url(/SU3Analytics/images/topr_r.png) no-repeat bottom right; }
#topr { borderX: 1px solid red; width: 156px; float: right; margin: 0; padding: 0; background: url(/SU3Analytics/images/topr_l.png) no-repeat bottom left; background-color: #ccc; }
#topr ul { borderX: 1px solid pink; float: left; list-style: none; padding: 0 0 0 0; margin: 4px 0px 4px 11px; }
#topr li { display: inline; margin: 0 5px 0 5px; padding: 0; }
#topr a { color: #2850ff; }
#topr a:hover { text-decoration: underline; }

#tagline { position: relative; left: 40px; top: -4px; }

#menu { clear: both; width: 800px; margin: 0 auto 5px auto; background-image: url(/SU3Analytics/images/menubar_2.png); text-align: right; }
#menu ul { background: url(/SU3Analytics/images/menubar_2_l.png) no-repeat top left; list-style: none; margin: 0 20px 0 0; padding: 6px 0 6px 0; font-weight: bold; font-size: 13px; }
#menu li { background-image: url(/SU3Analytics/images/menubar_2.png); background-position: 50% 0; display: inline; padding: 6px 15px 6px 15px; text-align: center; }
#menu li a { color: #e5e5e5; text-decoration: none; }
#menu li a:hover { color: #fff; }
#menu_r { width:800px; background: url(/SU3Analytics/images/menubar_2_r.png) no-repeat top right; }

#footer { font-size: 11px; text-align: center; margin: 20px 0 0 0; padding: 8px; }

img.logo { margin: 10px 0 0 0; }
span.logo { color: orange; }

.subh { color: #2850ff; font-size: 14px; line-height: 22px; }
ul.serv { padding: 0; list-style: none; margin: 0; }

#splash { margin: 20px 0 0 0; width: 800px; height: 170px; background: url(/SU3Analytics/images/drop_impact_clear.jpg); opacity: 1; filter: alpha(opacity=100); }
#splash_1 { width: 800px; height: 170px; background: url(/SU3Analytics/images/drop_impact_loc.jpg); opacity: 0; filter: alpha(opacity=0); }
#splash_2 { width: 800px; height: 170px; background: url(/SU3Analytics/images/drop_impact_bis.jpg); opacity: 0; filter: alpha(opacity=0); }
#splash_3 { width: 800px; height: 170px; background: url(/SU3Analytics/images/drop_impact_prod.jpg); opacity: 0; filter: alpha(opacity=0); }
#splash_4 { width: 800px; height: 170px; background: url(/SU3Analytics/images/drop_impact_loc.jpg); opacity: 0; filter: alpha(opacity=0); }
#splash_5 { width: 800px; height: 170px; background: url(/SU3Analytics/images/drop_impact_whi.jpg); opacity: 0; filter: alpha(opacity=0); }
#splash_6 { width: 800px; height: 170px; background: url(/SU3Analytics/images/drop_impact_clear.jpg); opacity: 0; filter: alpha(opacity=0); }

#pagehead { margin: 0 0 15px 0; }
#pagehead img { padding: 0 5px 0 0; }
#pagehead span { font-size: 18px; color: #2850ff; }

td.cont { width: 40px; padding: 12px 0 6px 0; }
td a { color: #2850ff; }
td a:hover { color: orange; }
td.address { vertical-align: top; padding: 12px 0 0 100px; }

span.detail { font-size: 11px; font-weight: bold; }

#portals { width: 100%; margin: 25px 0 0 0; }
#portals td { vertical-align: top; }
#portals td.port { padding: 10px 0 0 20px; }
#portals ul { margin: 0; padding: 0; }
#portals ul.sub-port { margin: 0 0 0 20px; font-size: 11px; }
#portals li { margin: 0; padding: 3px 0 3px 0; }
#portals li.desctitle { font-size: 16px; color: #2850ff; list-style-type: none; margin: 0 0 5px 0; }

#portals .head {
	font-size: 15px;
	font-weight: bold;
	color: #333;
}

ul.site { list-style: none; }
ul.site a { color: #2850ff; }
ul.site a:hover { color: orange; }
ul.site { line-height: 20px; }
ul.site img { vertical-align: top; }
ul.site li { vertical-align: top; padding: 3px 0 3px 0; }

ul.subsite { padding: 0 0 0 25px; margin: 0 0 0 0; list-style: none; }

table.contact { margin: 0 0 20px 0; }