@charset "utf-8";
/*** GLOBAL STYLES ***/
html {overflow:scroll}
* {margin:0;padding:0}
body {background:#EEE;margin:0 auto;padding:0;font:14px/16px Arial, Helvetica, sans-serif;color:#444}
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:#149ddc;text-decoration:underline;-moz-outline:none0;outline:none 0}
a:hover {color:#3abcf8;-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:#497fa8;font-size:16px;margin:6px 0 6px 0;padding:6px 0 6px 0}
h2 {color:#497fa8;font-size:14px;margin:6px 0 3px 0;padding:6px 0 3px 0}
h3 {color:#497fa8;font-size:12px;margin:6px 0 6px 0;padding:6px 0 6px 0;font-style:italic}
h4 {color:#497fa8;font-size:14px;margin:6px 0 6px 0;padding:6px 0 6px 0}
h5 {color:#497fa8;font-size:16px;margin:0;padding:6px 0 3px 0}
p {margin:6px 0;padding:6px 0;line-height:20px}
.Stats {}
.Stats span {font-weight:bold;color:#497fa8;font-size:16px}
.title {color:#497fa8;font-size:14px;font-weight:bold;margin:6px 0 0 0;padding:0}
.title-2 {font-size:14px;font-weight:bold;margin:6px 0 0 0;padding:0}
.description {margin:0 0 8px 0;padding:0 0 8px 0}
.bold {font-weight:bold;line-height:16px}
.small {font-size:12px;line-height:16px;margin-top:3px;padding-top:3px}
/*** 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:#e3e7ed;border:2px solid #2d82be}
#login a {color:#369;text-decoration:underline}
#login a:hover {color:#369;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:#a8b5c9}
#LR a {text-decoration:none}
#LR a:hover {text-decoration:none;color:#69C}
#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 #e2efeb;background:url(../images/main_mast.jpg) top left no-repeat}
#banner-2 {width:855px;height:166px;border-top:1px solid #e2efeb;background:url(../images/mini_mast.jpg) top left no-repeat}
#Panels {height:100px}
#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}
#content-2 {background:#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}
#CNT {padding:0 25px 0 25px}
#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 #0d4f7a}
#menu a {display:block;color:#EEE;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:#03426a}
#menu li.top-level-li:hover > a {white-space:nowrap}
#menu li.top-level-li:hover > a {background:#03426a;color:#EEE}
#menu li.top-level-li:hover > a.down {background:#03426a;color:#EEE}
/* 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-1 {top:40px;width:153px}
#sub-2 {top:40px;width:132px}
#sub-3 {top:40px;width:141px}
#sub-4 {top:40px;width:319px}
#sub-5 {top:40px;width:150px}
#menu li ul {display:block;position:absolute;visibility:hidden;background:#0a4267;text-align:center;padding:0 1px 4px 1px;left:0;margin-left:-1px}
#menu li li {border-right:none}
#menu li li a {background:#175b87;color:#EEE;height:22px;line-height:20px;border-top:1px solid #0a4267;border-bottom:1px solid #226e9f} 
#menu li li a:hover {color:#036;/* Fix IE6 Hover */background:#aadefe} 
#menu li li:hover > a {background:#aadefe}
#menu ul.drop-down {top:40px} 
#menu li li ul {left:100%}
/* ghost */
#menu ul li.ghost a {cursor:default;color:#EEE}
#menu ul li.ghost a:hover {background:#175b87;color:#EEE}
/* END ghost */
#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:#6cb4e1;color:#FFF}
/*** QUICK FORM ***/
.QF {width:259px;margin:0;font-size:12px}
.QF p {line-height:18px;padding:8px 8px 0 8px}
.QFB {margin:3px;padding:0;width:236px}
.QFB input, .QFB textarea {margin:0;padding:3px;border:1px solid #DDD;color:#999;font-size:11px;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}
.QF input#FB {margin:10px 0 0 90px}
.highlight{background-color:#e2e2e2;background-image:url(../images/highlight.gif)}
form {clear:both}
form ul.controls {padding:0;list-style:none}
form ul.controls li {font-size:inherit !important;padding:4px;display:block}
form ul.controls li:first-child {border:none}	
fieldset fieldset label.spaced {margin-bottom:2px}
label {padding:0px 3px;font-size:11px}
/*** 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:12px;line-height:18px;list-style:none;margin:8px 0 0 0}
.access2 li {background:url(../images/rsaquo.gif) 3px 7px no-repeat;padding-left:14px}
#B1 {margin:12px 0 0 0}
#C1 {margin:0 0 16px 3px}
#C2 {margin:0 0 8px 0}
#C3 {margin:0 0 12px 0}
.BT1 {float:left;width:150px;height:80px;color:#eb8900;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:8px 0 8px 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}
.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}
#DL1 {width:92%;margin:16px auto 18px auto;padding:10px;border:1px solid #aee0a8;background-color:#eaffea;background-image:url(../images/pointer.gif);background-repeat:no-repeat;background-position:10px 16px;color:#c28731;display:block}
#DL2 {width:92%;margin:10px auto 10px auto;padding:10px;border:1px solid #aee0a8;background-color:#eaffea;background-image:url(../images/pointer.gif);background-repeat:no-repeat;background-position:10px 16px;color:#c28731;display:block}
#DL2 p {margin:0;padding:1px 0 4px 18px;line-height:16px;color:#3a7e34;font-size:12px}
#DL2 a {color:#393;text-decoration:underline}
#DL2 a:hover {color:#393;text-decoration:none}
#DL1 p {margin:1px 0 4px 0;padding:1px 0 4px 18px;line-height:16px;color:#3a7e34;font-size:12px}
#DL1 a {color:#393;text-decoration:underline}
#DL1 a:hover {color:#393;text-decoration:none}
.Demo {width:508px;height:412px;border:1px solid #DDD}
.FAQ {list-style:none;font-size:12px;line-height:18px;margin:16px 0 16px 12px}
.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}
#faqs {margin:20px 0}
#faqs h1 {margin:0;padding:8px 0 0 0;font-weight:bold;font-size:12px;color:#e17706}
#faqs p {margin:0;padding:8px 0;font-size:12px;line-height:16px}
#faqs ul {margin:8px 16px 16px 30px;font-size:12px;list-style-type:lower-alpha}
#faqs ol {margin:8px 16px 16px 20px;font-size:12px}
#faqs ol ul {margin:6px 0 6px 0;list-style-type:none}
.back {margin:16px 0;padding:4px;background:#EEE;font-size:11px;text-align:center;border:1px solid #DDD}
#msplash {width:259px;height:237px;background:url(../images/video-panel.gif) top left no-repeat #EEE;font-size:12px}
#msplash a {color:#FFF;text-decoration:underline}
#msplash a:hover {color:#CF6;text-decoration:underline}
#msplash ul {margin:0;padding:146px 0 0 115px;color:#FFF}
#msplash ul li {line-height:20px;margin:0;padding:0}
.P1, .P2, .P3 {width:285px;float:left;font-weight:bold;color:#fff;text-decoration:none}
.P1 {background:url(../images/purchase.gif) top left no-repeat;height:100px}
.P2 {background:url(../images/register.gif) top left no-repeat;height:100px}
.P3 {background:url(../images/adopt.jpg) top left no-repeat;height:100px}
.PC {width:160px;margin:14px 0 0 26px;height:50px}
.PT {color:#FFF;text-decoration:none}
.sig {padding:8px 15px;font-weight:bold;text-align:right;margin:0}
.sig2 {text-align:right;padding-top:10px;font-weight:bold;font-style:italic;font-size:11px}
#start {margin:190px 0 0 615px}
.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}
.T2 {width:100%;height:130px;border-width:1px;border-spacing:0px;border-style:none;border-collapse:collapse;margin:0 auto}
.T2 td {padding:12px;background:#EEE}
.T2 img {border:1px solid #ccc}
.T2 h4 {font-size:14px;line-height:18px;color:#444;margin:0;padding:0}
.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:14px;line-height:18px;color:#444;margin:0;padding:0}
.T4 {width:100%;height:175px;border-width:1px;border-spacing:0px;border-style:none;border-collapse:collapse;margin:0 auto}
.T4 td {padding:12px;background:#EEE}
.T4 img {border:1px solid #ccc}
.T4 h4 {font-size:14px;line-height:18px;color:#444;margin:0;padding:0}
.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}
.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}
.testify {width:259px}
#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}
.accent {background:#ffffef}
#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}
.emphasise {font-weight:bold;color:#497fa8;font-style:italic}
.pic {float:left;margin:10px 15px 10px 0;clear:right;border:2px solid #ddd}
.fqt {font-weight:bold;color:#ec9633}
.fqp {font-size:12px;line-height:16px}
#map {width:508px;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}