@charset "utf-8";
/*** GLOBAL STYLES ***/
html {overflow:scroll}
* {margin:0;padding:0}
body {background:#e2e2e2;margin:0 auto;padding:0;font:14px/16px Arial, Helvetica, sans-serif;color:#555}
blockquote {font-size:12px;line-height:16px;background:#f0f6fc;border:1px solid #d3e5f8;padding:15px;width:478px;margin:12px 0}
img {border:0;-moz-outline:none 0;outline:none 0}
.hr {width:520px;height:1px;border-top:1px solid #DDD;margin:12px auto 10px auto}
a:link, a:active, a:visited {color:#930;text-decoration:underline;-moz-outline:none0;outline:none 0}
a:hover {color:#930;text-decoration:none;-moz-outline:none0;outline:none 0}
.spacer {height:25px;margin:0;padding:0;border:none}
.challenged {height:25px;margin:0;padding:0;border:none;text-align:center}
.challenged p {margin:0;padding:3px 0 6px 0;font-size:11px;font-weight:bold}
.divider {height:16px;margin:0;padding:0;border:none}
.CL {clear:left}
.CB {clear:both}
/*** TYPOGRAPHY ***/
h1 {color:#444;font-size:16px;margin:0;padding:6px 0 6px 0}
h2 {color:#af3c2d;font-size:16px;margin:0;padding:6px 0 0 0}
h3 {color:#444;font-size:16px;margin:0;padding:12px 0 3px 0}
h4 {color:#444;font-size:16px;margin:0;padding:12px 0 0 0}
p {margin:0;padding:8px 0;line-height:20px}
.hr {width:508px;height:1px;border-top:1px solid #DDD;margin:12px auto 10px auto}
.description {margin:0 0 8px 0;padding:0 0 8px 0}
.bold {font-weight:bold;line-height:16px}
.cat {font-size:11px;color:#88ccf7}
.note {font-weight:bold;font-size:12px;line-height:18px}
.limit {font-weight:bold;font-size:10px;line-height:11px;font-style:italic;color:#666}
/*** LAYOUT ***/
#parent {width:855px;margin:10px auto 0 auto;padding-bottom:20px}
#mast {width:855px;height:96px}
#logo {width:400px;padding:10px 0 0 25px;float:left}
#login {width:300px;height:82px;float:right;background:#e9e9e9;border:2px solid #727a7d}
#login a {color:#930;text-decoration:underline}
#login a:hover {color:#930;text-decoration:none}
#login table {width:276px;border:none;margin:0 auto; font-size:11px;}
#LS {font-size:12px;font-weight:bold;color:#666;height:30px}
#LR {color:#af3c2d}
#LR a {text-decoration:none;color:#af3c2d}
#LR a:hover {text-decoration:none;color:#C63}
#login .LF1{border:1px solid #999;width:124px;height:15px;padding:2px;font-size:11px;color:#333}
#login .LF2{border:1px solid #999;width:124px;height:15px;padding:2px;font-size:11px;color:#333}
#navigation {width:855px;height:40px;margin:0 auto;background: url(../images/nbg.gif) top left repeat-x #369}
#banner-1 {width:855px;height:303px;border-top:1px solid #666;background:url(../images/main_mast.jpg) top left no-repeat}
#banner-2 {width:855px;height:139px;border-top:1px solid #666;background:url(../images/mini_mast.jpg) top left no-repeat}
#Panels {height:100px;border-top:1px solid #777}
#Panels a {color:#FFF;text-decoration:none}
#Panels a:hover {color:#FFF;text-decoration:underline}
#content {background:url(../images/cbg.gif) top right repeat-y #FFF;border:1px solid #CCC;border-width:0 1px 0 1px}
#LFT {width:510px;padding-left:25px;float:left}
#RGT {width:270px;float:right;padding-left:12px}
#Footer {background:#d2d2d2;height:38px;padding:20px 20px 0 20px;border:1px solid #CCC;border-width:0 1px 1px 1px;font-size:11px}
#Footer a {color:#444}
#Footer a:hover {color:#777}
#FL {float:left;width:auto}
#FR {float:right;width:auto}
/*** NAVIGATION ***/
#menu {height:40px;width:855px;margin:0 auto;font-family:Arial, Helvetica, sans-serif}
#menu ul {display:inline-block} 
#menu ul.top-level {margin-left:0}
#menu ul {margin:0;padding:0;list-style:none;white-space:nowrap;text-align:left} 
#menu li {margin:0;padding:0;border-right:1px solid #333}
#menu a {display:block;color:#FFF;font-size:12px;line-height:38px;text-decoration:none;padding:0 12px;height:40px} 
* html #menu ul.top-level {margin-left:0} /* I don't know why, but this centers IE5.5 ?? */
#menu li:hover > ul {visibility:visible}
#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {visibility:visible}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {visibility:hidden}
#menu ul.top-level {margin:0} 
#menu li.top-level-li {float:left;position:relative}
#menu a.down {float:left;padding:0 30px;cursor:pointer}
#menu a.top-level-a:hover {white-space:nowrap;/* Fix IE6 Hover */background:#222}
#menu li.top-level-li:hover > a {white-space:nowrap}
#menu li.top-level-li:hover > a {background:#222;color:#FFF}
#menu li.top-level-li:hover > a.down {background:#222;color:#FFF}
/* Top Tab width which can easily be defined by adding additional classes but IE6 requires an inline style to force width, otherwise it hides drop. */
#menu a.top-level-a {float:left;padding:0 30px}
/* IE6 Sub Nav width */
#sub-2 {top:40px;width:138px}
#sub-3 {top:40px;width:141px}
#sub-4 {top:40px;width:318px}
#sub-5 {top:40px;width:150px}
#menu li ul {display:block;position:absolute;visibility:hidden;background:#222;text-align:center;padding:0 1px 4px 1px;left:0;margin-left:-1px}
#menu li li {border-right:none}
#menu li li a {background:#333;color:#EEE;height:22px;line-height:20px;border-top:1px solid #444;border-bottom:1px solid #222} 
#menu li li a:hover {color:#EEE;/* Fix IE6 Hover */background:#787b7f} 
#menu li li:hover > a {background:#787b7f}
#menu ul.drop-down {top:40px} 
#menu li li ul {left:100%}
#menu ul li.end {border-bottom:none}
#menu ul li.end a {border-bottom:none}
#menu ul li.end a:hover {border-bottom:none}
#menu table {position:absolute;top:0;left:0;border-collapse:collapse;text-align:left}
#menu table ul li a {padding:0;}
#menu table table {top:auto; left:100%; margin-left:-1px; padding:0; margin:0;}
#menu table table ul {margin-top:-4px; marg\in-top:-7px;}
#menu li #on {background:#af3c2d;color:#FFF}
/*** QUICK FORM ***/
.QF {width:259px;margin:0;font-size:12px}
.QF p {line-height:18px;padding:8px 8px 0 8px}
.QF ul{margin:0;padding:12px 0 12px 0}
.QF ul li {line-height:14px;margin-left:20px;padding:0;color:#F00}
.QFB {margin:12px 0 3px 6px;padding:0;width:230px}
.QFB input, .QFB textarea {margin:0 0 3px 0;padding:3px;border:1px solid #DDD;color:#666;font-size:12px;height:17px;width:230px;font-family:Arial, Helvetica, sans-serif}
* html .QFB input, * html .QFB textarea {margin:0}
*:first-child+html .QFB input, *:first-child+html .QFB textarea {margin:0}
.QFB textarea#TA {height:60px}
form {clear:both}
.BTN {background:url(../images/sub.gif) top left no-repeat;width:71px;height:22px;margin:0 auto;padding:0;cursor:pointer;border:0}
#XY {margin:5px 0 0 90px}
.thanks {color:#069;font-weight:bold}
/*** OTHER FORMS ***/
.webinar ul{margin:0;padding:12px 0 0 0}
.webinar ul li {line-height:14px;margin-left:20px;padding:0;color:#F00;font-size:12px}
#F1 fieldset {border:1px solid #ddd;background:#eee;padding:15px;width:480px}
#F1 textarea {width:480px;height:100px}
#F1 {font-size:12px;color:#444;font-weight:bold;margin:20px 0 15px 0}
.survey ul{margin:0;padding:12px 0 0 0}
.survey ul li {line-height:14px;margin-left:20px;padding:0;color:#F00;font-size:12px}
#F2 fieldset {border:1px solid #ddd;background:#eee;padding:15px;width:480px}
#F2 textarea {width:480px;height:100px;margin-top:4px}
#F2 {font-size:12px;color:#444;font-weight:bold;margin:20px 0 15px 0}
/*** ELEMENTS ***/
.access {font-size:12px;line-height:18px;list-style:none;margin:8px 0 0 0}
.access li {background:url(../images/rsaquo.gif) 3px 7px no-repeat;padding-left:14px}
.access2 {font-size:11px;line-height:14px;list-style:none;margin:8px 0 6px 0}
.access2 li {background:url(../images/rsaquo2.gif) 3px 5px no-repeat;padding-left:14px}
.access2 a {color:#a45a2a}
.access2 a:hover {color:#630}
#C1 {margin:4px 0 8px 0}
#C2 {margin-top:4px}
.BT1 {float:left;width:150px;height:80px;color:#af3c2d;font-weight:bold}
.BT2 {float:left;width:160px;height:40px}
.BT3 {float:left;width:160px}
.Box-1 {font-size:12px;line-height:16px;border:1px solid #ddd;background:#eee;padding:15px;margin:16px 0 18px 0}
.Box-2 {background:#eee;border:1px dashed #ddd;margin:0 auto 10px auto}
.Box-3 {background:#eee;border:1px dashed #ddd;margin:16px auto 10px auto}
.Box-4 {margin:0 auto 10px auto;border-bottom:1px solid #ddd}
.BLU {list-style:none;font-size:12px;line-height:18px;margin:8px 0 16px 12px}
.BLU li {background:url(../images/blu-bullet.gif) 0px 6px no-repeat;padding-left:14px;margin-bottom:8px}
.FAQ {list-style:none;font-size:12px;line-height:20px;margin:16px 0 16px 12px}
.FAQ a {color:#444}
.FAQ a:hover {color:#930;text-decoration:underline;-moz-outline:none 0;outline:none 0}
.FAQ li {background:url(../images/ong-bullet.gif) 0px 6px no-repeat;padding-left:14px}
.FAQs {font-size:12px;line-height:16px}
.FAQs span {font-weight:bold;color:#ec9633}
.FTL {list-style-type:circle;margin:10px 20px 0px 25px;font-size:12px;color:#333}
.FTL li {margin-bottom:10px}
.FT2 {list-style-type:circle;margin:8px 20px 12px 25px;font-size:12px;color:#333}
#msplash {width:259px;background:#EEE}
.P1, .P2, .P3 {width:285px;float:left;font-weight:bold}
.P1 {background:url(../images/panel.gif) top left no-repeat;height:100px}
.P2 {background:url(../images/register.gif) top left no-repeat;height:100px}
.P3 {background:url(../images/panel.gif) top left no-repeat;height:100px}
.PC {width:150px;margin:20px 0 0 26px;height:50px}
#start {margin:114px 0 0 376px}
#start .BC img {border:1px solid #888}
.T1 {width:100%;border-width:1px;border-spacing:0px;border-style:none;border-collapse:collapse;margin:0 auto}
.T1 td {padding:12px}
.T1 img {border:1px solid #ccc}
.T1 img.N1 {border:none;margin:12px auto 0 auto}
.T1 img.N2 {border:none;margin:6px auto 0 auto}
.T1 h4 {font-size:14px;line-height:18px;color:#444;margin:0 0 6px 0;padding:0 0 6px 0}
.T1 p {font-size:11px;line-height:18px;margin-top:0;padding-top:0}
.T1 a {font-size:12px}
.T1 ul {margin:0;padding:0}
.T1 ul li {list-style-type:none}
.T3 {width:100%;border-width:1px;border-spacing:0px;border-style:none;border-collapse:collapse;margin:0 auto}
.T3 td {padding:12px;background:#EEE}
.T3 img {border:1px solid #ccc}
.T3 h4 {font-size:12px;line-height:18px;color:#444;margin:0;padding:0}
.T3 p {font-size:12px}
.T5 {width:100%;height:175px;border-width:1px;border-spacing:0px;border-style:none;border-collapse:collapse;margin:0 auto}
.T5 td {padding:12px;background:#EEE}
.T5 img {border:1px solid #FFF}
.T5 h4 {font-size:12px;line-height:16px;color:#444;margin:0;padding:0}
.T5 p {font-size:12px;line-height:16px}
.TB {background:#317ea8}
.TB p {color:#fff;font-size:11px;font-style:italic;line-height:16px}
.TT {padding:10px 15px 0 15px;margin:0;}
.TBI {padding:6px 15px 6px 0;text-align:right}
#landing {margin:16px auto 16px 0;font-size:12px}
#landing span {font-weight:bold;color:#39C}
#landing table {width:508px;border-width:1px;border-spacing:0px;border-style:none;border-collapse:collapse;margin:0 auto}
#landing table tr {border-width:0 0 1px 0;border-style:dotted;border-color:#CCC}
#landing table td {padding:12px 6px 12px 6px}
#F1 {font-size:12px;color:#444;font-weight:bold;margin:20px 0 0 0}
#F1 p {margin:6px 0 6px 0;padding:6px 0 6px 0;line-height:20px}
#F1 span {font-size:11px;font-weight:normal;margin:0;padding:0;line-height:14px}
#F1 fieldset {border:1px solid #ddd;background:#eee;padding:15px;width:480px}
#F1 textarea {width:480px;height:100px}
#F1 label {font-size:12px}
.fqt {font-weight:bold;color:#444}
.fqp {font-size:12px;line-height:16px}
#map {width:460px;border-width:1px;border-spacing:0px;border-style:none;border-collapse:collapse;margin:0 auto}
#map ul {margin:6px 0 0 14px;color:#999}
#map ul li {font-size:12px;line-height:18px}