/*--------{ COOL KIDS CSS TEMPLATE }--------*/
/*--------{ created by Heath Gerlock @ 5Q Communications, Inc. 6.13.2007 }-------*/
/*--------{ visit http://www.5Qcommunications.com/ -- five questions that change the web. }--------*/

/* @group Global Styles */

#wrapperOuter {
    margin: 0 auto;
    padding: 0;
    width: 770px;
}

/* @group Page Defaults */

* {
    margin: 0;
    padding: 0;
    font-family: 'Trebuchet MS',arial,tahoma,sans-serif;
}

body {
    font-size: 62.5%;
    text-align: left;
    background: #000 url(/assets/templates/fiveq/images/body_bg.gif) no-repeat center top;
}
a {
    text-decoration: none;
}

hr {
    display: none;
    visibility: hidden;
    border: none;
}

label {
    display: block;
    }

.clear {
    display: none;
    clear: both;
    width: 100%;
    border: none;
    height: 0;
    visibility: hidden;
}
hr.verticalSpace {
    width: 100%;
    height: 70px; /*set height as need to increase or decrease space*/
    display: block;
    clear: both;
    border: 0;
    visibility: hidden;
    background: none;
}
#smallerText {
    font-size: 90%;
    color: #ccc;
}
sup {
    color: #333;
}

#pageFunctions {
    position: absolute;
    top: -10px;
    right: 20px;
    height: 1.6em;
    font-size: 1.0em;
    color: #000;
    z-index: 500 !important;
}
#functionEmail,
#functionPrint {
    color: #000;
    cursor: pointer;
    display: block;
    float: left;
    margin-left: 8px;
    position: relative;
    height: 1.0em;
    padding: 3px 0 3px 20px;
}
#functionEmail {
    background: url(/assets/templates/fiveq/images/email.gif) no-repeat left center;
}
#functionPrint {
    background: url(/assets/templates/fiveq/images/print.gif) no-repeat left center;
}

#functionEmail:hover,
#functionPrint:hover {
    text-decoration: underline;
}

/* @end */

/* @group Shared */

#wrapperContent {
    position: relative;
    display: block;
    clear: both;
    width: 770px;
    margin: -30px auto 0 auto;
    padding: 0;
}

img.borderless {
    border: none;
}

img.border {
    border: 1px #000 solid;
}

/* @end */

/* @end */

/* @group Header */

#wrapperHeader {
    position: relative;
    margin-top: 15px;
    width: 770px;
    height: 155px;
    background: url(/assets/templates/fiveq/images/header_bg.gif) no-repeat center top;
}

/* @end */

/* @group subMenu */

#subMenu {
    position: absolute;
    top: 0px;
    width: 170px;

    padding: 0;
    margin: 96px 0 0 17px;
    float: left;
    clear: left;
    display: block;
    background: url(/assets/templates/fiveq/images/submenu_bg_tile.gif) repeat-y center center;
}

#subMenuTop {
    position: relative;
    padding: 0;
    margin-top: -76px;
    height: 76px;
    width: 170px;
    background: url(/assets/templates/fiveq/images/submenu_top_bg.gif) no-repeat center top;
    z-index: 100;
}

#subMenuBottom {
    position: absolute;
    left: 0;
    height: 18px;
    width: 170px;
    bottom: -18px;
    left: 0;
    background: url(/assets/templates/fiveq/images/submenu_bottom_bg.gif) no-repeat center bottom;
}

#subMenu ul {
    margin: 5px 4px;
    list-style: none;

    background: url(/assets/templates/fiveq/images/submenu_bg_swoosh.jpg) no-repeat center center;
}
#subMenu ul li {
    margin: 0;
    padding: 0;
}
#subMenu ul li a {
    display: block;
    padding: 8px 0 7px 10px;
    color: #000;
    text-transform: uppercase;
}

#subMenu ul li a:hover {
    display: block;
    padding: 5px 0 4px 10px;
    background-color: #fff;
    border-bottom: 3px solid #ee3224 ;
    border-top: 3px solid #ee3224 ;
    color: #000;
    text-transform: uppercase;
}

#schoolLogIn {
    position: absolute;
    margin: 25px 15px;
    background: url(/assets/templates/fiveq/images/login_btn.gif) no-repeat center center;
    height: 27px;
    padding-top: 16px;
    width: 140px;
    display: block;
    text-align: center;
}
#schoolLogIn a {
    z-index: 200 !important;
    color: #ee3224;
    text-transform: uppercase;
}
#schoolLogIn a:hover {
    text-decoration: underline;
    color: #000;
}


/* @end */

/* @group Content */

#contentWrapperTop {
    position: absolute;
    top: -37px;
    left: 0;
    height: 37px;
    width: 565px;
    margin: 0;
    background: url(/assets/templates/fiveq/images/content_top_bg.gif) no-repeat left top;
    z-index: 200 !important; ;
}

#contentWrapperBottom {
    position: absolute;
    bottom: -20px;
    left: 0;
    height: 20px;
    width: 565px;
    margin: 0;
    background: url(/assets/templates/fiveq/images/content_bottom_bg.gif) no-repeat left top;
    z-index: 200 !important; ;
}
#contentWrapper {
    padding: 10px 20px 10px 20px;
    position: relative;
    display: block;
    float: right;
    width: 525px;
    margin: 37px 0 20px 0;
    z-index: 100 !important;
}


#star {
    position: relative;
    display: block;
    float: left;
    height: 22px;
    width: 22px;
    margin: 2px 0 0 -28px;
    _margin: 2px 0 0 -14px;
    background: url(/assets/templates/fiveq/images/star.gif) no-repeat center center;
    z-index: 200 !important;
}


#contentWrapper ul {
    margin: 0 15px;
    }
    #contentWrapper li {
        font-size: 1.2em;
        }
    #contentWrapper ul a:hover {
        text-decoration: underline;
        }

#contentWrapper h1 {
    text-transform: uppercase;
    font-size: 2.4em;
    color: #f26722;
    font-weight: normal;
}

#contentWrapper h2 {
    font-weight: normal;
    font-size: 2.2em;
    color: #000;
    }

#contentWrapper p {
    font-size: 1.2em;
    margin: 15px 0;
    line-height: 2.0em;
}

#contentWrapper a {
    text-decoration: none;
    color: #0b7eff;
}

#contentWrapper a:hover {
    text-decoration: underline;
}
#content ul {
    margin: 0 15px;
    }
    #content li {
        font-size: 1.2em;
        }
    #content ul a:hover {
        text-decoration: underline;
        }

#content h1 {
    text-transform: uppercase;
    font-size: 2.4em;
    color: #f26722;
    font-weight: normal;
}
#content h2 {
    font-weight: normal;
    font-size: 2.2em;
    color: #000;
    }

#content p {
    font-size: 1.2em;
    margin: 15px 0;
    line-height: 2.0em;
}

table {
    margin: 10px 0 0 10px;
    border: 1px solid #333;
    background-color: #fff;
    font-size: 1.0em;
        border-collapse: collapse;
}

table.noBorder {
    border: none;
    margin: 0;
}
table.noBorder tr td {
    border-bottom: none;
}

table tr td {
    padding: 5px;
    border: 1px solid #000;
}

table tr.rowTitle {
    background: #000;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
}

table tr td p {
    margin: 0 0 10px 0;
}

/* @end */


/* @group Columns */

/* @group Column One */

#columnOne {
    width: 50%;
    display: block;
    float: left;
    z-index: 200;

}

#columnOne h3 {
    font-size: 1.0em;
    margin: 0 0 10px 0;
}

#columnOne p {
    float: left;
    clear: left;
    margin-top: 10px;
    font-size: 1.2em;
    line-height: 1.3em;
}

#columnOne img {
    z-index: 200;
}

#columnOne ul,
#columnOne ol,
#columnOne dl {
    margin: 0 0 10px 30px;
    font-size: 1.0em;
}
#columnOne li {
    font-size: 1.0em;
    line-height: 1.4em;
}

/* @end */

/* @group Column Two */

#columnTwo {
    padding-left: 10px;
    margin-left: 10px;
    width: 45%;
    display: block;
    float: right;
    background: none;
    z-index: 200;
}

#columnTwo h3 {
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #002d62;
    text-transform: uppercase;
    color: #002d62;
    font-size: 1.2em;
    text-align: left;
}

#columnTwo p {
    float: left;
    clear: left;
    margin-top: 10px;
    font-size: 1.0em;
    line-height: 1.2em;
}

#columnTwo img {
    z-index: 200;
}

#columnTwo ul {
    float: left;
    clear: left;
    margin-top: 10px;
}

/* @end */


/* @end */


/* @group Menu */

/* @group Overall Menu Styles */


#menu {
    margin-top: 50px;
    position: relative;
    float: right;
    width: auto;
    background: #000 url(/assets/templates/fiveq/images/menu_bottom_tile.gif) repeat-x left bottom;
}

#menu ul {
    max-width: 560px;
    position: relative;
    width: 550px;
    list-style: none;
    display: inline;
    max-height: 20px;
}

#menu ul li {
    width: auto;
    float: left;
}

#menu ul li a {
    display: inline;
    float: left;
    margin: 0;
    padding: 5px;
    font-size: .9em;
    text-transform: uppercase;
}

/* @end */

.color40 a {
    border-bottom: 3px solid #0066ff;
    color: #fff;
}
.color40 a:hover,
.color40 a:hover .active {
    background-color: #0066ff;
}

.color7 a {
    border-bottom: 3px solid #ff9933;
    color: #fff;
}
.color7 a:hover,
.color7 a:hover .active {
    background-color: #ff9933;
}
.color4 a {
    border-bottom: 3px solid #00cc33;
    color: #fff;
}
.color4 a:hover,
.color4 a:hover .active {
    background-color: #00cc33;
}
.color6 a {
    border-bottom: 3px solid #ffff00;
    color: #fff;
}
.color6 a:hover,
.color6 a:hover .active {
    background-color: #ffff00;
    color: #000;
}

.color2 a {
    border-bottom: 3px solid #ff3333;
    color: #fff;
}
.color2 a:hover,
.color2 a:hover .active {
    background-color: #ff3333;
}
.color8 a {
    border-bottom: 3px solid #ff0099;
    color: #fff;
}
.color8 a:hover,
.color8 a:hover .active {
    background-color: #ff0099;
}
.color1 a {
    border-bottom: 3px solid #993399;
    color: #fff;
}
.color1 a:hover,
.color1 a:hover .active {
    background-color: #993399;
}


/* @end */

/* @group Text Styles */

.red,
.red a {
    color: #5a0404;
}
.red a:hover {
    text-decoration: underline;
}

.yellow,
.yellow a {
    color: #5d5501;
}

.yellow a:hover {
    color: #5d5501;
    text-decoration: underline;
}

.blue,
.blue a {
    color: #002d62;
}

.blue a:hover {
    color: #002d62;
    text-decoration: underline;
}

.noBullets {
    list-style: none;
}
.Bullets {
    padding-left: 20px;
}

.darkBlueBtn {
    float: right;
    display: block;
    margin: 5px 0 10px 5px;
    width: 115px;
    height: 27px;
    padding-top: 15px;
    text-align: center;
    background: url(/assets/templates/fiveq/images/dark_blue_btn.gif) no-repeat center center;
}

.darkBlueBtn a {
    color: #002d62;
    text-transform: uppercase;
}
.darkBlueBtn a:hover {
    color: #002d62;
    text-decoration: underline;
}
.allCaps {
    text-transform: uppercase;
}

/* @end */

/* @group Footer */

#footerCornerTopLeft {
    position: absolute;
    top: -4px;
    left: -4px;
    display: block;
    height: 19px;
    width: 19px;
    background: url(/assets/templates/fiveq/images/ftr_corner_top_left.gif) no-repeat left top;
    z-index: 5000;
}
#footerCornerBottomLeft {
    position: absolute;
    bottom: -4px;
    left: -4px;
    display: block;
    height: 19px;
    width: 19px;
    background: url(/assets/templates/fiveq/images/ftr_corner_bottom_left.gif) no-repeat left bottom;
    z-index: 5000;
}
#footerCornerTopRight {
    position: absolute;
    top: -4px;
    right: -4px;
    display: block;
    height: 19px;
    width: 19px;
    background: url(/assets/templates/fiveq/images/ftr_corner_top_right.gif) no-repeat right top;
    z-index: 5000;
}
#footerCornerBottomRight {
    position: absolute;
    bottom: -4px;
    right: -4px;
    display: block;
    height: 19px;
    width: 19px;
    background: url(/assets/templates/fiveq/images/ftr_corner_bottom_right.gif) no-repeat right bottom;
    z-index: 5000;
}

#wrapperFooter {
    margin: 19px auto 19px auto;
    width: 536px;
    text-align: center;
    padding: 10px;
    position: relative;
    float: right;
    clear: right;
    border: 4px solid #faff00;
    background: #fff;
}

/* @group Footer Contact Info */

#contactInfo {
    display: block;
    clear: both;
    margin: 0;
    font-size: 1.0em;
    text-transform: uppercase;
}

 h1.companyName {
    font-size: 1.0em;
    line-height: 1.0em;
    text-transform: uppercase;
}

#fiveQ {
    margin: 0 0 20px 0;
    height: 15px;
    width: 100px;
    float: right;
    clear: right;
}

#fiveQ img {
    border: none;
}

/* @end */

/* @group Footer Menu */

#footerMenu {
    position: relative;
    text-align: center;
    width: 520px;
    margin: 0 0 5px 0;
    padding: 0;
    clear: both;
}

#footerMenu ul {
    list-style: none;
}

#footerMenu ul li {
    width: auto;
    float: left;
}

#footerMenu ul li a {
    display: block;
    float: left;
    font-size: 1.0em;
    padding: 5px;
    color: #000;
    text-transform: lowercase;
}

#footerMenu ul li a:hover {
    text-decoration: underline;
}

/* @end */

/* @end */

/* =====================================
        bryan's additional styles
------------------------------------- */

#subscribe_form p {
    margin: 5px 0 5px 30px;
    }
#subscribe_form input {
    width: 200px;
    }
#subscribe_form input[type=submit] {
    width: auto;
    }

table#fees {
margin-top: 20px;
    border-collapse: collapse;
    }
    table#fees td,
    table#fees th {
        font-size: 1.2em;
        border: 1px solid #000;
        padding: 5px 10px;
        }
    table#fees th {
        color: #fff;
        background-color: #000;
        }
#kit_page {
    text-align: center;
    width: auto;
    font-size: 1.2em;
    position: absolute;
    top: 15px;
    right: 10px;
}

#kit_page a {
    display: block;
    background-color: #000;
    color: #fff;
    font-weight: bold;
    border: 1px dotted #000;
    padding: 1px 3px;
}

#kit_page a:hover {
    color: #000;
    background-color: transparent;
}

#WebLoginLayer0 table {
    width: 350px;
    }

#wlpeLogin {

}

#wlpeLogin fieldset legend,
#wlpeLogin fieldset label {
line-height: 13px;
font-size: 12px;
}

#wlpeLogin fieldset {
padding: 5px;
}

#wlpeLogin input, #wlpeLogin select {
display: block;
margin-bottom: 10px;
}