/*------------------------------------------------------------------
[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
3. Navigation
4. Columns
    a. Column 1
    b. Column 2
    c. Column 3
5. Content
    a. Home
6. Admin
7. Pagination
8. Footer
9. Error
-------------------------------------------------------------------*/


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

body {
    background:#E8E9D8 url(../images/bg-top-repeat-x.jpg) repeat-x;
    color:#454545;
    font-family:"Times New Roman", Times, serif;
    font-size:14px;
    font-style:normal;
    font-weight:normal;
    letter-spacing:0px;
    line-height:18px;
    text-align:left;
    word-spacing:0px;
}

a { color:#86AFE3; }
a:hover { color:#581819; }

em { font-style:italic; }

h1 { font-size:18px; line-height:24px; }

p { padding:8px 0px; }

h1.admin { color:#581819; text-decoration:underline; }
hr.divider { border:1px solid #581819; margin:20px 12px; }

#body_wrapper { background:url(../images/bg-body.jpg) no-repeat top center; margin:auto; width:100%; }
#page_wrapper { background:#FFF repeat-y; height:100%; margin:auto; width:970px; }
#page_container { background:url(../images/bg-page-2.jpg) no-repeat top center; margin:auto; width:970px; }

/*------------------------------------------------------------------
[2. Header ]
-------------------------------------------------------------------*/
#hdr { height:110px; width:970px; }
#hdr_left { float:left; width:576px; }
#hdr_right { float:right; width:394px; }

#logo { height:108px; margin:0px 0px 0px 30px; width:546px; }
#logo span { display:none; }
#logo a { display:block; width:546px; height:108px; }
#logo a:hover { text-decoration:none; }

#logged_in { font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:12px; height:14px; padding:0px 12px 0px 0px; text-align:right; width:380px; }
#social_media { padding:0px 12px 2px 0px; text-align:right; width:380px; }

/*------------------------------------------------------------------
[3. Navigation - Main ]
-------------------------------------------------------------------*/
#nav_main { 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:739px; } /* float:left; width:732px; */
#right { float:right; width:231px; } /* float:right; width:238px; */

#left_admin { float:left; padding-left:13px; width:182px; } /* float:left; width:208px; */
#right_admin { float:right; width:775px; } /* float:right; width:762px; */

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

#col1 { padding-left:13px; width:182px; } /* width:208px; */
#col2 { width:544px; } /* width:524px; */
#col3 { padding-right:9px; width:222px; } /* padding:0px 8px; width:222px; */

#a_z_index, #related_links { padding:8px 13px; }
#a_z_index ol, #a_z_index ul, #related_links ol, #related_links ul { padding:6px 18px; }

/*------------------------------------------------------------------
[4a. Column 1 ]
-------------------------------------------------------------------*/
#nav_sub { width:182px; }
#nav_sub ul { border:4px solid #581819; border-width:4px 4px 0px 4px; width:174px; }
#nav_sub ul li { list-style-type:none; }
#nav_sub ul li a { border-bottom:4px solid #581819; color:#FFF; display:block; height:20px; list-style-type:none; padding:2px 0px 0px 20px; text-decoration:none; width:154px; }
#nav_sub ul li a:hover, #nav_sub ul li a.current { background-color:#581819; color:#FFF; }

#nav_sub ul li.government_sub a { background:#86AFE3 url(../images/sidebar/left/arrow-right.gif) no-repeat left; }
#nav_sub ul li.government_sub a:hover { background:#581819 url(../images/sidebar/left/arrow-right.gif) no-repeat left; color:#FFF; }

#nav_sub ul li ul { border:none; margin:0px; width:174px; }
#nav_sub ul li ul li a { background-color:#FFF; border-bottom:2px solid #581819; color:#581819; display:block; height:100%; list-style-type:none; padding:2px 10px 4px 24px; text-decoration:none; width:140px; }
#nav_sub ul li ul li a:hover { background-color:#581819; color:#FFF; }

#newsletter_container { padding:6px 0px; width:182px; }
#newsletter_container input.input { border:2px solid #581819; color:#FFF; font-family:"Times New Roman", Times, serif; height:26px; margin:0px; padding:2px 0px 0px 4px; vertical-align:top; width:116px; }
#newsletter_container input.submit { background-color:#581819; border:2px solid #581819; color:#FFF; cursor:pointer; font-family:"Times New Roman", Times, serif; height:32px; letter-spacing:1px; margin:0px; padding:0px; width:58px; }

#traffic_container { padding:6px 0px; width:182px; }

#weather_container { background-color:#FFF; border:1px solid #581819; color:#787878; font-weight:bold; margin:6px 0px; padding:0px; text-align:center; 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:#581819; font-size:11px; font-weight:normal; }

#quick_links_home { margin:6px 0px; text-align:left; }
#quick_links_home ul li { list-style-type:none; margin-bottom:3px; }
#quick_links_home ul li a { color:#FFF; display:block; padding:4px 0px 4px 24px; text-decoration:none; width:158px; }
#quick_links_home ul li a:hover { background:url(../images/sidebar/left/quick-links-hover.png) no-repeat left center; }

#quick_links_home ul li.index a { background-color:#B0B67A; }

#submit_links { text-align:center; }

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

#content { clear:both; padding:20px 30px 20px 30px; text-align:justify; }
#content ul, #content ol { padding-left:34px; text-align:left; }

#content table { text-align:left; }

#news_feed { background-color:#F2F2E9; border-bottom:2px solid #581819; padding:10px 20px; }
#news_feed ul { margin:0px; padding:0px; }
#news_feed li { list-style-type:none; padding:10px 0px; }
#news_feed li span.feed_title { color:#581819; font-weight:bold; }
    
#auth_login { width:484px; }
#auth_login div.label, #auth_login div.input { float:left; padding:2px; }
#auth_login div.label { text-align:right; width:35%; }
    
.contact_form { padding:4px 0px; width:390px; }

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

.identifier { float:left; height:20px; padding:2px; text-align:right; width:106px; }
.input_side { float:left; height:20px; padding:2px; }
.input_side textarea { width:360px; height:80px; }

.frm_fld_xtra_short, .frm_fld_short, .frm_fld_nrml, .frm_fld_long, .frm_fld_xtra_long, select, textarea { border:1px solid #454545; }
.frm_fld_xtra_short { width:30px; }
.frm_fld_short { width:85px; }
.frm_fld_nrml { width:125px; }
.frm_fld_long { width:165px; }
.frm_fld_xtra_long { width:205px; }

/*------------------------------------------------------------------
[4c. Column 3 ]
-------------------------------------------------------------------*/
#search_container { background-color:#581819; width:222px; }
#search_container input.input { border:2px solid #581819; font-family:"Times New Roman", Times, serif; height:26px; margin:0px; padding:2px 0px 0px 4px; vertical-align:top; width:136px; }
#search_container input.submit { background-color:#581819; border:2px solid #581819; color:#FFF; cursor:pointer; font-family:"Times New Roman", Times, serif; height:32px; letter-spacing:1px; margin:0px; padding:0px; width:74px; }

/** quick links navigation - see 4a. Column 1 under #nav_sub */
#quick_links { margin:6px 0px; padding-left:6px; text-align:left; }
#quick_links ul li { list-style-type:none; margin-bottom:3px; }
#quick_links ul li a { color:#FFF; display:block; padding:4px 0px 4px 24px; text-decoration:none; width:192px; }
#quick_links ul li a:hover { background:url(../images/sidebar/right/quick-links-hover.png) no-repeat left center; }

#quick_links ul li.businesses a { background-color:#705AA5; }
#quick_links ul li.calendar a { background-color:#B0B67A; }
#quick_links ul li.contact-us a { background-color:#BE972E; }
#quick_links ul li.how-do-i a { background-color:#87736A; }
#quick_links ul li.government a { background-color:#86AFE3; }
#quick_links ul li.residents a { background-color:#BF4627; }
#quick_links ul li.search-custom a { background-color:#B0B67A; }
#quick_links ul li.students a { background-color:#6A8037; }
#quick_links ul li.visitors a { background-color:#E88B00; }

#payment_center_container, #event_calendar_container, #latest_news_container, #living_in_the_city_container { margin:6px 0px; }

.sidebar_right_block { background:#FFF url(../images/sidebar/right/block-wrapper.jpg) repeat-y; padding:0px 3px; width:216px; }
.sidebar_right_block h1 { color:#FFF; font-variant:small-caps; font-weight:bold; padding:0px 0px 0px 12px; width:204px; }
.sidebar_right_block p { font-size:12px; padding:6px 0px 6px 12px; width:192px; }

#living_in_the_city_container img { float:left; padding-bottom:6px; }

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

/*------------------------------------------------------------------
[6. Admin ]
-------------------------------------------------------------------*/
#ck_container { margin:auto; width:738px; }
#ck_container td {  border-top:1px solid #666; padding:4px; }
#ck_container td.header { border-top:1px solid #666; color:#FFF; font-weight:bold; padding:4px; text-align:center; }

/*------------------------------------------------------------------
[7. Pagination (page flipper) ]
-------------------------------------------------------------------*/
#pagination { padding-top:20px; }
#paginator_container { background-color:#EFEFEF; border:1px solid #666; color:#454545; padding:4px; }
#pages, .paginator a, .paginator_current { background-color:#FFF; border:1px solid #666; float:left; font-size:10px; margin:0px 2px; padding:4px 6px; }

.paginator a { color:#454545; display:block; text-decoration:none; }
.paginator_current, .paginator a:hover { background-color:#86AFE3; border:1px solid #666; color:#FFF; }

/*------------------------------------------------------------------
[8. Footer ]
-------------------------------------------------------------------*/
#ftr { background-image:url(../images/footer.jpg); background-repeat:no-repeat; color:#581819; min-height:90px; margin:auto; padding-top:60px; text-align:center; width:970px; }
#ftr a { color:#581819; text-decoration:none; }
#ftr a:hover { color:#333; }

#gwma_banner { float:right; padding:12px 12px 0px 0px; text-align:center; }

/*------------------------------------------------------------------
[9. Error ]
-------------------------------------------------------------------*/
.err_msg, #errUsername, #errPassword, #errName, #errEmail, #errComments, 
#errPermitNumber, #errBusinessName, #errBusinessLocation, #errAuthorizeName, 
#errCompany, #errAddress, #errCity, #errZip, #errFirstName, #errLastName, #errPhone, #errFax, 
#errJobTitle, #errCategoryId, #errDescription, #errRequired, #errDateClosed, 
#errOrganization, #errVolunteerOpportunity, #errDateStart, #errDateEnd, #errEventTitle { color:#BD4626; font-style:italic; }