/* $Revision: 133 $ $Date: 2005-12-30 16:08:42 -0800 (Fri, 30 Dec 2005) $ */

/* =Boxes
----------------------------------------------- */
#main .section {
    height: 1%; /* ie501 hack: get rid of the margin between h2 and .section created by the p margin (for some reason, this doesn't mess up the height in ff like #menu thing in the "ref.txt to do" does so don't need to redefine (and hide) the height like for #menu */
    margin-bottom: 15px;
    padding: 0 5px 10px 10px;
}

#main .form1col .section {
    /* make default width behave like tables */
    float: left; /* ff doesn't need it, but ie and opera do */
    padding-right: 10px;
}

#tvsreg1_cal #main .form1col .section {
    /* want normal 100% css width */
    float: none;
}

.clear {
    clear: both;
}

.horizontal_box {
    border: 1px solid #6699CC;
    margin-bottom: 10px;
    padding: 3px;
}

/* =Borders and Spacing
----------------------------------------------- */
#main .middle     h2,
#main .right      h2,
#main .middle1col h2,
#main .form1col   h2 {
    /* border-bottom not necessary b/c border-top of section will supply the border */
    border-top: 1px solid #6699CC;
    border-right: 1px solid #6699CC;
    border-left: 1px solid #6699CC;
    padding-left: 5px;
}

#main .section {
    border: 1px solid #6699CC;
}

.center {
    text-align: center;
}

.paddedlist li,
#toc        li {
    margin-bottom: 10px;
}

form {
    position: relative; /* ie501 hack for blocks that only contain floated elements which my forms do; another option is to use "height: 100%;", but then that ends up disabling form margin settings on ie6  */
}

form,
#main h3,
p {
    /*line-height: 150%;*/
    margin: 15px 0;
}

ol,
ul {
    margin: 15px 0;
    padding-left: 25px;
}

.sep {
    clear: both;
    padding: 15px 0; /* must use padding b/c margin doesn't work when sep is surrounded by floated elements */
}

/* =Fonts and Colors
----------------------------------------------- */

#main a:hover {
    background-color: #bbeeff;
}

#main h2 {
    background-color: #e5ecf9;
    font-size: 1em;
    font-weight: bold;
}

#main h3 {
    font-size: 1em;
    font-weight: bold;
}

#main pre {
    /* to do: pre fine on ff, but too big on ie6 */
    font-size: 1.25em;
}

/* =Tables
----------------------------------------------- */
table {
    border-collapse: collapse;
    font-size: 1em; /* ie5 doesn't inherit the font-size in tables */
    width: 100%;
}

/* =Page Specific
----------------------------------------------- */

/*      =Driver Education page
----------------------------------------------- */
body#de #main .middle ul {
    margin: 10px 0 15px 0;
}

/*      =FAQ page
----------------------------------------------- */
body#faq .q {
    font-weight: bold;
}

body#faq .a {
    padding-left: 20px; padding-right: 20px
}

/*      =Home page
----------------------------------------------- */
body#home table {
    border: 1px solid #6699CC;
}

body#home table a {
    text-decoration: none;
}

body#home th,
body#home td {
    padding: 5px 0 5px 2px;
    vertical-align: middle;
}

body#home th {
    background-color: #e5ecf9;
    border-bottom: 1px solid #6699CC;
    font-weight: bold;
    text-align: left;
}

body#home td {
    border: 1px solid #B9BB94;
}

/*      =Instructors page
----------------------------------------------- */
body#instr dd {
    margin-bottom: 15px;
}

/*      =Pictures page
----------------------------------------------- */
body#pix h2,
body#pix .section {
    padding: 0;
    margin-right: 85px;
}

body#pix .section a {
    display: block;
    margin: 15px auto;
    text-align: center; /* ie5 hack since auto doesn't center the child img */
}

body#pix .section img {
    border: 1px solid white; /* get rid of the blue/purple link color bordering the child img; on ff/opera/moz, can set <a> to "color: white", but on ie, only setting the <img> border works */
    display: block;
    margin: 0 auto;
}

/*      =Testimonials page
----------------------------------------------- */
body#testimonials .section {
    padding: 0;
}

body#testimonials .section img {
    display: block;
    margin: 15px auto;
    text-align: center; /* ie5 hack for centering */
}

/*      =Tvs Reg Form Calendar page
----------------------------------------------- */
#tvsreg1_cal table {
    margin-top: 15px;
    border: 1px solid #153b9c;
    width: 374px;
}

table#tcal1 {
    float: left;
}

table#tcal2 {
    float: right;
}

#tvsreg1_cal a {
    display: block;
    text-decoration: none;
}

#tvsreg1_cal a:hover {
    background-color: white;
    text-decoration: underline;
}

#tvsreg1_cal dd,
#tvsreg1_cal dt {
    float: left;
}

#tvsreg1_cal dd {
    height: 15px;
    width: 15px;
}

#tvsreg1_cal dt {
    margin-left: 5px;
    margin-right: 20px;
}

#tvsreg1_cal .available {
    /*
     * mier: month heading: #CCC, highlighted days: #EEE
     * cal xpres: month heading: #153b9c today: #b2d4f4 event: #c0cfe8 day: #ebedf1
     * travel: highlighted: #66ccff non-highlighted day: #dfdfdf
     */
    background-color: #66ccff;
}

#tvsreg1_cal dd.notavailable,
#tvsreg1_cal td,
#tvsreg1_cal tr.caldays th {
    background-color: #dfdfdf;
}

#tvsreg1_cal td,
#tvsreg1_cal th {
    width: 14%; /*height: 14%;*/
}

#tvsreg1_cal tr.calmonth th {
    background-color: #153b9c;
    color: white;
}

#tvsreg1_cal td,
#tvsreg1_cal tr.caldays th {
    border: 3px solid white;
}

#tvsreg1_cal th {
    text-align: center;
}

/*      =DE & TVS Reg Form Info Pages
----------------------------------------------- */
#reg_info p {
    clear: left;
    margin: 0 0 5px 0;
}

#reg_info .l,
#reg_info .r {
    font-weight: bold;
    margin-bottom: 15px;
}

#reg_info .l,
#reg_info label {
    float: left;
}

#reg_info .l,
#reg_info label {
    width: 125px;
}

#reg_info input {
    width: 200px;
}

#deregform1_info #reg_info input {
    width: 425px;
}

#reg_info .horizontal_box,
#reg_info textarea {
    width: 400px;
}

#reg_info .horizontal_box input,
#reg_info .horizontal_box label {
    display: inline;
    float: none;
    vertical-align: middle;
    width: auto;
}

#reg_info .horizontal_box label {
    font-weight: bold;
}

#reg_info textarea {
    display: block;
}

#reg_info .horizontal_box,
#reg_info .input-submit,
#reg_info textarea {
    margin-left: 125px;
}

#reg_info .input-submit,
#deregform1_info #reg_info .input-submit {
    width: auto;
}

/*      =Tvs Reg2 Info page
----------------------------------------------- */
/* must use table instead of p b/c of ff float bug(?) in which the right floated cals2 causes the outer floated #form1col div to expand */
body#tvsregform2_info table.submit2btns {
    clear: both;
    margin-top: 15px;
    width: 330px;
}

body#tvsregform2_info #cals1,
body#tvsregform2_info #cals2 {
    margin: 0;
}

body#tvsregform2_info #cals1 {
    float: left;
}

body#tvsregform2_info #cals2 {
    float: right;
}

/*      =Addtestimonial receipt page
----------------------------------------------- */
body#addtestimonial2_receipt pre {
    margin-left: 20px;
    margin-bottom: 15px;
}