/* ----------------------------
reset
---------------------------- */

html,
body,
ul,
ol,
li,
form,
fieldset,
legend {
    padding: 0;
    margin: 0;

    background: transparent;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin-top: 0;
}

fieldset,
img {
    border: 0;
}

legend {
    color: #000;
}

li {
    list-style: none;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

caption,
th,
td {
    font-weight: normal;

    text-align: left;
    vertical-align: top;
}

input,
textarea,
select {
    font-size: 100%;
    line-height: 1.1;
}

abbr,
acronym {
    cursor: help;

    border-bottom: .1em dotted;
}

article,
aside,
figure,
footer,
header,
nav,
section {
    display: block;
}

img {
    border: none;
}


/* ----------------------------
end reset
---------------------------- */


/* ----------------------------
clearfix
---------------------------- */

.group:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;

    content: ".";
}


/* ----------------------------
end clearfix
---------------------------- */

body {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 62.5%;

    color: #545454;
    background: url(../images/bg_footer.jpg) repeat top left;
}


/* ----------------------------
general typography
---------------------------- */

h1,
.h1 {
    font-size: 2.6em;
}


/*26px*/

h2,
.h2 {
    font-size: 2.3em;
}


/*24px*/

h3,
.h3 {
    font-size: 2em;
}


/*20px*/

h4,
.h4 {
    font-size: 1.8em;
}


/*18px*/

h5,
.h5 {
    font-size: 1.6em;
}


/*16px*/

h6,
.h6 {
    font-size: 1.2em;
}


/*12px*/

h1,
h2,
h3 {
    margin: 0 20px 15px;

    font-family: "Ubuntu", arial, serif;

    letter-spacing: 1px;

    color: #58575c;
    text-shadow: 0 1px 0 #fff;
}

h4,
h5,
h6 {
    margin: 0 20px 18px;

    font-family: "Ubuntu", arial, serif;

    letter-spacing: 1px;

    color: #58575c;
}

.nts {
    text-shadow: none;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
footer p,
footer ul {
    color: #ebe6c8;
}

h3 span {
    display: block;

    font-family: Helvetica, Arial, sans-serif;
    font-size: .85714286em;
    line-height: 1.5;

    text-shadow: none;
}

h5 span {
    font-weight: normal;
}

header h1 {
    padding: 20px 0 10px;
    margin-bottom: 10px;
    margin-left: 345px;
}

footer h6 {
    /*background: url(../images/footer_divider.png) no-repeat center bottom;*/
    padding-bottom: 3px;
    margin: 0 20px;

    letter-spacing: 1px;
}

p,
.p {
    margin: 0 20px 20px;

    font-size: 1.6em;
    /*16px*/
    line-height: 1.4em;
}

.bold {
    font-weight: bold;
}

.small {
    font-size: 1em;
    /*10px*/
}

.large {
    font-size: 2.8em;
    /*28px*/
}

.top {
    padding-top: 20px;
}

.promo {
    margin-bottom: 10px;

    text-align: center;
}

.center {
    text-align: center;
}


/* ----------------------------
end general typography
---------------------------- */


/* ----------------------------
general layout styles
---------------------------- */

header {
    width: 100%;

    border-bottom: 2px solid #d0941b;
    background: url(../images/bg_header.jpg) repeat top left;
}

footer {
    color: #fff;
    border-top: 2px solid #d0941b;
}

#content {
    padding-bottom: 40px;

    background: url(../images/bg_body.jpg) repeat top left;
}

.col6 {
    float: left;
    width: 192px;
}

.col640 {
    float: left;
    width: 640px;
}

.col480 {
    float: left;
    width: 480px;
}

.col400 {
    float: left;
    width: 400px;
}

.col380 {
    float: left;
    width: 380px;
}

.col320 {
    float: left;
    width: 320px;
}
.col320r {
    float: right;
    width: 320px;
}

.col260 {
    float: left;
    width: 260px;
}

.col240 {
    float: left;
    width: 240px;
}

.col120 {
    float: left;
    width: 120px;
}

.col160 {
    float: left;
    width: 160px;
}

.container {
    width: 960px;
    margin: 0 auto;
}

.container800 {
    width: 800px;
    margin: 0 auto;
}

nav {
    text-align: center;
}

.promobox {
    padding: 10px 0;
    margin: 20px 10px;

    border: 2px solid #ecc944;
    border: 2px solid rgba(235, 201, 68, .7);
    -webkit-border-radius: 20px;
       -moz-border-radius: 20px;
            border-radius: 20px;
    background: #e4e5d8;
    background: rgba(255, 255, 255, .4);
}

.footertopborder {
    padding-top: 10px;

    border-top: 1px solid #ebe6c8;
}

.footerbg {
    margin: 0 auto 15px;

    background: url(../images/bg_fspacer.png) no-repeat center bottom;
}

.bottom_border {
    padding-bottom: 10px;

    border-bottom: 1px solid #7d5700;
}

.lmargin {
    margin-left: 100px;
}


/* ----------------------------
end header styles
---------------------------- */

.clearboth {
    clear: both;
}


/* ----------------------------
paypal styles
---------------------------- */

table {
    margin: 0;

    font-size: 1em;
}

td {
    padding-bottom: 5px;
}

table.paypal {
    margin: 0 20px;

    font-size: 1.2em;
}


/* ----------------------------
end paypal styles
---------------------------- */


/* ----------------------------
list styles
---------------------------- */

ul,
ol {
    margin: 0 20px 20px;

    font-size: 15px;
}
ol p {
    font-size: 15px;
}

footer ul {
    padding-bottom: 10px;
}

li {
    margin: 0 20px 3px 0;

    line-height: 150%;
}

footer ul {
    font-size: 1.1em;
}

.indented_list li {
    margin-left: 30px;

    list-style: disc;
}

.custom_bullet li {
    padding-left: 20px;
    margin-left: 20px;

    background: url(../images/bullet.gif) no-repeat 0 7px;
}

.numbered li {
    padding-left: 5px;
    margin-left: 35px;

    list-style-type: decimal;
}
.upper-latin li {
    padding-left: 5px;
    margin-left: 35px;

    list-style-type: upper-latin;
}


.list {
    margin-bottom: 8px;
}

.space8 {
    margin-bottom: 8px;
}
.spacet8 {
    margin-top: 8px;
}

.space20 {
    margin-bottom: 20px;
}
ol p.ml0 {
    margin-left: 0;
}


/* ----------------------------
end list styles
---------------------------- */


/* ----------------------------
table of contents styles
---------------------------- */

#toc {
    margin-bottom: 20px;

    list-style: none;
}

#toc li {
    padding-bottom: 2px;
    overflow: hidden;

    background: url(../images/dot.gif) repeat-x bottom left;
}

#toc a,
#toc span {
    position: relative;
    bottom: -4px;

    display: inline-block;
}

#toc a {
    float: right;
    padding: 0 0 3px 2px;
}

#toc span {
    float: left;
    padding: 0 2px 3px 0;
}

.toplink {
    text-align: right;
}


/* ----------------------------
end table of contents styles
---------------------------- */
/* ----------------------------
table  styles
---------------------------- */

.simple {
    width: 600px;
    margin: 10px 20px;

    font-size: 15px;
    border-spacing: 0;
    border-collapse: collapse;

    color: #333;
}

.simple td,
th {
    height: 30px;

    transition: all .3s;  /* Simple transition for hover effect */

    border: 1px solid #333; /* No more visible border */
}

.simple th {
    font-weight: bold;
}

.simple td {
    text-align: center;
}

.simple2 {
    width: 750px;
    margin: 10px 20px;

    font-size: 15px;
    border-spacing: 0;
    border-collapse: collapse;

    color: #333;
}

.simple2 td,
th {
    height: 30px;
    padding: 10px 20px;

    transition: all .3s;  /* Simple transition for hover effect */

    border: 1px solid #333; /* No more visible border */
}

.simple2 th {
    font-weight: bold;
}

.simple2 td {
    text-align: left;
}

/* ----------------------------
end table styles
---------------------------- */


/* ----------------------------
image styles
---------------------------- */

.imgright {
    float: right;
    margin: 0 20px 10px;
}

.imgleft {
    float: left;
    margin: 0 20px 10px;
}

.imgborder {
    padding: 5px;

    border: 1px solid #977933;
}

.imageset {
    margin: 5px 10px 10px 20px;

    line-height: 2.5em;
}

.imageset img {
    padding: 2px;
    margin: 0 10px 0 0;

    background-color: #fff;
    -webkit-box-shadow: 1px 2px 5px #58565b;
            box-shadow: 1px 2px 5px #58565b;

    moz-box-shadow: 1px 2px 5px #58565b;
}

.shadow {
    -webkit-box-shadow: 1px 2px 5px #58565b;
            box-shadow: 1px 2px 5px #58565b;

    moz-box-shadow: 1px 2px 5px #58565b;
}


/* ----------------------------
end image styles
---------------------------- */


/* ----------------------------
link styles
---------------------------- */

a {
    text-decoration: none;

    color: #ff8542;
    border-bottom: 1px dotted #f49a02;
}

.imageset a,
#fancybox a {
    border-bottom: none;
}

a:hover {
    color: #f49a02;
    border-bottom: 1px solid #ff8542;
}

.hpbanner a:hover {
    border-bottom: none;
}

.facebook {
    height: 30px;
    padding: 10px 0 20px 30px;
    margin-top: -10px;
    margin-bottom: -10px;

    background: url(../images/facebook_24.png) no-repeat left center;
}

.imageset a:hover {
    border-bottom: none;
}

footer a {
    text-decoration: none;

    color: #ebe6c8;
    border-bottom: none;
}

footer a:hover {
    text-decoration: underline;

    color: #fff;
    border-bottom: none;
}

h1 a,
h1 a:hover,
.noborder,
a:hover.noborder {
    border-bottom: none;
}

.orbit-caption#htmlCaption a {
    color: fff;
}


/* ----------------------------
end link styles
---------------------------- */


/* ----------------------------
main nav styles
---------------------------- */

.bluetabs {
    border-bottom: 3px solid black;
}

.bluetabs ul {
    padding: 1px 0;
    margin-top: 1px;
    margin-bottom: 0;
    margin-left: 0;

    font-size: 1.3em;
    font-weight: bold;
    /*font: bold 12px Verdana;*/
    list-style-type: none;

    text-align: center;
    /*set to left, center, or right to align the menu as desired*/
}

.bluetabs li {
    display: inline;
    margin: 0;
}

.bluetabs li a {
    padding: 3px 7px;
    margin-right: 3px;

    text-decoration: none;

    color: #edebd4;
    border-bottom: none;
    background: transparent;
    /*THEME CHANGE HERE*/
}

.bluetabs li a:visited {
    color: #edebd4;
}

.bluetabs li a:hover {
    /*text-decoration: underline;*/
    color: gold;
}

.bluetabs li.selected a {
    /*selected main tab style */
    color: #353535;
    /*background-image: url(../media/chromebg6a.jpg); /*THEME CHANGE HERE*/
    border-bottom-color: white;
    /*LINE UNDER TAB WHEN SELECTED*/
    background: rgb(235, 201, 68);
    background: rgba(235, 201, 68, .9);
}

.bluetabs li.selected a:hover {
    /*selected main tab style */
    text-decoration: none;
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_b {
    position: absolute;
    top: 0;
    z-index: 100;

    visibility: hidden;
    width: 200px;

    font-size: 1.2em;
    /*font:normal 12px Verdana;*/
    line-height: 18px;

    text-align: left;

    border: 1px solid #918d8d;
    /*THEME CHANGE HERE - BORDER OF DROPDOWN*/
    border-width: 0 1px;
    background: rgb(255, 255, 255);
    /*BACK GROUND FOR DROPDOWN*/
    background: rgba(255, 255, 255, .7);
}

.dropmenudiv_b a {
    display: block;
    width: auto;
    padding: 2px 0;

    text-decoration: none;
    text-indent: 5px;

    color: black;
    /*FONT COLOR DROPDOWN*/
    border: 0 solid #918d8d;
    /*THEME CHANGE HERE*/
    border-bottom-width: 1px;
}

* html .dropmenudiv_b a {
    /*IE only hack*/
    width: 100%;
}

.dropmenudiv_b a:hover {
    /*THEME CHANGE HERE BACKGROUND DROPDOWN SELECTED*/
    background: rgb(235, 201, 68);
    background: rgba(235, 201, 68, .7);
}

blockquote {
    padding: 20px;
    margin: 10px 50px;

    border-top: 2px solid #7d5700;
}
.margin15 {
    margin: 15px 0;
}
.mb3 {
    margin-bottom: 3px;
}
button {
    margin: 20px;
}
.button {
    display: inline-block;
    padding: 15px 32px;

    font-size: 16px;

    text-align: center;
    text-decoration: none;

    color: white;
    border: none;
    background-color: red;
}
.button:hover {
    display: inline-block;
    padding: 15px 32px;

    font-size: 16px;

    text-align: center;
    text-decoration: none;

    color: #ccc;
    border: none;
    background-color: #bf0000;
}
.mb3 {
    margin-bottom: 3px;
}
