/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:#ecf1f2; text-align:center;}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

ul.Article { list-style-type:disc; margin-left:20px;line-height:17px;padding-bottom:5px;}
ul.Article li {padding:7px 0 7px 0;line-height:17px;}

ul.sitemap { list-style-type:circle; margin-left:23px;} 

ul.Article1 { list-style-type:disc; margin-left:20px;line-height:10px;padding-bottom:10px;}
ul.Article1 li {padding:2px 0 2px 0;line-height:10px;}

ol.Article { margin-left:25px;}

ol.Article1 { margin-left:25px;line-height:10px;padding-bottom:10px;}
ol.Article1 li {padding:2px 0 2px 0;line-height:17px;margin-bottom:5px;}

ol.puzzle { margin-left:25px; padding:7px 0 7px 0;line-height:17px;}
ul.puzzle { list-style-type:disc; margin-left:20px;padding:3px 0 3px 0;line-height:17px;}
/*ul.puzzle li {padding:7px 0 7px 0;line-height:17px;}*/


ul.ArticleAlpha { list-style-type:upper-alpha; margin-left:20px;line-height:17px;padding-bottom:5px;}
ul.ArticleAlpha li {padding:4px 0 4px 0;line-height:7px;font-weight:normal;}

.left { float:left;}
.right {float:right;}
.clear {clear:both;}


html{ font-family:Arial, Helvetica, Verdana sans-serif; font-size:0.75em; line-height:1.25em; color:#4B5A5C;}

input, select { vertical-align:middle; font-weight:normal; width:150px;}

a {color:#16bbea;}
a:hover{text-decoration:none;}
.grey{ color:#5a6c6f;}
p {padding-top:15px;}
h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:1.917em; color:#4f5f61; font-weight:normal; padding-bottom:16px;}
h2{ font-family:Georgia, "Times New Roman", Times, serif; font-size:1.667em; color:#6f7a7b; font-weight:normal; padding-bottom:16px;}
h3{ font-family:Georgia, "Times New Roman", Times, serif; font-size:1.267em; color:#6f7a7b; font-weight:bold; padding-bottom:20px;}
strong{ font-weight:normal; color:#16bbea;}
em{ font-style:normal;}
#header strong{ color:#ffffff; font-weight:bold;}
.strong1{ color:#7b898c; font-weight:bold;}

/* ============================= main layout ====================== */
.imgindent {margin:0 12px 0 0; float:left; border:1px black solid;}
.margin1{ margin-top:16px;}
.margin2{ margin:16px 0 0 20px;}   
.padding1{ padding-top:15px;}
.padding2{ padding-top:10px;}
.padding3{ padding-top:23px;}
.padding4{ padding-bottom:18px;}
.padding5{ padding-bottom:100px;}
.padding6{ padding-left:15px;}
.padding7{ padding-left:35px;}
.padding8{ padding-top:10px; padding-bottom: 10px;}
/* ============================= header ====================== */
#header{ background:url(../img/header-bg.jpg) right bottom no-repeat;}
#header .menu{ width:100%; overflow:hidden; padding-top:18px; height:82px}
#header .menu li{ float:left;}
#header .menu span{ display:block; padding:15px 24px 18px 24px;}
#header .menu .first span{background:url(../img/m1-left-bg.gif) top left no-repeat; padding-left:31px;}
#header .menu .last span{background:url(../img/m8-right-bg.gif) top right no-repeat; padding-left:31px;}
#header .menu a{ display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#728082;   background:#d9e2e3; font-weight: bold;}

#header .menu a:hover, #header .menu .active{ color:#ffffff; background:#37cef9; text-decoration:none;}
#header .menu .first a:hover span, #header .menu .first .active span{background:url(../img/m1-left-bg-act.gif) top left no-repeat;}
#header .menu .last a:hover span, #header .menu .last .active span{background:url(../img/m8-right-bg-act.gif) top right no-repeat;}

#header .col-1{ width:312px;}
#header .col-2{ width:627px;}
#header .box{ height:214px; margin-top:3px; background:#8fa5a8; color:#ffffff; position:relative;}
#header .box .indent{ padding:19px 16px 0 16px;}

#header .slogan{ padding:124px 0 0 302px;}
#header .button{ padding:12px 0 0 472px;}

.link{ display:block; float:left; color:#ffffff; background:url(../img/link1-left-bg.gif) no-repeat 0 0; padding-left:1px; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; margin-top:9px;}
.link:hover{ text-decoration:underline;}
.link span{ display:block; background:url(../img/link1-right-bg.gif) right top no-repeat; padding-right:1px;}
.link strong{ font-weight:normal !important; display:block; padding:6px 8px 7px 9px; background:#37cef9; color:#ffffff;}

/*==========header inner pages============================*/
#header-inner{ right bottom no-repeat;}
#header-inner .menu{ width:100%; overflow:hidden; padding-top:18px; height:60px}
#header-inner .menu li{ float:left;}
#header-inner .menu span{ display:block; padding:15px 24px 18px 24px;}
#header-inner .menu .first span{background:url(../img/m1-left-bg.gif) top left no-repeat; padding-left:31px;}
#header-inner .menu .last span{background:url(../img/m8-right-bg.gif) top right no-repeat; padding-left:31px;}
#header-inner .menu a{ display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#728082; background:#d9e2e3; font-weight: bold;}

#header-inner .menu a:hover, #header-inner .menu .active{ color:#ffffff; background:#37cef9; text-decoration:none;}
#header-inner .menu .first a:hover span, #header-inner .menu .first .active span{background:url(../img/m1-left-bg-act.gif) top left no-repeat;}
#header-inner .menu .last a:hover span, #header-inner .menu .last .active span{background:url(../img/m8-right-bg-act.gif) top right no-repeat;}

#header-inner .col-1{ width:312px;}
#header-inner .col-2{ width:627px;}
#header-inner .box{ height:214px; margin-top:3px; background:#8fa5a8; color:#ffffff; position:relative;}
#header-inner .box .indent{ padding:19px 16px 0 16px;}

#header-inner .banner{ height:158px;}

#header-inner .slogan{ padding:124px 0 0 302px;}
#header-inner .button{ padding:12px 0 0 472px;}

/*.link{ display:block; float:left; color:#ffffff; background:url(../img/link1-left-bg.gif) no-repeat 0 0; padding-left:1px; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; margin-top:9px;}
.link:hover{ text-decoration:underline;}
.link span{ display:block; background:url(../img/link1-right-bg.gif) right top no-repeat; padding-right:1px;}
.link strong{ font-weight:normal !important; display:block; padding:6px 8px 7px 9px; background:#37cef9; color:#ffffff;}*/


/* ============================= content ====================== */
#content{ padding:24px 0 23px 0;}
.title{ padding-bottom:10px;}
#content .link{ bottom:18px;}
 
#content .box .link{ background:url(../img/link2-left-bg.gif) no-repeat 0 0; position:absolute; bottom:18px;}
#content .box .link span{ display:block; background:url(../img/link2-right-bg.gif) right top no-repeat; padding-right:1px;}

#content .box{ background:#ffffff; color:#7b898c; width:100%; position:relative;}
#content .box .indent{ padding:16px 0 18px 16px;}
#content .box .indent2{ padding-bottom:50px;}
#content .box .indent3{ padding:16px 18px 18px 16px;}
#content .box .link strong{ background:#84d73f; color:#ffffff;}
#content .box .breadcrumb a{ background:#ffffff; color:#37cef9; font-size:14px; padding-bottom:10px;}
#content .box .puzzleMenu { background:#ffffff; font-size:12px; font-weight:bold;padding-bottom:0px;}
#content .box .puzzleMenu a{ background:#ffffff; color:#37cef9; font-size:12px; font-weight:bold;padding-bottom:0px;}
#content .box .puzzleMenu a: hover{ background:#ffffff; color:#37cef9; font-size:12px; font-weight:bold;padding-bottom:0px;}

.indent3{ 
padding:13px 0 10px 16px; 
}

/*.list li{ color:#099fc9; line-height:1.75em;}
.list a{ color:#778789; }*/

.list li{ color:#778789; line-height:1.75em;}
.list a{ color:#099fc9; }

.list1 span{ color:#099fc9;}
.list1 a{ color:#5a6c6f;}
.list1 li{ padding-bottom:5px;}

/*.list5 li{ color:#778789; line-height:1.75em; padding-left:10px;list-style-type:disc;}
.list5 a{ color:#099fc9; }*/

.link2{ font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none;}
.link2:hover{ text-decoration:underline;}

/* ============================= page1 ====================== */
#page1 #content .box .col-2{ margin-left:21px;}
#page1 #content .box .col-3{ margin-left:20px;}
#page1 #content .box .col-4{ margin-left:21px;}

.line1{ background:url(../img/line.gif) repeat-y 233px 0; width:100%;}
.line2{ background:url(../img/line.gif) repeat-y 469px 0; width:100%;}
.line3{ background:url(../img/line.gif) repeat-y 704px 0; width:100%;}
.line4{ background:url(../img/line2.gif) repeat-y 469px 0; width:100%;}
.line5{ background:url(../img/line.gif) repeat-y 700px 0; width:100%;}

#page1 .column-2{ margin-left:25px;}

/* ============================= page2 ====================== */
#page2 #content .box .col-2{ margin-left:34px;}
#page2 .column-2{ margin-left:22px;}

/* ============================= page3 ====================== */
#page3 #content .box .col-2{ margin-left:15px;}
#page3 .column-2{ margin-left:22px;}

/* ============================= page4 ====================== */
#page4 #content .box .col-2{ margin-left:26px;}
#page4 #content .col-2{ margin-left:19px;}
#page4 .column-2{ margin-left:22px;}

/* ============================= page5 ====================== */
#page5 #content .box .col-2{ margin-left:26px;}
#page5 #content .box .col-2 .col-2{ margin-left:25px;}
#page5 .column-2{ margin-left:22px;}
#page5 #content .box span{ display:block; padding: 0px 0 10px 0px;}
/* ============================= page6 ====================== */
#page6 #content .box .col-2{ margin-left:15px;}
#page6 .column-2{ margin-left:22px;}

/* ============================= page7 ====================== */
#page7 #content .box .col-2{ margin-left:36px;}
#page7 #content .box .col-3{ margin-left:35px;}
#page7 #content .box .col-4{ margin-left:50px;}
#page7 .line1{ background:url(../img/line.gif) repeat-y 217px 0; width:100%;}
#page7 .line2{ background:url(../img/line.gif) repeat-y 453px 0; width:100%;}
#page7 .line3{ background:url(../img/line.gif) repeat-y 550px 0; width:100%;}
#page7 .line4{ background:url(../img/line2.gif) repeat-y 469px 0; width:100%;}
#page7 .column-2{ margin-left:23px;}

/* ============================= page8 ====================== */
#page8 #content .box .col-2{ margin-left:15px; padding-bottom:10px;}
#page8 .column-2{ margin-left:22px;}
.phone{ float:right; padding-right:21px;}
#page8 #content .box .heading
{
/*background-color:#37cef9;
background:url(img/help-bg2.gif);*/
background-color:#8fa5a8;
color:#FFFFFF;
width: 75px;
font-size:14px;
font-weight:bold;
padding:3px 3px 3px 6px;
background-repeat:repeat-x;
}
#page8 #content .box .answer {
margin-right:10px;
padding:8px 8px 10px 10px;
display:none;
color:#5a6c6f;
background-color:#ecf1f2;
font-size:12px;
background-repeat:repeat-x;
border: 1px #8fa5a8 solid;
}

#page8 #content .box .puzzleQuestionOdd { 
padding:13px 0 10px 16px; 
background-color:#DEFCD1;
/*border: 1px red solid;*/
}

#page8 #content .box .puzzleQuestionEven { 
padding:13px 0 10px 16px; 
background-color:#CCF2FD;
/*background-color:#71DFF2
/*border: 1px red solid;*/
background-repeat:repeat-x;
}


/* ============================= footer ====================== */
#footer{ background:url(../img/footer-left-bg.gif) no-repeat 0 0 #d9e2e3; margin-bottom:13px;}
#footer .left-bg{ background:url(../img/footer-right-bg.gif) right top no-repeat; height:48px;}
#footer .text{ padding:16px 0 0 23px;}
#footer a{ color:#5a6c6f;}

/* ============================= forms ============================= */
#RegisterForm{ padding:23px 10px 0 0;}
#RegisterForm .row-1, #RegisterForm .row-2, #RegisterForm .row-3{ width:100%; overflow:hidden;}
#RegisterForm .col-1{ width:200px !important;}
#RegisterForm .col-2{ width:200px !important; margin-left:20px !important;}
#RegisterForm label{ display:block; height:35px;}
#RegisterForm input{ border:solid 1px #383838; width:190px; font-family:Tahoma, Geneva, sans-serif; font-size:0.917em; color:#5a6c6f; padding:2px 0 3px 7px;}

#SearchForm1{ padding-right:15px;}
#SearchForm1 label{ display:block; height:35px;}
#SearchForm1 label span{ font-weight:bold; width:60px; display:inline-block;}
#SearchForm1 select {font-family:Tahoma, Geneva, sans-serif; font-size:0.917em; color:#5a6c6f; padding:1px 0 1px 4px;}
#SearchForm1 .select1{ width:200px;}
#SearchForm1 .select2{ width:55px;}
#SearchForm1 .select3{ width:70px;}
#SearchForm1 .select4{ width:69px;}
#SearchForm1 .link{ float:right; }

#SearchForm2{ padding-right:15px;}
#SearchForm2 label{ display:block; height:35px;}
#SearchForm2 label span{ font-weight:bold; width:60px; display:inline-block;}
#SearchForm2 select {font-family:Tahoma, Geneva, sans-serif; font-size:0.917em; color:#5a6c6f; padding:1px 0 1px 4px;}
#SearchForm2 .select1{ width:200px;}
#SearchForm2 .link{ float:right; }

#StoryForm{ padding:13px 10px 0 0;}
#StoryForm .col-1{ width:220px !important;}
#StoryForm .col-2{ width:185px !important;}
#StoryForm label{ display:block; height:35px;}
#StoryForm input{ border:solid 1px #383838; width:185px; font-family:Tahoma, Geneva, sans-serif; font-size:0.917em; color:#5a6c6f; padding:2px 0 3px 7px;}
#StoryForm textarea{ border:solid 1px #383838; width:180px; font-family:Tahoma, Geneva, sans-serif; font-size:0.917em; color:#5a6c6f; padding:2px 0 3px 7px; height:83px; overflow:hidden;}
#StoryForm .margin2{ margin-right:20px;}

#ContactForm{ padding:13px 10px 0 0;}
#ContactForm .col-1{ width:300px !important;}
#ContactForm .col-2{ width:185px !important;}
#ContactForm label{ display:block; height:35px;}
#ContactForm input{ border:solid 1px #2789d1; width:185px; font-family:Tahoma, Geneva, sans-serif; font-size:0.917em; color:#5a6c6f; padding:2px 0 3px 7px;}
#ContactForm select{ border:solid 1px #2789d1; width:195px; font-family:Tahoma, Geneva, sans-serif; font-size:0.917em; color:#5a6c6f; padding:2px 0 3px 7px;}
#ContactForm textarea{ border:solid 1px #2789d1; width:185px; font-family:Tahoma, Geneva, sans-serif; font-size:0.917em; color:#5a6c6f; padding:2px 0 3px 7px; height:100px; overflow:hidden;}
#ContactForm .margin2{ margin-right:20px;}

#ContactForm .btnSubmit{
background-image:url(../img/btn-submit1.gif);
background-position:0 0;
background-repeat:no-repeat;
margin:3px 3px 0 0;
height:28px;
width:62px;
border: none;
cursor:pointer;
}

#ContactForm .btnSubmit:hover{
background-position:0 -30px;
}

#ContactForm .btnReset{
background-image:url(../img/btn-reset1.gif);
background-position:0 0;
background-repeat:no-repeat;
margin:3px 3px 0 0;
height:28px;
width:62px;
border: none;
cursor:pointer;
margin-right:30px;
}

#ContactForm .btnReset:hover{
background-position:0 -30px;
}

.blue{
color:#19bbe9;
}

.boldBlue{
color:#19bbe9;
font-weight:bold;
}

.boldBlack{
color:#4f5f61;
font-weight:bold;
}

.bigboldBlue{
color:#19bbe9;
font-weight:bold;
font-size:14px;
}

.bigboldGreen{
color:#17AE39;
font-weight:bold;
font-size:14px;
}

.signUpbutton{
border:none;
width:70px;
height:22px;
background-color:#37CEF9;
cursor:pointer;
color:#ffffff;
}

========

table{
}
table td{
padding:5px;
}
table td input{
width:20px;}
table td.width1{
width:20px;}
table td.width2{
width:750px;
}

.result{
width:450px;
color:#60615f;
font-size:12px;
font-weight:bold;
margin-top:10px;
}
.resultkm{
/*width:450px;*/
color:#60615f;
font-size:15px;
margin-top:10px;
height:300px;
}

.result2{
width:400px;
color:#60615f;
font-size:12px;
font-weight:bold;
margin-top:10px;
margin-left:50px;
}


#breadcrumb{
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
line-height:20px;
/*position:absolute;*/
float:right;
right:30px;
top:130px;
}
#breadcrumb a, #breadcrumb a:visited{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:underline;
padding:0 5px 0 5px;
}
#breadcrumb a:hover{
color:#000000;
text-decoration:none;
}

.tblDisplay{
font-family:Arial, Helvetica, sans-serif;
color:#333333;
margin:0 0 0 0;
border:1px solid #330000;
/*#margin:0 0 0 0;*/
}
.tblDisplay th{
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:12px;
background-color:#cccbcb;
border-right:1px solid #330000;
border-bottom:1px solid #330000;
line-height:22px;
text-align:left;
padding:3px 4px 3px 6px;
}

.tblDisplay td{
height:22px;
padding:3px 4px 3px 6px;
font-size:12px;
border-collapse:collapse;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
border-right:1px solid  #330000;
border-bottom:1px solid  #330000;
line-height:22px;
vertical-align:top;
}

.elevatorPuzzle{
border: 1px solid #376AA2; 
padding: 20px 15px 10px 15px; 
height:200px;
}

.sampleQuestion{
font-weight:normal;
margin-left:150px;
}

.sampleExplain{
line-height:15px;
font-weight: normal;
}

/*#puzzleMenu{
/*color:#000000;
color:green;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
line-height:20px;
font-weight:bold;
/*position:absolute;
float:right;
right:30px;
top:130px;
border: 1px solid red;
}
#puzzleMenu a, #puzzleMenu a:visited{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:underline;
padding:0 5px 0 5px;
}
#puzzleMenu a:hover{
color:#000000;
font-weight:bold;
text-decoration:none;
}*/

.tblIQ{
border:0;
width:800px;
margin:0;
padding:0;
padding-top:10px;
border: 1px solid red;
}

.tblIQ td{
margin:0;
padding:0;
padding:5px;
width: 150px;
float:left;
}
.tblIQ input{
margin:0;
padding:0;
width:20px;
}

.tblIQ .Question{
font-weight:bold;
}

.bigWhite{
font-family:Georgia, "Times New Roman", Times, serif;
color: #fff;
font-size: 16px;
line-height: 17px;

}
#header .box3{ 
height:214px; 
margin-top:3px; 
/*background:#b1244a;
background:#0083a8; */
background:#074a90;
color:#ffffff; 
position:relative;
}
#header .box3 .indent{ padding:19px 16px 0 16px;}

.clock
{
	font-size:24px;
	color:red;
	vertical-align:top;
	position:fixed;
	text-align:left;
	padding-left:10px;
}

.dividerLine
{
	height:1px;
	background-color:#C9C9C9;
	margin-top:10px;
	margin-bottom:10px;
}