body {text-align: center; border: 0}
html, body { margin: 0 auto; padding: 0 }
*{margin: 0; padding: 0}

#container {width: 95%; margin: 0 auto; text-align: left; overflow: hidden}

/*top section*/
#top-wrapper {width: 100%; position: relative; height: 14.5em; z-index: 1}
#mainlinks-wrapper {width: 100%; max-width: 100%; clear: both; position: absolute; top: 9.5em; height: 4.5em}

#mainlinks-menu {clear: both; float: left; margin: 0; padding: 0; width: 100%; position: relative}
#mainlinks-menu ul {margin: 0; padding: 0; float: right; /*list-style-type: none;*/ position: relative; right: 50%}
#mainlinks-menu ul li {float: left; width: 12.5em; padding: 0; position: relative; left: 50%; padding-top: 1em; height: 3.2em}
#mainlinks-menu ul li a {display: block; margin: 0; text-align: left; padding-left: 3.4em}
#mainlinks-menu ul ul {display: none; position: absolute; top: 4.2em; left: 0; right: auto; width: 16.5em; z-index: 1000}
#mainlinks-menu ul ul li {left: auto; margin: 0; clear: left; width: 100%; padding-top: 0; height: 2em}
#mainlinks-menu ul ul li a, #mainlinks-menu ul li:hover ul li a, #mainlinks-menu ul li.hover ul li a  {font-size: 1em; line-height: 2em; padding-left: 0.2em}
#mainlinks-menu ul li:hover ul, #mainlinks-menu ul li.hover ul {display: block}
#mainlinks-menu ul ul.last {left: auto; right: 0}

#top {width: 100%; position: absolute; top: 0; clear: both}


#quicklinks2 {width: 100%; display: table;}
#quicklinks2 ul {float: left; height: 2.5em; line-height: 2.5em; margin: 0}
#quicklinks2 ul li {float: left; width: auto; _width: 0; /*IE6*/white-space: nowrap;/*IE6*/ padding-left: 0.1em; padding-right: 2em; text-align: left; }
#quicklinks2 ul li img, .tel2 img {vertical-align: middle}
.tel2 {position: absolute; top: 0; right: 0;}



#quicklinks {width: 100%; margin: 0 auto; text-align:left; display: table; border-collapse: collapse}
#quicklinks ul { float: left; /*list-style-type: none;*/ height: 2.5em; margin: 0}
#quicklinks ul li {float: left; width: auto; _width: 0; white-space: nowrap; padding-left: 0.1em; padding-right: 2em; line-height: 2.5em; display: block; text-align: left; }
#quicklinks ul li a {text-align: left; height: 2.5em;  line-height: 2.5em}
.f1 {float: right; margin: 0 0 0 0.2em;}

ul.telephone {float: left; list-style-type: none; height: 2.5em; margin: 0; position: absolute; top: 0; right: 0}
ul.telephone li {float: right; width: auto; _width: 0; white-space: nowrap; padding-left: 0.2em; padding-right: 0.2em; display: block; height: 2.5em; text-align: right; line-height: 2.5em}
.tel {position: absolute; top: 0; right: 0; padding-right: 0.2em; padding-left: 2em; width: 20em; white-space: nowrap; display: block; height: 2.5em; text-align: right; line-height: 2.5em}

#intro {padding-top: 0.2em; padding-left: 0.2em; margin-bottom: 0.2em; height: 7em}
#pageheader {width: 55%; max-width: 55%; float: left;}
#guide {float: right; text-align: right; width: 40%; max-width:40%}
#flag {padding: 0.2em; float: right; text-align: center}
.flag { padding: 0.2em; float: right; text-align: center}





#centerlink {margin-top: 0.2em; padding: 0.2em; float: right; width: 98%; max-width: 98%; text-align: left; clear: right}
#support1, div#support2{margin-left: 0.2em; margin-right: 0.2em; margin-bottom: 0.2em; float: left; width: 100%; max-width: 100%; clear: left; padding: 0.2em}
#toplinks {width: 100%; max-width: 100%; float:left; text-align: left; clear: both; padding:0.2em;}
#midmenu-wrapper {width: 100%; max-width: 100%}
#midmenu {width: 100%; max-width: 100%; text-align: left; float:left; margin: 0.2em}
#base-wrapper {width: 100%; max-width: 100%; float: left; overflow: hidden; position: relative}
/*#basebody {width: 79%; float: left; text-align: left; clear: left; position: relative; left: 1%}
#base-column {width: 18%; float: left; clear: right; position: relative; left: 3%; overflow: hidden }*/

/*#base-wrapper {width: 100%; max-width: 100%; float: left; overflow: hidden; position: relative; }*/
/*#base-body {width: 79%; float: left; text-align: left; clear: left; position: relative; left: 19%}/*if changing left position, allow 18% for info col width*/
/*#base-column {width: 18%; float: left; clear: right; position: relative; left: 59%; text-align: center; overflow: hidden}*/

#footer {margin: 0; float: left; clear: both; width: 100%; max-width: 100%; }
#footer-text {width: 79%; float: left; text-align: left; clear: left; position: relative; left: 1%}
#footer-col {width: 18%; float: left; clear: right; position: relative; left: 3%; overflow: hidden }

.endorse {float: left; margin-left: 0.5em; margin-top: 0.5em}
#payment {float: right; text-align: right; width: 45%; max-width: 45% }
#resize {float: right; width: 100%; max-width: 100%; }





#column-head {width: 100%; max-width: 100%; height: 2.5em; line-height: 2.5em; text-align: center; margin: 0 auto}

.pad {padding-left: 2em; padding-top: 1em}
.pad1 {padding-left: 1em}
.pad2 {padding-top: 1.5em}
.indent {padding-left: 0.7em; padding-top: 1em; padding-bottom: 1em}
.center {margin-left: auto; margin-right: auto; text-align: center}
.mainitem {margin-left: 0.2em; margin-right: 0.2em; margin-bottom: 0.2em; float: left; width: 100%; max-width: 100%; clear: left; padding: 0.2em; position: relative}
.itemimage {float: left}
.itembody {float: left; text-align:left; margin-left: 0.2em}
.supportimage {float: left;}
.supportbutton {float: right}
.infoitem {margin: 0 auto; width: 100%; clear: right; line-height: 2.5em; padding-left: 0.2em}

#accredit {width: 100%; max-width: 100%; margin: 0 auto}
.otherimage {float: left}

p {clear: both}
.p1 {margin: 0 auto; clear: both; line-height: 0.1em}
.p2 {text-align: left; clear: both; margin: 0; padding: 0; clear: both}
.p3 {margin-bottom: 1em}
.terms p {font-size:0.9em; margin-bottom: 0.5em; text-align: justify }

h2 {margin-left: auto; margin-right: auto; text-align: center}
h4 {margin-left: 0; margin-bottom: 1em; clear: both}