/*
    Document   : main.css
    Created on : May 24, 2009, 1:48:32 PM
    Author     : Jeff Combs - Multimedia Technologies Inc.
    Description: Main StyleSheet for Broward Fire Academy

    Colors:

    Light Orange Text:      #fbd6a1
    Middle Orange Text:     #e09626
    Dark Brown Background:  #1a0d00
*/

/*
=========================================================================
Main Styles
=========================================================================
*/

body {
    margin: 0; padding: 0;
    background: #000 url(../img/body.jpg) top center no-repeat;
    color: #fff;
    font: 12px Verdana,Arial,Helvetica,sans-serif;
    line-height: 1.5em;
}

/*
=========================================================================
Top
=========================================================================
*/

#top {
    width: 100%; height: 34px; overflow: hidden;
    background: url(../img/top.jpg) top center no-repeat;
}

#top p {
    width: 960px;
    margin: 0 auto; padding: 0;
    line-height: 28px; text-align: left;
    font-size: 11px; text-transform: uppercase;
    color: #a67629;
}

#top a {
    color: #a67629;
    text-decoration: none;
}

#top a:hover {
    color: #e09626;
}

#top span {
    text-align: right;
    float: right;
}

#header {
    width: 960px;
    overflow: hidden;
}

/*
=========================================================================
Container
=========================================================================
*/

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

#main {
    width: 100%; overflow: hidden; padding: 20px 0;
}

/*
=========================================================================
Logo
=========================================================================
*/

#logo {
    width: 489px; height: 112px;
    display: block; float: left;
    border: none;
}

/*
=========================================================================
Login Form
=========================================================================
*/

#login {
    width: 350px; height: 70px; overflow: hidden;
    float: right;
    margin: 19px 0 0 0; padding: 0;
    background: url(../img/forms/login_form_bg.jpg) no-repeat;
}

#login div {
    padding-top: 8px;
}

#login div.text, #login div.password {
    float: left;
    width: 125px;
    margin: 0 0 0 15px;
}

#login div.submit {
    float: left;
    width: 30px;
}

#login label {
    display: block;
    color: #bf882f;
    margin: 0 0 4px 0;
}

#login .text input, #login .password input {
    width: 115px;
    background-color: #0d0500;
    border: 1px solid #000;
    color: #eee;
}


#login .submit input {
    width: 29px; height: 29px; margin: 16px 0 0 10px;
    background: url(../img/forms/login_button.png) no-repeat; border: none;
    cursor: pointer;
    text-indent: -9999px;
}

/*
=========================================================================
Training Request Form
=========================================================================
*/

#training-request {
    width: 349px;
    margin: 10px 0 15px 0; padding: 0 0 10px 0;
    background: url(../img/forms/request_top.jpg) bottom center no-repeat;
}

#training-request fieldset {
    margin: 0; padding: 15px;
    background: url(../img/forms/request_top.jpg) top center no-repeat;
    border: none;
}

#training-request div {
    margin: 5px 0 0 0;
}

#training-request label {
    width: 100px;
    color: #a67629; font-weight: bold;
    display: block; float: left;
    text-align: right;
    margin: 0 10px 0 0;
}

#training-request .text input {
    width: 167px;
    margin: 0; padding: 0;
    background-color: #0d0500;
    border: 1px solid #000;
    color: #eee;
}

#training-request select {
    background-color: #0d0500;
    border: 1px solid #000;
    padding: 2px 1px;
    color: #eee;
}


#training-request div.submit input {
    width: 158px; height: 27px;
    background: url(../img/forms/button.png) no-repeat;
    margin: 0 0 0 125px;
    cursor: pointer;
    border: none;
    font-size: 10px; text-transform: uppercase; font-weight: bold; color: #eee;
}

#training-request div.submit input:hover {
    background: url(../img/forms/button.png) 0px -27px no-repeat;
}

/*
=========================================================================
Main Menu
=========================================================================
*/

#menu {
    width: 960px; height: 26px; overflow: hidden;
    margin: 0; padding: 0;
    list-style: none;
}

#menu li {
    margin: 0; padding: 0; display: inline;
}

#menu li a {
    float: left; width: 159px; height: 0; padding-top: 27px; margin-left: 1px; overflow: hidden; background: url(../img/menu.png); outline: none;
}

#menu li#emt a { background-position: 0 0; }
#menu li#fireacademy a { background-position: -160px 0; }
#menu li#certifications a { background-position: -320px 0; }
#menu li#resources a { background-position: -480px 0; }
#menu li#schedules a { background-position: -640px 0; }
#menu li#contact a { background-position: -800px 0; }

#menu li#emt a:hover { background-position: 0 -29px; }
#menu li#fireacademy a:hover { background-position: -160px -29px; }
#menu li#certifications a:hover { background-position: -320px -29px; }
#menu li#resources a:hover { background-position: -480px -29px; }
#menu li#schedules a:hover { background-position: -640px -29px; }
#menu li#contact a:hover { background-position: -800px -29px; }

#menu.emt li#emt a { background-position: 0 -58px; }
#menu.fireacademy li#fireacademy a { background-position: -160px -58px; }
#menu.continuing li#certifications a { background-position: -320px -58px; }
#menu.resources li#resources a { background-position: -480px -58px; }
#menu.schedules li#schedules a { background-position: -640px -58px; }
#menu.contact li#contact a { background-position: -800px -58px; }

/*
=========================================================================
Right Column
=========================================================================
*/

#sidebar {
    width: 350px; float: right;
}

/*
=========================================================================
Main Content
=========================================================================
*/


#content {
    width: 590px; float: left;
    color: #feefda;
}

/*
=========================================================================
Footer
=========================================================================
*/

#footer {
    width: 100%; padding: 0 0 150px 0; margin: 30px 0 0 0;
    background: url(../img/footer.jpg) top center no-repeat;
    text-align: center;
}

#footer p {
	margin: 0; padding: 12px 0 0 0;
}

#footer p a {
	color: #ffa448;
}

#footer p a:hover {
	color: #ad5e27;
}

/*
=========================================================================
Headers
=========================================================================
*/

h1 {
    margin: 0; padding: 0;
    color: #e09626;   
    font: bold 18px Georgia,'Times New Roman',times,serif;
}

h2, h3, h4, h5, h6 {
    margin: 15px 0 10px 0; padding: 0;
    color: #e09626;
    font: bold 14px Georgia,'Times New Roman',times,serif;
}

#sidebar h2 {
    margin: 0 0 10px 0;
}

h2.latest-news {
    height: 27px; background: url(../img/headers/header_news.png) no-repeat; text-indent: -9999px;
}

h2.fire-academy {
    height: 27px; background: url(../img/headers/header_fire_academy.jpg) no-repeat; text-indent: -9999px;
}

h2.emt {
    height: 27px; background: url(../img/headers/header_emt.jpg) no-repeat; text-indent: -9999px;
}

h2.continuing {
    height: 27px; background: url(../img/headers/header_continuing.jpg) no-repeat; text-indent: -9999px;
}

h2.resources {
    height: 27px; background: url(../img/headers/header_resources.jpg) no-repeat; text-indent: -9999px;
}

h2.bfa {
    height: 27px; background: url(../img/headers/header_bfa.jpg) no-repeat; text-indent: -9999px;
}

h2.assistance {
    height: 27px; background: url(../img/headers/header_assistance.png) no-repeat; text-indent: -9999px;
}

h2.training-request {
    height: 27px; background: url(../img/headers/header_training.jpg) no-repeat; text-indent: -9999px;
}

h2.newsletter {
    height: 27px; background: url(../img/headers/header_newsletter.png) no-repeat; text-indent: -9999px;
}

/*
=========================================================================
Content Area Styles
=========================================================================
*/

#content p {
    margin: 15px 10px 15px 0;
    line-height: 1.75em;
}

#content ul {
    margin: 10px 0; padding: 0;
}

#content ul li {
    margin: 4px 0 0 0; padding: 0 0 0 20px;
    list-style: none;
    background: url(../img/lists/li.png) 0px 4px no-repeat;
}

#content ol {
    margin: 10px 0 10px 20px; padding: 0;
}

#content ol li {
    margin: 4px 0 0 0;
}

#content .col {
    width: 30%;
    float: left;
    margin-left: 2%;
}

#content a, #sidebar a {
	color: #ffa448;
    text-decoration: none;
}

#content a:hover, #sidebar a:hover {
	color: #ad5e27;
}

/*
=========================================================================
News
=========================================================================
*/

#news {
    margin: 0 0 15px 0;
}

#sidebar dl {
    margin: 5px 0; padding: 0; background: url(../img/lists/dl.png) repeat-y; color: #fbd6a1;
}

#sidebar dt {
    margin: 0; padding: 6px 14px 5px 35px; background: url(../img/lists/dt.png) no-repeat; font-size: 10px; font-weight: bold;
}

#sidebar dd {
    margin: 0; padding: 0 14px 10px 14px; background: url(../img/lists/dd.png) no-repeat;
}

#sidebar .right {
    text-align: right;
}

#sidebar a.news {
    background: url(../img/icons/news.png) 100% 50% no-repeat;
    padding: 0 20px 0 0;
    text-align: right;
}

/*
=========================================================================
Newsletter
=========================================================================
*/

#newsletter {
    width: 350px; height: 70px;
    background: url(../img/forms/newsletter_form.png) no-repeat;
    margin: 0 0 15px 0; padding: 0;
}

#newsletter div {
    padding-top: 8px;
}

#newsletter div.text {
    float: left;
    width: 125px;
    margin: 0 0 0 15px;
}

#newsletter div.submit {
    float: left;
    width: 30px;
}

#newsletter label {
    display: block;
    color: #bf882f;
    margin: 0 0 4px 0;
}

#newsletter .text input {
    width: 115px;
    background-color: #0d0500;
    border: 1px solid #000;
    color: #eee;
}

#newsletter .submit input {
    width: 29px; height: 29px; margin: 13px 0 0 10px;
    background: url(../img/forms/newsletter_submit.png) no-repeat; border: none;
    cursor: pointer;
    text-indent: -9999px;
}

#newsletter-response {
    margin: 0 0 10px 0;
}

/*
=========================================================================
Sub Menu
=========================================================================
*/

#sections {
    width: 350px; margin: 10px 0 10px 0; padding: 0;
}

#sections li {
    margin: 2px 0 0 0; padding: 0; list-style: none; line-height: 26px;
}

#sections li a {
    display: block; height: 28px; padding: 0 0 0 15px;
    color: #fff; text-decoration: none; text-transform: uppercase;
    background: url(../img/lists/link-list.jpg) no-repeat;
    outline: none;
    font-size: 11px;
}

#sections li a:hover {
    background: url(../img/lists/link-list.jpg) 0px -28px no-repeat;
}

#sections li ul li {
    display: block; width: 350px;
}

#sections li ul {
    background-color: #000;
    margin: 0; padding: 0;
}

#sections li ul li a {
    background: none;
    color: #ffa448;
}

/*
=========================================================================
Links
=========================================================================
*/

#links {
    width: 350px; margin: 10px 0 20px 0; padding: 0;
}

#links li {
    margin: 2px 0 0 0; padding: 0; list-style: none; line-height: 28px;
}

#links li a {
    display: block; height: 28px; padding: 0 0 0 15px;
    color: #fff; text-decoration: none;
    background: url(../img/lists/link-list.jpg) no-repeat;
}

#links li a:hover {
    background: url(../img/lists/link-list.jpg) 0px -28px no-repeat;
}

#links li ul li {
    display: block; width: 350px;
}

a.link {
    background: url(../img/icons/link.png) 100% 50% no-repeat;
    padding: 0 20px 0 0;
}

/*
=========================================================================
Training Calendar Table
=========================================================================
*/

table.training {
    width: 590px;
    margin: 10px 0 0 0;
}

table.training thead th {
    text-align: center;
    font-size: 12px; text-transform: uppercase;
    background: #823d08 url(../img/misc/th.png) repeat-x;
    padding: 5px 0;
}

table.training tbody th {
    width: 100px;
    text-align: center; font-weight: bold; font-size: 10px;
    text-indent: 2px;
}

table.training td {
    width: 70px;
    font-size: 9px;
    text-indent: 2px;
}

table.training div {
    background: #823d08 url(../img/misc/th.png) repeat-x;
    text-align: right;
    padding: 0 4px 0 0;
}

table.training div a.event {
    color: #fff;
    font-weight: bold;
    display: block;
    text-decoration: underline;
}

#content > table.training ul {
    margin: 0; padding: 0;
}

#content > table.training ul li {
    margin: 1px 0 0 0; padding: 2px 0;
    list-style: none;
    background: #1a0d00;
}

#content > table.training ul li.used {
    background: #823d08 url(../img/misc/th.png) repeat-x;
}

#content > table.training ul li.unused {
    color: #3a1e0a;
}

#content span.used {
    background: #823d08 url(../img/misc/th.png) repeat-x;
    padding: 4px 8px;
    border: 1px solid #000;
}

#content span.unused {
    padding: 4px 8px;
    background: #1a0d00;
    color: #3a1e0a;
    border: 1px solid #000;
}

/*
=========================================================================
Contact Form
=========================================================================
*/

.contact {
    margin: 10px 0;
}

.contact fieldset {
    border: none;
}

.contact div {
    padding: 2px 0;
}

.contact label {
    display: block; float: left;
    width: 100px;
    font-weight: bold;
}

.contact input, .contact textarea {
    background: #000;
    border: 1px solid #1a0d00;
    padding: 5px;
    color: #fff;
}

.contact input {
    width: 350px;
}

.contact textarea {
    width: 465px;
}

.contact div.error-message {
    color: #763307;
}

.contact div.submit input {
    width: 158px; height: 27px;
    background: url(../img/forms/button.png) no-repeat;
    margin: 0 0 0 100px;
    cursor: pointer;
    font-size: 10px; text-transform: uppercase; font-weight: bold;
}

.contact div.submit input:hover {
    background: url(../img/forms/button.png) 0px -27px no-repeat;
}

address {
    margin: 10px 0;
    font-style: normal; color: #fbd6a1; font-weight: bold;
}

address span {
    float: right;
    text-align: right;
}

#map-canvas {
    height: 290px;
    border: 1px solid #763307;
}

/* IMAGE STYLES */

.left-image {
    margin: 0 10px 10px 0;
    border: 3px solid #000;
}

.right-image {
    margin: 0 0 10px 0;
    border: 3px solid #000;
}

.top-image {
    margin: -10px 0 10px 0;
    width: 590px;
}

/* MISC CLASSES */

.news {
    margin: 25px 0 0 0;
}