/*
======================================================
Title:    JPH Electrical Stylesheet (Screen)
Author:   jamie.webster@orcawebsites.com
======================================================
*/

* {
    margin: 0;
    padding: 0;
    font-family: Tahoma, Arial, Verdana, Sans-Serif;
    font-size: 11px;
    line-height: 100%;
    }

body {
    text-align: left;
    background: #FFF 0 0 repeat-x;
    }

p, table, ul, ol {
    padding: 10px 0;
    }

p, td, th, li {
    line-height: 170%;
    color: #666;
    }

a {
    color: #CC0000;
    text-decoration: none;
    text-transform: lowercase;
    }
    a:hover {
    color: #000;
    }

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

#container {
    text-align: left;
    width: 800px;
    margin: 45px auto 0 auto;
    }

/*
======================================================
Header
======================================================
*/

#header {
    width: 100%;
    float: left;
    }

#logo {
    float: left;
    }

.navigation {
    float : left;
    padding-top : 25px;
    padding-left : 40px;
    }

#column_4 {
    padding: 0;
    }
        #column_4 img {
            margin: 55px 0 0 40px;
            }

dd.links {
    width : 99px;
    border : 0;
    }

#search_bar {
    width: 100%;
    float: left;
    }
    #search_bar form {
        padding: 0px;
        }
        #search_bar #input_search {
            width: 110px;
            float: left;
            }
            #search_bar #input_submit {
                float: left;
                }

/*
======================================================
Body
======================================================
*/

#body {
    background: #FFF;
    width: 800px; margin: 0 auto;
    padding-top: 20px;
    float: left;
    }

#content {
    margin: 15 0 0;
    }

#flash_panel {
    margin: 0 0 20px 0;
    }

#page_home #flash_panel {
    margin: 0 0 0 0;
    }

#image_panel {
    float: left;
    margin: 0 0 10px 0;  
    }
    
#section_holder {
  width : 830px;
  }
    .section {
        float : left;
        padding-top : 17px;
        padding-right : 20px;
        }
    dd.text {
        width : 185px;
        border : 0;
        }
           
/*
======================================================
Footer
======================================================
*/

#footer {
    width: px;
    float: left;
    padding: 0px 0 0 0;
    margin: 0 0 0px 0;
    }
    #footer p {
        float: left;
        color: #999;
        font-size: 10px;
        }
        #footer ul {
            float: right;
            }
            #footer li {
                display: inline;
                margin: 0 0 0 8px;
                font-size: 10px;
                color: #999;
                }
                #footer a {
                    font-size: 10px;
                    color: #999;
                    font-weight: normal;
                    }
                    #footer a:hover {
                        text-decoration: underline;
                        }

/*
======================================================
Forms
======================================================
*/

#fields ul {
    list-style: none;
    }
    #fields li {
        margin: 0 0 5px 0;
        }
        #fields label {
            float: left;
            width: 80px;
            }
            #fields #input_submit {
                margin: 0 0 0 80px;
                } 
                input {
                border: #000 1px solid;
                   }
                   #input_submit {
                   border: 0;
                   }
                
/*
======================================================
Site Map
======================================================
*/

#sitemap ul {
    margin: 0 0 0 20px;
    }