/* CSS Document */

body{margin:0px; padding:0px; background:url(../images/1main-bg.gif) repeat-y top center #ffffff; font-family:Verdana, Arial, Helvetica; color:#1c1c1c; font-weight:normal; font-size:10pt;}
td {font-family:Verdana, Arial, Helvetica; color:#1c1c1c;}
div,p,ul,li,img,form,h1,h2,h3{text-indent:0px; margin:0px; padding:0px;}
ul,li {list-style:none;}
input {padding:0; margin:0;}
pre {padding:0; margin:0; font-family:Verdana, Arial, Helvetica;}



/* ============================= main layout =========================== */

#main-container {width:100%; height:auto; display:table; margin:0 auto; font-family:Verdana, Arial, Helvetica, sans-serif;}

/* ============================= header =========================== */

#header-bg {width:100%; height:123px; display:table; margin:0 auto; background:url(../images/top-header-bg.gif) repeat-x top;}

#header-bg .header {width:875px; display:table; margin:0 auto;}
#header-bg .header .header-left {width:5px; float:left; height:123px;}

#header-bg .header .header-middle {width:865px; float:left; height:48px;}
#header-bg .header .header-middle .top{width:865px; float:left; height:48px; background:url(../images/top-right-header-bg.gif) top right no-repeat;}
#header-bg .header .header-middle .top .logo { width:326px; text-align:left; float:left;}
#header-bg .header .header-middle .top .phone { width:284px; text-align:center; float:left; padding:12px 0 0 10px; font-family:Verdana, Arial, Helvetica; font-size:10pt; font-weight:bold;}
#header-bg .header .header-middle .top .banner { width:245px; text-align:center; float:left; padding:8px 0 0 0;}

#header-bg .header .header-middle .bottom {width:865px; height:75px; margin:0 auto;}
#header-bg .header .header-middle .bottom .graphics {width:215px; float:left; height:75px;}
#header-bg .header .header-middle .bottom .title {width:650px; float:left; height:75px; background:url(../images/title-bg.gif) top right no-repeat;}

#header-bg #header .header-right {width:5px; float:right; height:123px;}

/* ============================= Menu =========================== */

#menu-bg-old {background:#023c9d; height:54px; width:100%; margin:0 auto;}
#menu-bg {height:54px; width:100%; margin:0 auto; background:url(../images/menubg.jpg) no-repeat center;}

#top-menu {width:865px; margin:0 auto;}

#top-menu .home {width:153px; float:left; margin:0px 0 0 0; background:#b40505; height:54px; padding-left:12px;}
.navtexthome { color:#FFFFFF; font-size:12; font-family:"Arial Narrow", Arial; font-weight:bold; background:#b40505 url(../images/home-nav-bullet.gif) no-repeat 2px; padding:0 0 0 20px;  margin:28px 0 0 15px;}
.navtexthome a {color:#FFFFFF; text-decoration:none;}
.navtexthome a:hover {color:#ffb6b6; text-decoration:none;}

#top-menu .nav {width:700px; float:left;}
#top-menu .nav .navlist {width:670px; overflow:visible; background:#FF0000;}



.left-nav-bg {width:153px; background:#023c9d;}
.navtext { color:#FFFFFF; font-size:12; font-family:"Arial Narrow", Arial; font-weight:bold; background:#023c9d url(../images/left-nav-bullet.gif) no-repeat 16px; padding:8px 0 0 34px; height:26px; border-bottom:#FFFFFF 1px solid;}
.navtext a {color:#FFFFFF; text-decoration:none;}
.navtext a:hover {color:#93bcff; text-decoration:none;}



/* ============================= Footer =========================== */

#footer-bg {width:865px; border-top:#000000 1px dotted; margin:0 auto; padding:15px 0; background:#FFFFFF; position:bottom;}
#footer-bg .redtext {font-size:10px; font-weight:bold; color:#CC0000; text-align:center;}
.redtext a {color:#CC0000; text-decoration:underline;}
.redtext a:hover {color:#0f4eb7; text-decoration:none;}

#footer-bg .textlink { font-family:Verdana, Arial, Helvetica, sans-serif; line-height:16px; color:#000000; text-align:center; padding:10px 0;}
.textlink a {color:#0f4eb7; text-decoration:none;}
.textlink a:hover {color:#CC0000; text-decoration:underline;}

.copyright {font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:8pt; text-align:center; padding:0;}
/* ============================= index =========================== */

#index {width:100%; margin:0 auto;}
#index .content {width:100%; margin:0 auto; background:url(../images/body-bg-grey_left.gif) repeat-y top;}
#index .middle {width:865px; margin:0 auto; display:table; background:url(../images/body-graphic.gif) top right no-repeat;}
#index .middle .left {width:153px; margin:0 0px 0 0px; float:left; padding:0 0 15px 12px;}
#index .middle .containt {width:685px; float:left; padding:15px 0px 0 15px;}
#index .middle .containt .title {font-family:Verdana, Arial, Helvetica; font-size:10pt; font-weight:bold; color:#024cc8; background:url(../images/bullet.gif) no-repeat left; padding:0 0 0 20px;}
#index .middle .containt .text {font-family:Verdana, Arial, Helvetica; text-align:justify; font-weight:normal; color:#000000; padding:10px 10px 10px 20px;}

#index .middle .containt2 {width:656px; float:right; margin:0 auto; padding:15px 22px 0 0;}
#index .middle .containt2 .title {font-family:Verdana, Arial, Helvetica; font-size:10pt; font-weight:bold; color:#024cc8; background:url(../images/bullet.gif) no-repeat left; padding:0 0 0 20px;}
#index .middle .containt2 .text {font-family:Verdana, Arial, Helvetica; text-align:justify; font-weight:normal; color:#000000; padding:8px 0 20px 20px;}
.text a{color:#024cc8; text-decoration:none;}
.text a:hover {color:#024cc8; text-decoration:underline;}
#index .middle .containt2 .col1{width:75%; float:left; padding:0;}
#index .middle .containt2 .col2{width:20%; float:right; text-align:right;}
.text3{font-family:Verdana, Arial, Helvetica; font-size:10pt; font-weight:bold; text-align:left; padding:5px 5px 2px 0; color:#ae0505;}

.texthome{font-family:Verdana, Arial, Helvetica; font-size:10pt; text-align:justify; padding:0 15px 5px 3px; color:#000; line-height:16px;}
.texthome a{color:#024cc8; text-decoration:none;}
.texthome a:hover {color:#024cc8; text-decoration:underline;}

.borderblue {border-left:#9FCFFF 1px solid;}
.leftpadding {margin:8px 0 0 0;}
.rightpadding {margin:12px 0 0 0;}

#index .middle .containt2 .review-bg1 {background:url(../images/review-bg.gif) no-repeat top; width:597px; height:63px; margin:0 0 0 22px; color:#FFFFFF;}

#index .middle .containt2 .review-bg {background:url(../images/review-bg.gif) no-repeat top; width:597px; height:63px; margin:0 0 0 10px; color:#FFFFFF;}

.review-bg-home {background:url(../images/review-bg.gif) no-repeat top; height:37px; padding:3px 3px; margin:0 15px 10px 0px; color:#FFFFFF;}

.review-bg-content {background:url(../images/review-bg.gif) repeat-x top #e20505; color:#FFFFFF; height:63px;}
.review-bg-content2 {background:url(../images/review-bg.gif) repeat-x top #e20505; color:#FFFFFF;}

#index .middle .containt2 .review-bg3 {background:url(../images/review-bg1.gif) no-repeat top; width:597px; height:90px; margin:0 0 0 22px; color:#FFFFFF;}
#index .middle .containt2 .review-bg3 .text1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; font-weight:bold; text-align:left; padding:5px 25px 2px 15px;}

#index .middle .containt2 .review-bg .text1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; font-weight:bold; text-align:left; padding:5px 25px 2px 15px;}
.text1 a {color:#ffffff; text-decoration:underline;}
#index .middle .containt2 .text4 {font-family:Verdana, Arial, Helvetica; font-size:18px; text-align:center; font-weight:bold; color:#fff; padding:20px 0 0 0; font-style:italic;}


#index .middle .containt3 {width:656px; float:right; margin:10px 0; padding:0 22px 0 0;}
#index .middle .containt3 .title {font-family:Verdana, Arial, Helvetica; font-size:10pt; font-weight:bold; color:#024cc8; background:url(../images/bullet.gif) no-repeat left; padding:0 0 0 20px;}
#index .middle .containt3 .text2 {font-family:Verdana, Arial, Helvetica; text-align:justify; font-weight:normal; color:#000000; padding:0 0 0 0;}


#index .middle .containt3 .col1 {width:75%; float:left; padding:0;}

#index .middle .containt3 .col1 li {margin:0 0 10px 0;}
.text2 { padding:0; list-style-image:url(../images/bullet-list.gif); list-style-type:none; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif;}
.text2 a {color:#0033CC; text-decoration:underline;}
.text2 a:hover {color:#CC0000; text-decoration:none;}

#index .middle .containt3 .col2 {width:20%; float:right; text-align:right;}
#index .middle .containt3 .col2 .text3{font-family:Arial, Helvetica; font-size:10pt; font-weight:bold; text-align:right; padding:5px 5px 2px 0; color:#ae0505;}

.testtop {background:url(../images/testi-bg.png) no-repeat top; text-align:center; font-size:10; font-family:Verdana, Arial, Helvetica, sans-serif; color:#0f4eb7; font-weight:bold; padding:0;}
.testbottom {background:url(../images/testi-repeatbg.gif) repeat-y top; padding:0; margin:0;}
.testtopsmall {background:url(../images/smallbox-bg.png) no-repeat top; text-align:center; font-size:10; font-family:Verdana, Arial, Helvetica, sans-serif; color:#0f4eb7; font-weight:bold; padding:0;}
.testtopsmall a {color:#0f4eb7; text-decoration:none;}
.testtopsmall a:hover {color:#0f4eb7; text-decoration:none;}

.testtoptext { text-align:center; font-size:10; font-family:Verdana, Arial, Helvetica, sans-serif; color:#0f4eb7; font-weight:bold; padding:0px 4px 0 10px;}
.testtoptext a {color:#0f4eb7; text-decoration:none;}
.testtoptext a:hover {text-decoration:none;}


#index .middle .containt3 .more {font-family:Verdana, Arial, Helvetica; font-size:10pt; text-align:right; font-weight:bold; color:#000000; padding:20px 0 0 0;}
.more a {color:#cc0000; text-decoration:underline;}
.more a:hover {color:#0f4eb7; text-decoration:none;}

.clear {clear:both;}

.welcome {font-family:Verdana, Arial, Helvetica; font-size:16px; font-weight:bold; color:#023c9d;}
.subtitle {font-family:Verdana, Arial, Helvetica; font-size:10pt; font-weight:bold; color:#000; text-align:left; padding:8px 0;}
/* ============================= content =========================== */
.pagetitle {font-family:Verdana, Arial, Helvetica; font-size:10pt; font-weight:bold; color:#fff; text-align:center; padding:8px 0; background:#CC0000;}

.pagesubtitle {font-family:Verdana, Arial, Helvetica; font-size:10pt; font-weight:bold; color:#fff; text-align:center; padding:8px 0; background:#0f4eb7;}
.pagesubtitle:hover {color:#FFFFFF; text-decoration:none;}

.pagesubtitle a {color:#FFFFFF; text-decoration:underline;}
.pagesubtitle a:hover {color:#FFFFFF; text-decoration:none;}

.pagesubtitle a.tblock {color:#FFFFFF; text-decoration:none;}
.pagesubtitle a.tblock:hover {color:#FFFFFF; text-decoration:none;}

.pagesubtitle-left {font-family:Verdana, Arial, Helvetica; font-size:10pt; font-weight:normal; color:#000; text-align:left; padding:5px; background:#93c5ee;}

.textwhite {font-family:Verdana, Arial, Helvetica; font-size:10pt; font-weight:bold; color:#fff; text-align:center; padding:2px;}

.textred {font-family:Verdana, Arial, Helvetica; font-weight:bold; color:#CC0000; text-align:left; padding:5px;}
.textred a {color:#0f4eb7; text-decoration:underline;}
.textred a:hover {color:#024cc8; text-decoration:underline;}

.textblack {font-family:Verdana, Arial, Helvetica; font-weight:normal; color:#000000; text-align:justify; padding:5px;}
.textblack a {color:#024cc8; text-decoration:none;}
.textblack a:hover {color:#024cc8; text-decoration:underline;}

.textblack-left {font-family:Verdana, Arial, Helvetica; font-weight:normal; color:#000000; text-align:left; padding:5px;}
.textblack-left a {color:#024cc8; text-decoration:none;}
.textblack-left a:hover {color:#024cc8; text-decoration:underline;}

.textblack_center {font-family:Verdana, Arial, Helvetica; font-weight:normal; color:#000000; text-align:center; padding:5px;}
.textblack_center a {color:#024cc8; text-decoration:none;}
.textblack_center a:hover {color:#024cc8; text-decoration:underline;}

.textblack_center_new {font-family:"Arial Narrow"; font-size:12pt; font-weight:normal; color:#000000; text-align:center; padding:5px;}

.textblack-b {font-family:Verdana, Arial, Helvetica; font-weight:normal; color:#000; text-align:left; padding:5px;}
.textblack-b a {color:#024cc8; text-decoration:none;}
.textblack-b a:hover {color:#024cc8; text-decoration:underline;}

.checkpoint-title {font-family:Verdana, Arial, Helvetica; font-size:10pt; font-weight:bold; color:#CC0000; padding:10px 0 10px 10px;}
.checkpoint-title a {color:#CC0000; text-decoration:underline;}
.checkpoint-title a:hover {color:#CC0000; text-decoration:none;}

.num {text-align:right; font-size:13px; font-weight:bold; color:#333333;}

.pagesubtitlered {font-family:Verdana, Arial, Helvetica; font-size:10pt; font-weight:bold; color:#fff; text-align:center; padding:8px 0; background:#cc0000;}
.pagesubtitlered a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; font-weight:bold; color:#FFFFFF; text-decoration:none;}
.pagesubtitlered a:hover {color:#FFFFFF; text-decoration:underline;}

.pagesub1title {font-family:Verdana, Arial, Helvetica; font-size:10pt; font-weight:bold; color:#000; text-align:center; padding:8px 0; text-decoration:none; background:#93c5ee;}
.pagesub1title a{color:#024cc8; text-decoration:none;}
.pagesub1title a:hover {color:#024cc8; text-decoration:underline;}

.pagesub1title_yellow {font-family:Verdana, Arial, Helvetica; font-size:10pt; font-weight:bold; color:#000; text-align:center; padding:8px 0; text-decoration:none; background:#F7FD45;}

.pagesub1title_right {font-family:Verdana, Arial, Helvetica; font-size:10pt; font-weight:bold; color:#000; text-align:right;  padding:8px 5px 8px 5px; text-decoration:none; background:#93c5ee;}

.pagesub1title_step1 {font-family:Verdana, Arial, Helvetica; font-size:10pt; font-weight:bold; color:#000000; text-align:left; padding:8px 10px 8px 110px; text-decoration:none; background:#93c5ee;}

.pagesub1title_left {font-family:Verdana, Arial, Helvetica; font-size:10pt; font-weight:bold; color:#000; text-align:left; padding:8px 5px; text-decoration:none; background:#93c5ee;}

.blue-left {font-family:Verdana, Arial, Helvetica; font-weight:normal; color:#000000; text-align:left; padding:5px; text-decoration:none; background:#e2f0fe;}

.lightbluecontent {font-family:Verdana, Arial, Helvetica; text-align:center; font-weight:normal; color:#000000; padding:4px 0; background:#e2f0fe;}
.whitebg {text-align:center; font-weight:normal; padding:3px 0; background:#ffffff;}

.lightblueboxtitle {font-family:Verdana, Arial, Helvetica; text-align:left; font-weight:normal; color:#000000; padding:3px 0 3px 20px; background:#e2f0fe;}
.lightblueboxtext {font-family:Verdana, Arial, Helvetica; text-align:center; font-weight:normal; color:#000000; padding:3px 0 3px 0; background:#e2f0fe;}

.list {font-family:Verdana, Arial, Helvetica; font-size:10pt; font-weight:bold; color:#024cc8; text-align:left; padding:2px 0 2px 8px; text-decoration:none; background:#e2f0fe; line-height:20px; text-transform:uppercase;}
.list a{color:#024cc8; text-decoration:none;}
.list a:hover {color:#CC0000; text-decoration:underline;}

.list2 {font-family:Verdana, Arial, Helvetica; font-weight:normal; line-height:17px; color:#000000; text-align:left; padding:0 5px 0 2px; text-decoration:none;}
.list2 a{color:#024cc8; text-decoration:underline; font-weight:bold;}
.list2 a:hover {color:#CC0000; text-decoration:none; font-weight:bold;}

.list3 {font-family:Verdana, Arial, Helvetica; font-weight:normal; color:#000000; text-align:left; padding:8px 5px 8px 20px; text-decoration:none; background:#e2f0fe; line-height:20px;}
.list3 a{color:#024cc8; text-decoration:underline;}
.list3 a:hover {color:#CC0000; text-decoration:none;}
.list3 a.about{color:#024cc8; text-decoration:none;}
.list3 a.about:hover {color:#024cc8; text-decoration:underline;}

.list4 {font-family:Verdana, Arial, Helvetica; font-weight:normal; line-height:17px; color:#000000; text-align:left; padding:0 5px 0 2px; text-decoration:none;}
.list4 a{color:#024cc8; text-decoration:none; font-weight:bold;}
.list4 a:hover {color:#CC0000; text-decoration:none; font-weight:bold;}

.list5 {font-family:Verdana, Arial, Helvetica; font-weight:normal; line-height:17px; color:#000000; text-align:left; padding:6px 5px 10px 20px; text-decoration:none; background:#e2f0fe;}
.list5 a{color:#024cc8; text-decoration:none; font-weight:bold;}
.list5 a:hover {color:#CC0000; text-decoration:none; font-weight:bold;}



.tutorial-cont-bg {background:url(../images/tutorial-cont-bg.gif) repeat-x top #d3ebfe; border:1px solid #a8d2f2; padding:10px;}
.tutorial-cont-bg a {color:#0f4eb7; text-decoration:none;}
.tutorial-cont-bg a:hover {color:#0f4eb7; text-decoration:underline;}
.tutorial-cont-bg-small {background:url(../images/tutorial-cont-bg-small.gif) repeat-x top #d3ebfe; border:1px solid #a8d2f2; padding:10px;}
.tutorial-cont-bg-small2 {background:url(../images/tutorial-cont-bg-small.gif) repeat-x top #d3ebfe; border:1px solid #a8d2f2; padding:10px 10px 10px 3px;}
.tutorial-cont-bg2 {border:1px solid #a8d2f2; padding:10px;}

.cont-page-title {font-family:Verdana, Arial, Helvetica; font-size:10pt; font-weight:bold; color:#CC0000; background:url(../images/bullet.gif) no-repeat left; padding:0 0 0 20px;}

.cont-page-point {font-family:Verdana, Arial, Helvetica; text-align:left; font-weight:normal; color:#000000; padding:5px 0 5px 5px;}
.cont-page-point a {color:#0f4eb7; text-decoration:none;}
.lcont-page-point a:hover {color:#0f4eb7; text-decoration:underline;}

.cont-page-point-num {font-family:Verdana, Arial, Helvetica; text-align:right; font-weight:normal; color:#000000; padding:5px 5px 5px 5px;}
.cont-page-point-num-center {font-family:Verdana, Arial, Helvetica; text-align:center; font-weight:normal; color:#000000; padding:5px 0px 0px 0px;}
.cont-page-point-bottom {font-family:Verdana, Arial, Helvetica; text-align:justify; font-weight:normal; color:#000000; padding:5px 0 5px 5px;}

.contentboxlist { background:left url(../images/bullet-circle.png) no-repeat; list-style:none; font-family:Verdana, Arial, Helvetica; text-align:left; font-weight:normal; color:#000000; padding:2px 0 2px 15px;}

.contentboxlist_top_bullet { background:url(../images/bullet-circle-top.png) no-repeat top left; list-style:none; font-family:Verdana, Arial, Helvetica; text-align:left; font-weight:normal; color:#000000; padding:2px 0 2px 15px;}
.contentboxlist_top_bullet a {color:#024cc8; text-decoration:none;}
.contentboxlist_top_bullet a:hover {color:#024cc8; text-decoration:underline;}


.yes {text-align:center; font-weight:bold; color:#000000; padding:5px 0;}

.form-text {font-family:Verdana, Arial, Helvetica; text-align:left; font-weight:bold; color:#000000; padding:5px 0 5px 20px;}

.bullet-list {font-size:10pt; list-style:square; list-style-image:url(../images/bullet-circle.png); list-style-position:inside; font-weight:bold; text-align:left;}


/* ==================================== introduction ====================================*/
.redtext2 {font-family:Verdana, Arial, Helvetica; font-size:10pt; font-weight:bold; color:#cc0000; text-align:left; padding:8px 5px 8px 20px; text-decoration:none; background:#e2f0fe; line-height:18px;}


.introduction-list {font-family:Verdana, Arial, Helvetica; font-size:10pt; text-align:justify; font-weight:normal; color:#000000; padding:5px 0 5px 20px;}

.introlist1 { padding:5px; list-style-image:url(../images/bullet-list.gif); margin:margin:0 0 10px 0; font-family:Arial, Helvetica; font-size:10pt;}

.lightbluebg {font-family:Verdana, Arial, Helvetica; font-size:10pt; text-align:center; font-weight:normal; color:#000000; padding:8px 0 10px 20px; background:#e2f0fe;}
.lightbluebg a {color:#0f4eb7; text-decoration:none;}
.lightbluebg a:hover {color:#0f4eb7; text-decoration:underline;}

.lightbluebgbold {font-family:Verdana, Arial, Helvetica; font-size:13px; text-align:center; font-weight:bold; color:#000000; padding:5px 0; background:#e2f0fe;}

.lightbluebg_cont {font-family:Verdana, Arial, Helvetica; font-size:10pt; text-align:left; font-weight:normal; color:#000000; padding:8px 8px 10px 20px; background:#e2f0fe;}

.lightbluebg_cont_left {font-family:Verdana, Arial, Helvetica; font-size:10pt; text-align:left; font-weight:normal; color:#000000; padding:8px 8px 10px 5px; background:#e2f0fe;}

.red-bg {background:url(../images/review-bg.gif) no-repeat top; width:597px; height:63px; margin:0 0 0 22px; color:#FFFFFF;}

.smallfont {font-size:8pt; font-family:Verdana, Arial, Helvetica, sans-serif; padding:5px; text-align:left;}

.redtext-content {color:#CC0000;}
.blue_text {color:#024cc8;}

a.plane {color:#024cc8; text-decoration:none;}
a.plane:hover {color:#024cc8; text-decoration:underline;}

/* ==================================== promotion ====================================*/
a.promotionlink {color:#024cc8; text-decoration:none;}
a.promotionlink:hover {color:#CC0000; text-decoration:underline;}

/* ==================================== site map ====================================*/
#sitemap {width:670px; overflow:hidden;}
#sitemap .pagetitle_sitemap {font-family:Verdana, Arial, Helvetica; font-size:10pt; font-weight:bold; color:#fff; text-align:center; padding:8px 0; background:#CC0000; width:670px;}
#sitemap .pagesubtitle_sitemap {font-family:Verdana, Arial, Helvetica; font-size:10pt; font-weight:bold; color:#fff; text-align:center; padding:8px 0; background:#0f4eb7; width:670px;}
#sitemap #site_list {width:670px; background-color:#e2f0fe; padding:8px 0 10px 0px;}
#sitemap #site_list p.listing {font-family:Verdana, Arial, Helvetica; font-weight:normal; color:#000000; text-align:justify; padding:3px;}
#sitemap #site_list p.listing a {color:#024cc8; text-decoration:none;}
#sitemap #site_list p.listing a:hover {color:#CC0000; text-decoration:underline;}

#sitemap #site_bottom {width:670px;  padding:8px 0 10px 0px;}
#sitemap #site_bottom p.site_pagesubtitlered {font-family:Verdana, Arial, Helvetica; font-size:10pt; font-weight:bold; color:#fff; text-align:center; padding:8px 0; background:#cc0000; width:670px;}
#sitemap #site_bottom #site_btn {width:670px; padding:8px 0; overflow:hidden;}
#sitemap #site_bottom #site_btn p.site_btn_para { width:213px; float:left;}