body,html	{font:normal 0.85em/1.5 arial,sans-serif; color:#000000; margin:0; padding:0; height:100%}
body		{background-color:#ffffff; min-height:100%; position:relative}
body * 			{font-size:100%}
body a			{color:#196ce0}
body a:hover	{text-decoration:none}
body a:visited	{color:#205389}
table	{border-collapse:collapse; width:100%; border-spacing:0; border-width:0}
td,th	{text-align:left; padding:0; margin:0}
div,img,table	{border:0}
form	{margin:0; padding:0}
p	{margin:0.2em 0 1em 0}
dd	{font-weight:normal; margin-bottom:0.5em}
dt	{font-weight:bold}
ul {margin:1em 0 1em 22px; padding:0}
li {margin-top:0.3em; margin-bottom:0.4em}
hr {height:1px; color:#e0e0e0; border:none}
html>body hr {margin-right:0; height:1px; background-color:#e0e0e0; border:0 solid #e0e0e0}

small	{font-size:75%}
big	{font-size:125%}
img {text-decoration:none}

h1	{margin:0.6em 0 0.4em 0; padding:0; font:normal 2em/1.2em arial,sans-serif; color:#196ce0}
h2	{margin:1em 0 0.2em 0; padding:0; font:normal 1.6em/1.2em arial,sans-serif; color:#000000}
h3	{margin:1em 0 0.2em 0; font-size:104%; color:#000000}
h4	{margin:1em 0 0.2em 0; font-size:100%; color:#000000}
h5	{margin:1em 0 0.2em 0; font-size:95%; color:#000000; font-style:italic}
h6	{margin:1em 0 0.2em 0; font-size:90%; color:#000000; font-style:italic}
h1,h2,h3,h4,h5,h6 {font-family:arial,sans-serif}

.interactive {text-decoration:none; border-bottom:1px dotted #196ce0}
.highlight {color:#ffffff; background-color:#86a306; padding-left:0.4em; padding-right:0.4em}
.error {color:#c00000; font-weight:bold}
.control-highlight {border:2px solid #c00000}
.event-date {font-size:85%}

#content-container {position:relative; min-height:100%; width:100%; top:0; z-index:2; margin:0 auto; min-width:760px; max-width:1200px; width:expression((document.documentElement.clientWidth||document.body.clientWidth)<760?"760px":((document.documentElement.clientWidth||document.body.clientWidth)>1200?"1200px":"100%"));}
* html #content-container {height:100%}

#theme-footer {position:relative; bottom:0; width:100%; margin-top:-237px; height:237px}
#theme-footer #theme {height:237px}
#theme-footer #theme div {position:absolute; height:237px; bottom:0}
#theme-footer #theme #grass {width:100%; background:url("/i/bg-grass.jpg") center bottom repeat-x}
#theme-footer #theme #ball {left:0; width:55%; background:url("/i/ball.png") right bottom no-repeat}

#theme-container {position:absolute; width:100%; top:0; z-index:1; min-width:760px; width:expression((document.documentElement.clientWidth||document.body.clientWidth)<760?"760px":"100%");}
#theme-container #theme {height:500px}
#theme-container #theme div {position:absolute; height:500px; top:0; background-position:0 0; background-repeat:no-repeat}
#theme-container #theme #sky {width:100%; height:500px; background:url("/i/sky.jpg") center top repeat-x}
#theme-container #theme #kite {width:65%; left:0; top:130px; height:418px; background:url("/i/kite.png") right top no-repeat}

#menu {padding:45px 0}
#menu td.offset {width:5%}
#menu td.separator {width:2%}
#menu td.item {width:12%;font-size:12px; line-height:14px; padding-left:5px; background-image:url("/i/menu-sprites.gif"); background-repeat:no-repeat}
#menu div {padding-right:4px; background:url("/i/menu-sprites.gif") transparent right 0 no-repeat}
#menu a {display:block; padding:7px 5px 5px 10px; height:38px; background:url("/i/menu-sprites.gif") #cccccc left -50px repeat-x; text-decoration:none; color:#000000; text-shadow:0 1px 0 #ffffff}
#menu a:hover {text-decoration:underline}
#menu td.item div.s {background:url("/i/menu-sprites.gif") transparent right 0 no-repeat !important}
#menu td.item div.s a {background-image:none; color:#ffffff; text-shadow:0 1px 2px #000000}
#menu td.item div.s span {display:block; padding:7px 5px 5px 10px; height:38px; color:#ffffff; text-shadow:0 1px 0 #000000}
#menu td.i-help {background-position:left -100px}
#menu td.i-save {background-position:left -150px}
#menu td.i-trust {background-position:left -200px}
#menu td.i-homes {background-position:left -250px}
#menu td.i-qna {background-position:left -300px}
#menu td.i-family {background-position:left -350px}
#menu td.i-talk {background-position:left -100px}
#menu td.i-help div.s {background-position:right -100px !important}
#menu td.i-help div.s a, #menu td.i-help div.s span {background-color:#23a3d0}
#menu td.i-save div.s {background-position:right -150px !important}
#menu td.i-save div.s a, #menu td.i-save div.s span {background-color:#dc2626}
#menu td.i-trust div.s {background-position:right -200px !important}
#menu td.i-trust div.s a, #menu td.i-trust div.s span {background-color:#69a909}
#menu td.i-homes div.s {background-position:right -250px !important}
#menu td.i-homes div.s a, #menu td.i-homes div.s span {background-color:#663c90}
#menu td.i-qna div.s {background-position:right -300px !important}
#menu td.i-qna div.s a, #menu td.i-qna div.s span {background-color:#f97600}
#menu td.i-family div.s {background-position:right -350px !important}
#menu td.i-family div.s a, #menu td.i-family div.s span {background-color:#9c0656}
#menu td.i-talk div.s {background-position:right -100px !important}
#menu td.i-talk div.s a, #menu td.i-talk div.s span {background-color:#23a3d0}

#logo {padding-top:20px; padding-bottom:20px; white-space:nowrap}
#logo a {color:#000000; text-decoration:none}
#logo a:hover {color:#000000; border-bottom:2px solid #000000}
#logo .name {font:bold 40px arial,sans-serif; color:#000000; text-transform:uppercase}
#logo .comment {margin-top:5px; font:bold 16px arial,sans-serif; color:#666666}

#profile {font-size:95%;padding-left:30px}
#profile a {color:#000000}
#profile #a-login {color:#196ce0; border-bottom:1px dotted #196ce0; font-weight:bold; text-decoration:none}
#profile #a-logout {color:#c00000}
#profile #a-profile {font-weight:bold}
#profile ul {list-style-type:none; list-style-image:none; padding:0; margin:0}
#profile li {margin:0.5em 0; padding:0; white-space:nowrap}

#login-form {display:none; position:absolute; left:-5000px; color:#ffffff; width:180px; z-index:255; background-color:#196ce0; font-size:100%; padding:20px 20px}
#login-form a {color:#ffffff}
#login-form .remember {font-size:95%}
#login-form .forget {font-size:95%; text-align:right}
#login-form .label {padding-right:10px}
#login-form input {font-size:100%; padding:0}
#login-form #login-form-close {font-size:20px; position:absolute; right:7px; top:-2px; margin-bottom:1em; cursor:hand; cursor:pointer}

.rounded-block {display:block}
.rounded-block .r2,
.rounded-content {background:url("/i/white.png"); border-left:1px solid #d3d0d9; border-right:1px solid #d3d0d9}
.rounded-block * {display:block; height:1px; overflow:hidden; font-size:.01em}
.rounded-block .r1 {margin:0 2px; background-color:#d3d0d9}
.rounded-block .r2 {margin:0 1px}
.rounded-content {padding:15px 25px}

.rounded-red-block .rounded-content {border-color:#f39c80}
.rounded-red-block .rounded-block .r1 {background-color:#f39c80}

.rounded-blue-block .rounded-content {background:url("/i/bg-blue.jpg") #066cae left top repeat-x; border-color:#3086bc}
.rounded-blue-block .rounded-block .r1 {background:#066cae}
.rounded-blue-block .rounded-block .r2 {background:#066cae; border-color:#066cae}
.rounded-blue-block .rounded-block-top .r1,
.rounded-blue-block .rounded-block-top .r2 {background:#3387bd}

#tohelp .bg-blue {background:url("/i/bg-help-blue.png") left center no-repeat}
#tohelp .hearts {background:url("/i/hearts.png") left center no-repeat; height:52px; width:225px; padding-left:78px; padding-top:23px; font-size:18px}
#tohelp .konvert {background:url("/f/i/konvert.png") left center no-repeat; height:52px; width:225px; padding-left:78px; padding-top:23px; font-size:18px}
#tohelp .bg-blue a {color:#ffffff}

#footer td {vertical-align:top; line-height:1.2em; padding-top:4em; padding-bottom:1em; font-size:95%}
#footer p {padding:2em 0}
#footer a {color:#196cc6}
#footer .nc {color:#000000; text-decoration:none; cursor:text}
#footer .mediaproduct img {margin-right:7px; margin-top:0.2em}

.userform {margin:2em 0}
.userform td {vertical-align:top; padding:3px 5px 3px 0}
.userform input {font-size:150%; padding:3px 5px 3px 5px}
.userform textarea {font-size:150%; padding:3px 5px 3px 5px}
.userform .wide {width:95%}
.userform span.input-notice {font-size:95%; color:#909090}
