
/*  EFS BlueMod Screen

Copyright (c) 2006 Kyle Schaffrick

Based loosely on MoinMoin default styles
Copyright (c) 2001, 2002, 2003 by Juergen Hermann
*/

/* content styles */

body {
    margin: 0;
    padding: 0;
    border: 0;
    background: #f7f7f7;
}

#header {
    background: #385C72;
    margin: 0;
    padding: 0;
    height: 80px;
}

/* accessibility and printing stuff, hide it */

.accessibility,
dfn {
    display: none;
    margin: 0;
    padding: 0;
}

/* horizontal menu */

#menu_horiz {
    border-bottom: 1px #a0a0a0 solid;
    background: #e0e0e0;
}

#menu_horiz ul {
    margin: 0.0em 0 0.3em 0;
    padding: 0.2em 0 0 0;

}

#menu_horiz li,
#menu_horiz li h3 {
    display: inline;
}

#menu_horiz li {
    border-left: 1px #a0a0a0 solid;
    padding: 0.2em 0.2em 0.3em 0.6em;
}

#menu_horiz .active01 {
    background: #ffffff;
}

#menu_horiz li h3 {
    font-size: 1em;
    font-weight: normal;
}

/* bread crumbs */

.breadcrumbs {
    margin: 0;
    padding: .2em 1em .4em 1em;
    background: #c0c0c0;
    border-bottom: 1px #a0a0a0 solid;
}

/* content block */

#content {
    margin: 0;
    padding: 0;
}

/* section image */

.sectionimage {
    background: #385C72;
    padding: 0 0 0 0;
    color: #385C72;
    border-right: 1px #000 solid;
    border-bottom: 1px #000 solid;
}

/* vertical menu */

#menu_vert {
    float: left;
    width: 243px;

    margin: 0;
    padding: 0;
    background: #e0e0e0;
}

#menu_vert ul {
    margin: 0;
    padding: 0;
}

#menu_vert li,
#menu_vert li h3 {
    display: block;
    font-size: 1em;
    font-weight: normal;
    margin: 0;
}

#menu_vert li {
    padding: .2em 0 .3em .7em;
/*
    border-right: 1px #a0a0a0 solid;
    */
}

#menu_vert .active01 {
    background: #fff;
    border-right: none;
/*
    border-top: 1px #a0a0a0 solid;
    border-bottom: 1px #a0a0a0 solid;
    */
    padding-bottom: 0;
}

#menu_vert .active01 h3 {
    padding-bottom: .3em;
}

#menu_vert li ul {
    margin: .4em 0 0 .8em;
    padding: 0;
/*
    border-top: 1px #a0a0a0 solid;
    border-left: 1px #a0a0a0 solid;
    */
    background: #e0e0e0;
}

/* main content */

#main {
    margin: 0 1em 0 243px;
    padding: 1em;
    background: #fff;
    background-image: url('uploads/images/decorations/bg-gradient-50.png');
    background-repeat: repeat-x;
    border-left: 1px #ffffff solid;
    border-top: 1px #ffffff solid;
    border-right: 1px #c0c0c0 solid;
    border-bottom: 1px #c0c0c0 solid;
}

#main h2 {
    margin: 0;
}

#mainend {
    clear: right;
    visibility: hidden;
}

/* footer */

#footer {
    margin: 0;
    clear: both;
    text-align: center;
    padding: .1em;
    background: #385C72;
    color: #fff;
    font-size: 0.8em;
}

/* quick links */

div.quicklinks {
    margin: 0em;
    padding: 1em;
    border: 1px #e0e0e0 solid;
    border-right: 1px #c0c0c0 solid;
    border-bottom: 1px #c0c0c0 solid;
    background: #f7f7f7;
    background-image: url('uploads/images/decorations/bg-gray-gradient-200.png');
    background-repeat: repeat-x;
}

div.quicklink {
    float: left;
    width: 50%;
}

div.quicklinks h3 {
    display: block;
    background: #385C72;
    background-image: url('uploads/images/decorations/bg-blue-gradient-50.png');
    background-repeat: repeat-x;
    color: #ffffff;
    padding: 5px 8px 5px 8px;
    margin: 0.5em 0.5em 0.5em 0;
    border-bottom: 1px #000000 solid;
    border-right: 1px #000000 solid;
    border-left: 5px #a0a0a0 solid;
    font-size: 0.85em;
}

div.quicklinks p {
    display: block;
    font-size: 0.85em;
    margin: 0 0 0 0px;
}

div.quicklinks img {
    float: left;
    margin-right: 5px;
    border: 2px #c0c0c0 solid;
}

div.quicklinks h3 a {
    color: #ffffff;
}

div.quicklinks hr {
    visibility: hidden;
    clear: left;
}

div.dealerships {
    margin: 0;
    padding: 2em 1.5em 1.5em 1.5em;
    font-style: italic;
}

div.dealership {
    float: left;
    width: 50%
}

div.dealership img {
    float: left;
    margin-right: 2em;
}


/* secondary content */

#content2 {
    float: right;
    margin: 1em;
    overflow: hidden;
    width: 12em;
}

/* main content override */
#main {
    margin: 0 14em 0 243px;
}


