body { font-family:Verdana, Helvetica, sans-serif; padding:0; margin:0; text-align:center; background:url(/images/bg_pattern.gif) repeat; background-color:#FAE482; }
img { border:0; }
h1 { font-size:32px; color:#1D79EB; margin:12px 0; }
h2 { font-size:22px; font-family:Georgia, "Times New Roman", Times, serif; margin:5px 0; }
h3 { color:#0D70EB; font-size:17px; font-weight:bold; margin:3px 0; }
h4 { color:#000; font-size:17px; font-weight:bold; margin:7px 0; }
p { text-align:left; }
.left { float:left; }
.right { float:right; }
.center { text-align:center; }
a { color:#41B10A; font-weight:bold; text-decoration:underline; }
a:hover { text-decoration:none; color:#F8F8F8; background-color:#41B10A; }
img.border1 { border:1px solid #333; }
.note { color:#A36306; font-weight:bold; font-size:14px;  }
.strong { font-weight:bold !important; }
ul { text-align:left; }
hr { background-color:#0D70EB; color:#0D70EB; height:1px; border:0; margin:2px 0 0 0; border-collapse:collapse; }
div.indent { margin:0 30px 0 30px; text-align:left; }
em { font-weight:bold; }
.number { font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:18px; }
h3 span.number { font-size:20px; color:#000; }
input.button { cursor:pointer; }
img.screen { border:1px solid #E09900; }
div.screentitle { text-align:center; margin-bottom:7px; color:#0F6CDF; font-size:20px; }
a.image, a.image:hover { text-decoration:none !important; background-color:transparent !important; }

div#TopBorder { background:url(/images/top-border.gif) repeat-x top left; height:20px; width:830px; }
div#BottomBorder { background:url(/images/bottom-border.gif) repeat-x bottom left; height:2px; width:830px; }
div#ContentBorder { position:relative; margin:0 auto; width:832px; border-left:1px solid #ECB74F; border-right:1px solid #ECB74F; text-align:center; }
div#Content { position:relative; margin:0 auto; width:830px; border-left:1px solid #DC9D15; border-right:1px solid #DC9D15; text-align:center; background:url(/images/bg.gif) repeat #EDC05F; }
div#Wrapper { padding:0; margin:2px 10px 0 10px; }
div#HomePageWrapper { padding:0; margin:0; }

div#InfoPanel { position:absolute; left:10px; top:22px; font-size:12px; font-weight:bold; text-align:left; color:#000; }
#InfoPanel h3 { margin:0; font-size:13px; }
#InfoPanel p { margin:3px 0 0 8px; }
#InfoPanel a { color:#000; text-decoration:underline; font-weight:normal; line-height:16px; }
#InfoPanel a:hover { text-decoration:none; color:#F8F8F8; background-color:#333; }

div#Nav { position:absolute; right:8px; top:21px; font-size:13px; font-weight:bold; text-align:left; padding:0; margin:0; }
#Nav a { color:#000; text-decoration:underline; }
#Nav a:hover { text-decoration:none; color:#F8F8F8; background-color:#333; }
#Nav a.selected, #Nav a:hover.selected { color:#0068E9; text-decoration:none; background-color:transparent; }
#Nav em.page { color:#0068E9; font-style:normal; }

#FooterNav { font-size:11px; background:url(/images/bg2.gif); display:inline; padding:5px 8px; }
#FooterNav a.selected, #FooterNav a:hover.selected { color:#0068E9; text-decoration:none; background-color:transparent; }
#FooterNav em.page { color:#0068E9; font-style:normal; }

#Footer { font-size:10px; padding:8px 0; margin:10px 0; color:#333; }

#COPPA { background:url(/images/bg2.gif); padding:1px 5px 1px 18px; text-align:left; margin-top:4px; }
#COPPA a, #COPPA a:hover { font-size:12px; color:#000; background-color:transparent; text-decoration:underline; }

#Notice { position:absolute; right:20px; top:62px; width:230px; }
#Notice p { font-size:14px; line-height:17px; text-align:center; padding:0; margin:0; }
#Notice p a { font-size:12px; text-decoration:underline; color:#41B10A; }
#Notice p a:hover { text-decoration:none; color:#F8F8F8; background-color:#41B10A; }

div#LogoSmall { text-align:left; margin:6px 0 0 13px; }

p#FeaturesRibbon { text-align:center; margin:12px 0; }
#FeaturesRibbon img { margin:0 0 -10px 0; padding:0 7px 0 0; }

div#Features { font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:1.2px; margin:10px 70px; border:2px solid #DA841B; background:url(/images/bg2.gif); text-align:center; padding:10px 0 10px 0; border-left:none; border-right:none; }
#Features img { margin:0 0 -4px 15px; padding:0 7px 0 0; }
#Features a { text-decoration:none; }
#Features a:hover { text-decoration:none; color:#F8F8F8; background-color:transparent; }
#Features a.text:hover { text-decoration:none; color:#F8F8F8; background-color:#41B10A; }
#Features a.selected, #Features a:hover.selected { color:#000; text-decoration:none; background-color:transparent; font-style:italic; }
#Features p { padding:0; margin:5px 0; text-align:center; }

div#FeaturesQA { text-align:left; margin:10px 0 10px 0; }
#FeaturesQA p { margin:5px 0 15px 0; }

div#Menu { margin:10px 30px; border:2px solid #DA841B; background:url(/images/bg2.gif); padding:10px 0 0 45px; border-left:none; border-right:none; }
#Menu a { float:left; margin-right:30px; text-decoration:none; font-size:15px; }
#Menu a.selected, #Features a:hover.selected { color:#000; background-color:transparent; font-style:italic; }

p.define { font-family:"Times New Roman", Georgia, Times, serif; font-size:19px; text-align:justify; }

div.summary { margin:0 50px; text-align:center; font-size:15px; font-weight:bold; }
div.summary em { color:#0D70EB; }

strong.survey { color:#0D70EB; }

.shout { font-size:19px; line-height:26px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:justify; color:#000; }
.bigshout { font-size:24px; line-height:29px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:justify; color:#000; }
.shout a { font-size:18px; }

div.pillar-info { float:left; font-size:14px; line-height:19px; margin:0; width:225px; margin-top:15px; }
div.pillar-info p { margin:0 0 10px 0; text-align:justify !important; }
span.step { font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:22px; }
p.definition { font-family:Georgia, "Times New Roman", Times, serif !important; margin:0; padding:0; width:340px; text-align:left; font-size:15px; position:absolute; z-index:5; left:245px; }
div.pillar-info strong.title { display:block; text-align:center; margin-bottom:3px; }

div.content-box { border:2px solid #DA841B; background:url(/images/bg2.gif); padding:10px; }
div.content-box p { padding:0; margin:7px 0 12px 0; font-size:14px; }

strong.title { font-size:18px; line-height:22px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#F8F177; }
span.computer { font-family:"Courier New", Courier, monospace; }
span.symbol { font-size:11px; vertical-align:top; }
img.textmessage { margin:10px 2px -3px 0; }
img.signup { border:2px solid #E09900; }
img.border { border:2px solid #DC9D15; }

.highlight { background-color:#FED31C; font-weight:normal; }
.highlight2 { background-color:#F8F177; font-weight:normal; }

.highlight_blue { color:#0F6CDF; font-style:normal; }
.highlight_green { color:#39A902; font-style:normal; }
.highlight_orange { color:#FF6600; font-style:normal; }
.highlight_red { color:#E31414; font-style:normal; }

.blue { color:blue; }
.red { color:red; }

p.screen { text-align:left; margin:10px 0 20px 0; }
strong.screen-title { line-height:23px; font-size:17px; }

div#Bio { text-align:left; }
#Bio p { font-size:15px; margin:8px 0; text-align:justify; }

div#Comics h3 { text-align:left; }
#Comics table { margin:0 0 40px 15px; }
#Comics table td { text-align:center; font-size:13px; font-weight:bold; }
#Comics table .r { color:green; }
#Comics table .nr { color:red; }
img.comic { margin-right:15px; border:1px solid #111; }

