/*------------------------------------------------------------------
[Master Stylesheet]

Project: City of Lawrenceville
Author: Scott Lively <scott@123shoot.com>
Version: 1.1
Last change: 06/01/2009
-------------------------------------------------------------------*/

@import 'reset.css';

/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Header           [#hdr]
3. Navigation       [#nav-main]
4. Columns          [#columns]
    a. Column 1
    b. Column 2
    c. Column 3
5. Content
    a. Home
6. Footer           [#ftr]
7. Error
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[1. Body ]
-------------------------------------------------------------------*/
html {
    margin-bottom: 1px;
    min-height: 100%;
}

body {
    background: #E8E9D8 url(../images/bg-top-repeat-x.jpg) repeat-x;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-align: left;
    word-spacing: 0px;
}

a { color: #6B9D9A; }
a:hover { color: #4D1E20; }

em { font-style: italic; }

p { padding: 8px 0px; }

h1.admin {
    color: #4D1E20;
    font-size: 18px;
    font-weight: bold;
    line-height: 32px;
    text-decoration: underline;
}

hr.divider {
    border: 1px solid #56181B;
    margin: 20px 12px;
}

#body_wrapper {
    background: url(../images/bg-body.jpg) no-repeat top center;
    margin: auto;
    width: 100%;
}

#page_wrapper {
    background: #FFFFFF repeat-y;
    height: 100%;
    margin: auto;
    width: 970px;
}

#page_container {
    background: url(../images/bg-page.jpg) no-repeat top center;
    margin: auto;
    width: 970px;
}

/*------------------------------------------------------------------
[2. Header ]
-------------------------------------------------------------------*/
#hdr {
    height: 110px;
    width: 970px;
}

#logo {
    float: left;
    height: 56px;
    margin: 12px 0px 0px 36px;
    width: 486px;
}

#logo span { display: none; }
#logo a { display: block; width: 486px; height: 56px; }
#logo a:hover { text-decoration: none; }

#logged_in {
    border: 0px solid #ff0000;
    float: right;
    padding: 6px 12px 0px 0px;
    text-align: right;
    width: 436px;
}

/*------------------------------------------------------------------
[3. Navigation - Main ]
-------------------------------------------------------------------*/
#nav_main {
    clear: both;
    height: 64px;
    width: 970px;
}

#nav_main img {
    display: block;
    float: left;
}

/*------------------------------------------------------------------
[4. Columns ]
-------------------------------------------------------------------*/
#columns {
    margin: auto;
    margin-top: 16px;
    width: 970px;
}

#left { float: left; width: 732px; }
#right { float: right; width: 238px; }

#left_admin { float: left; width: 208px; }
#right_admin { float: right; width: 762px; }

#col1, #col2, #col3 { float: left; }

#col1 { width: 208px; }
#col2 { width: 524px; }
#col3 { padding: 0px 8px; width: 222px; }

#col1 img.title, #col3 img.title,
#related_links img.title, #a_z_index img.title { display: block; }

#a_z_index_content, #related_links_content { padding: 8px 12px 0px 12px; }
#a_z_index_content ol, #a_z_index_content ul, #related_links_content ol, #related_links_content ul { padding-left: 34px; }

/*------------------------------------------------------------------
[4a. Column 1 ]
-------------------------------------------------------------------*/
#nav_sub { }

#nav_sub ul { 
    border: 4px solid #56181B;
    border-width: 4px 4px 0px 4px;
    width: 180px;
}

#quick_links ul, #quick_links_home ul { 
    border: 2px solid #56181B;
    border-width: 0px 0px 1px 0px;
    margin: 0px;
    width: 218px;
}

#quick_links_home ul { border-width: 0px 2px 1px 2px; width: 202px; }

#nav_sub ul li, #quick_links_home ul li, #quick_links ul li {
    list-style-type: none;
}

#nav_sub ul li a, #quick_links_home ul li a, #quick_links ul li a {
    border-bottom: 4px solid #56181B;
    color: #56181B;
    display: block;
    font-weight: bold;
    height: 24px;
    list-style-type: none;
    padding: 6px 0px 0px 20px;
    text-decoration: none;
    width: 160px;
}

#quick_links ul li a, #quick_links_home ul li a {
    border: 2px solid #56181B;
    border-width: 1px 0px 1px 0px;
    height: 100%;
    padding: 2px 0px 2px 16px;
    width: 202px;
}

#quick_links_home ul li a { width: 186px; }

#nav_sub ul li a:hover, #quick_links_home ul li a:hover, #quick_links ul li a:hover {
    background-color: #56181B;
    color: #FFFFFF;
}

#nav_sub ul li a.current {
    background-color: #56181B;
    color: #FFFFFF;
}

#nav_sub ul li ul {
    border: none;
    margin: 0px;
    width: 180px;
}

#nav_sub ul li ul li a {
    background-color: #FFFFFF;
    border-bottom: 2px solid #56181B;
    color: #56181B;
    display: block;
    font-weight: bold;
    /*height: 16px;*/
    height: 100%;
    list-style-type: none;
    padding: 2px 10px 4px 24px;
    text-decoration: none;
    width: 146px;
}

#newsletter_container {
    border: 1px solid #56181B;
    border-width: 1px 0px;
    margin: 20px 0px;
    padding: 12px 0px 18px 0px;
    width: 200px;
}

#newsletter_container p.title {
    color: #56181B;
    font-size: 14px;
    letter-spacing: 2px;
    padding: 4px 0px;
    text-align: center;
}

#newsletter_container input.input {
    border: 2px solid #56181B;
    height: 24px;
    margin: 0px;
    padding: 6px 0px 0px 4px;
    vertical-align: top;
    width: 134px;
}

#newsletter_container input.submit {
    background-color: #56181B;
    border: 2px solid #56181B;
    color: #FFFFFF;
    cursor: hand;
    height: 34px;
    margin: 0px;
    padding: 0px;
    width: 58px;
}

#abd_content {
    border: 2px solid #56181B;
    height: 200px;
    width: 200px;
}

#social_media { text-align:center; width:200px; }

/*------------------------------------------------------------------
[4b. Column 2 ]
-------------------------------------------------------------------*/
#main_img {
    float: right;
    height: 148px;
    width: 474px;
}

#main_img img { display: block; }

#content {
    clear: both;
    font-family: "Times New Roman", Times, serif;
    font-size: 14px;
    padding: 20px 40px 20px 40px;
    text-align: justify
}

#content ul, #content ol {
    padding-left: 34px;
    text-align: left;
}
    
#auth_login { width: 524px; }

#auth_login div.label, #auth_login div.input {
    float: left;
    padding: 2px;
}

#auth_login div.label {
    text-align: right;
    width: 40%;
}
    
.contact_form {
    padding: 4px 0px;
    width: 390px;
}

input.text, textarea.text {
    border-color: #56181B;
    border-width: 2px 1px 1px 2px;
    width: 386px;
}

select { 
    border-color: #56181B;
    border-width: 2px 1px 1px 2px;
}

/*------------------------------------------------------------------
[4c. Column 3 ]
-------------------------------------------------------------------*/
#quick_links, #payment_container, #news_container, #directory_container, #calendar_container, #weather_container {
    border: 2px solid #58181A;
    border-width: 0px 2px 2px 2px;
    margin: 0px;
    padding: 10px 0px;
    text-align: center;
    width: 218px;
}

#quick_links {
    border-width: 0px 2px 0px 2px;
    margin-bottom: 2px;
    padding: 0px;
    text-align: left;
}

/** quick links navigation - see 4a. Column 1 under #nav_sub */

#weather_container { 
    color: #787878;
    font-weight: bold;
}

#payment_container p.heading, #news_container p.heading, #directory_container p.heading, #calendar_container p.heading, #weather_container p.heading {
    color: #4D1E20;
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    padding: 10px 0px 0px 46px;
}

#payment_container p.text, #news_container p.text, #directory_container p.text, #calendar_container p.text { padding: 4px 0px 0px 34px; }

#calendar_container div.calendar { padding-top: 10px; }

#weather_container div.block {
    background-color: #FFFFFF;
    height: 84px;
    margin: auto;
    margin-top: 24px;
    width: 180px;
}

#weather_container div.block_left, #weather_container div.block_right {
    float: left;
    width: 50%;
}

#weather_container div.block_right { padding-top: 14px; }

#weather_container p.updated {
    color: #4D1E20;
    font-weight: normal;
    padding-top: 10px;
}

#gradient_container { height: 270px; }

/*------------------------------------------------------------------
[5a. Content - Home ]
-------------------------------------------------------------------*/
#slideshow_home_container { padding-left: 12px; }
#slideshow_home { border: 6px solid #D3D5B5; height: 224px; }

/*------------------------------------------------------------------
[6. Footer ]
-------------------------------------------------------------------*/
#ftr {
    background-image: url(../images/footer.jpg); 
    background-repeat: no-repeat;
    color: #4D1E20;
    font-family: "Times New Roman", Times, serif;
    font-size: 14px;
    min-height: 90px;
    margin: auto;
    padding-top: 60px;
    text-align: center;
    width: 970px;
}

#ftr a { color: #4D1E20; text-decoration: none; }
#ftr a:hover { color: #333333; }

.clear { clear: both; }

/*------------------------------------------------------------------
[7. Error ]
-------------------------------------------------------------------*/
.err_msg, #errUsername, #errPassword, #errName, #errEmail, #errComments, 
#errPermitNumber, #errBusinessName, #errBusinessLocation, #errAuthorizeName {
    color: #BD4626;
    font-style: italic;
}