@charset "utf-8";

/*
CSS by Raymund De La Torre
*/

html{overflow-y:scroll; height: 100%;}
body{margin:0; padding:0; font-size:12px; font-family:verdana, Arial, Helvetica, sans-serif; background-color:#dbdcdd;height: 100%;background-position: center; background-size: cover; background-repeat: no-repeat; /*background-image: url("/layout/styles/images/helpcenterbg.jpg");*/}

.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart{margin:0; padding:0; list-style-type:none;}

.clear{clear:both;}
br.clear{clear:both; margin-top:-15px;}

a{outline:none; text-decoration:none;}

.fl_left, .imgl{float:left;}
.fl_right, .imgr{float:right;}

img{display:block; margin:0; padding:0; border:0;}
.imgl, .imgr{border:1px solid #DFDFDF; padding:5px; color:#666666; background-color:#FFFFFF;}
.imgl{margin:0 8px 8px 0; clear:left;}
.imgr{margin:0 0 8px 8px; clear:right;}

/* ----------------------------------------------Wrapper------------------------------------- */

div.wrapper{display:block; width:100%; margin:0; text-align:left;}
div.wrapper h1, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{margin:0 0 20px 0; padding:0 0 8px 0; font-size:20px; font-weight:normal; font-family: /*Georgia, "Times New Roman", Times, serif;*/ Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; border-bottom:1px dotted #DDDDDD;}
.row1{color: #ffffff;}
.row2{}
.row3{}
.row4{}
.row5{}
.row6{}

/*----------------------------------------------generalize---------------------------------- */

#header, #welcome, #services, #container, #footer, #copyright, #highlight{display: block; position: relative; width: 980px; margin: 0 auto; background-color: #f3f3f3;}


/* ----------------------------------------------header------------------------------------- */

#header{padding:30px 0; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";}

#header #logo{display: block; width: 960px; margin-top: 7px; margin-left: auto; margin-right: auto;}
#header #logo img{margin-left: auto; margin-right: auto; width: 100px; height: 100px;}
#header #logo h1{margin-left: auto; margin-right: auto; padding: 0; font-size: 16px; border-bottom: thin; border-bottom-color: #ffffff; color: #234471; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: bold; text-align: center;}

/* -----------------------------------------welcome----------------------------------------- */
#welcome{margin: 0 auto; padding: 20px 0 40px 0; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";}
#welcome h1{margin-right: auto; margin-left: auto; width: 960px; padding: 0; font-size: 50px; text-align: center; color: #009dd9;}
#welcome #sub_intro{margin: 5px auto; font-family:  Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 20px; color: #234471; text-align: center;}

/* -------------------------------------services-------------------------------------------- */
#services{margin:0 auto; padding: 0; font-family:  Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; overflow:hidden;}

#box1{display: block; float: left; background-color: #0b2d71; margin: 0 6px 0 10px; width: 314px; height: 200px;}
#box1 h1{text-align: center; margin: 50px 0 0 0; padding:0; border-bottom: none; font-weight: bold; color: #ebebeb;}
#box1 p{text-align:center; color: #ebebeb; padding: 0 10px 0 10px;}

#box2{display: block; float: left; background-color:#0b2d71; margin: 0 3px 0 3px; width:314px; height: 200px;}
#box2 h1{text-align: center; margin: 50px 0 0 0; padding: 0; border-bottom: none; font-weight:  bold; color: #ebebeb;}
#box2 p{text-align: center; color: #ebebeb; padding: 0 10px 0 10px;}

#box3{display:block; float: right; background-color: #0b2d71; margin: 0 10px 0 3px; width: 314px; height: 200px;}
#box3 h1{text-align: center; margin: 50px 0 0 0; padding: 0; border-bottom: none; font-weight: bold; color: #ebebeb;}
#box3 p{text-align: center; color: #ebebeb; padding: 0 10px 0 10px;}

/* ---------------------------------container/faqs------------------------------------------ */
#container{margin: 0 auto; padding-bottom: 10px; font-family:  Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";  overflow:hidden;}
#container .titletext{font-size: 14px; font-style:  normal; color: #0066b2; font-weight: bold; margin: auto; padding: 10px 5px 10px 5px;}
#container .subtitletext{font-size: 12px; font-style:  normal; color: #0066b2; font-weight: bold; margin: auto; padding: 10px 5px 0px 15px;}

#faq1{display:block; float: left; margin: 10px 6px 0 10px; width: 314px; height:auto; background-color: #ffffff;}
#faq1 ul, #faq1 li{float: left; list-style: none; margin: 0; padding: 5px 5px 5px 10px; width: 283px; font-family:  Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 12px;}
#faq1 li a:link, #faq1 li a:visited, #faq1 li a:hover{display: block; margin: 0; margin-bottom: 5px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #234471; font-weight: normal; font-size: 12px;}


#faq2{display: block; float: left; margin: 10px 3px 0 3px; width: 314px; height: auto; background-color: #ffffff;}
#faq2 ul, #faq2 li{float: left; list-style: none; margin: 0; padding: 5px 5px 5px 10px; width: 283px; font-family:  Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 12px;}
#faq2 li a:link, #faq1 li a:visited, #faq2 li a:hover{display: block; margin: 0; margin-bottom: 5px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #234471; font-weight: normal; font-size: 12px;}


#faq3{display: block; float: right; margin: 10px 10px 0 3px; width: 314px; height: auto; background-color: #ffffff;}
#faq3 ul, #faq3 li{float: left; list-style: none; margin: 0; padding: 5px 5px 5px 10px; width: 283px; font-family:  Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 12px;}
#faq3 li a:link, #faq3 li a:visited, #faq3 li a:hover{display: block; margin: 0; margin-bottom: 5px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #234471; font-weight: normal; font-size: 12px;}

/* ---------------------------------footer/links------------------------------------------ */
#footer{margin: 0 auto; padding: 0; font-family:  Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";}
#footer .titletext{font-size: 18px; font-style:  normal; color: #000000; font-weight: 100; margin: auto; padding: 10px 5px 10px 5px;}

#link1{display:block; float: left; margin: 10px 3px auto; width: 314px; height:auto;}
#link1 ul, #link1 li{float: left; list-style: none; margin: 0; padding: 5px 5px 5px 10px; width: 100%; font-family:  Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 10px;}
#link1 li a:link, #link1 li a:visited, #link1 li a:hover{display: block; margin: 0; margin-bottom: 5px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #bfbfbf; font-weight: normal; font-size: 10px;}


#link2{display: block; float: left; margin: 10px 3px 0 3px; width: 314px; height: auto;}
#link2 ul, #link2 li{float: left; list-style: none; margin: 0; padding: 5px 5px 5px 10px; width: 100%; font-family:  Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 10px;}
#link2 li a:link, #link2 li a:visited, #link2 li a:hover{display: block; margin: 0; margin-bottom: 5px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #bfbfbf; font-weight: normal; font-size: 10px;}


#link3{display: block; float: right; margin: 10px 0 0 3px; width: 314px; height: auto;}
#link3 ul, #link3 li{float: left; list-style: none; margin: 0; padding: 5px 5px 5px 10px; width: 100%; font-family:  Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 10px;}
#link3 li a:link, #link3 li a:visited, #link3 li a:hover{display: block; margin: 0; margin-bottom: 5px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #bfbfbf; font-weight: normal; font-size: 10px;}

/* ---------------------------------copyright------------------------------------------ */
#copyright{margin: 0 auto; padding: 20px 0 20px 0; font-family:  Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; background-color: #dbdcdd !important; height: 100%;}
#copyright .txt1{margin-right: auto; margin-left: auto; margin-top: 0; margin-bottom:0; padding: 0; font-size: 10px; text-align: center; color: #7F7F7F; font-weight:bold;}
#copyright .txt2{margin-right: 8px; margin-left: 8px; padding: 0; font-size: 10px; text-align: center; color: #D9D9D9; font-weight:normal;}


/* ---------------------------------highlight box------------------------------------------ */
#highlight{margin:0 auto; padding: 5px 0px 10px 0px; font-family:  Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; overflow:hidden;}

#hbox{display: block; float: left; background-color: #0066B2; margin: 0 10px 0 10px; width: 960px; height: 300px;}
#hbox h1{text-align: center; margin:30px 0 0 0; padding:0; border-bottom: none; font-weight: bold; color: #ffffff;}
#hbox h2{text-align: center; margin:5px 0 0 0; padding:0; border-bottom: none; font-weight:bolder; font-size: 40px; color: #ffffff;}
#hbox p{text-align:center; color: #ebebeb; padding: 0 10px 0 10px; margin: 5px 0 0 0;}

#left-hbox{display: block; float: left; background-color: #0066B2; margin: 10px 6px 10px 10px; width: 620px; height: 280px;}
#left-hbox .s4linktitle{text-align:center; color: #ebebeb; padding: 0 10px 0 10px; margin: 50px 0 5px 0; font-weight: bold;}
#left-hbox p a{text-align:center; color: #ebebeb; padding: 0 10px 0 10px; margin: 50px 0 5px 0; font-weight: bold; font-size: 20px; color: #efefef;}

#right-hbox{display:block; float: right; background-color: #0b2d71; margin: 10px 10px 10px 3px; width: 304px; height: 280px;}
#right-hbox .s4titletext{float: left; font-size: 14px; font-style:  normal; color: #ffffff; font-weight: bold; margin: auto; padding: 10px 10px 10px 10px;}
#right-hbox ul, #right-hbox li{float: left; list-style: none; margin: 0; padding: 5px 5px 5px 15px; width: 255px; font-family:  Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 12px; color: ffffff;}
#right-hbox li a:link, #right-hbox li a:visited, #right-hbox li a:hover{display: block; margin: 0; margin-bottom: 5px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #ffffff; font-weight: normal; font-size: 13px;}