﻿ /*-----------------------------------------------
County of Glenn 
-------------------------------------------------
Author:		Matson & Isom Technology Consulting
            www.mitcs.com
Version:	2008.02.22.1300
----------------------------------------------- */

/*-----------------------------------------------
-- Base Styles =
----------------------------------------------- */

*
{
    margin: 0;
    padding: 0;
}

body 
{
     background: #c7c3ac url(http://www.countyofglenn.net/_images/bodyBackground.jpg) repeat-x bottom left;
     background-attachment: fixed;
     text-align: center;
     font-family: Arial, Helvetica, Sans-Serif;
	font-size: small;
}

h1, h2, h3
{
    font-family: Georgia, Times, Serif;
    font-weight: normal;
    letter-spacing: -1px;
}

#home h1, h1 a
{
	float: left;
	display: block;
	background: url(http://www.countyofglenn.net/_images/logo.gif) no-repeat;
	text-indent: -9999px;
	width: 235px;
	height: 82px;
	margin: 20px 0 15px 20px;
}

h2
{
    font-size: 170%;
    color: #43698d;
    margin: 0 0 15px 0;
    padding: 10px 0 10px 0;
}

#home h2
{
    margin: 15px 0 10px 0;
    padding: 0;
}

h3
{
	clear: both;
    font-size: 155%;
    margin: 15px 0;
}

#home h3
{
    font-size: 140%;
    margin: 10px 0;
}

h4
{
    /*clear: both;*/
    font-size: 125%;
    color: #2E5981;
    margin: 20px 0 10px 0;
    /*padding-bottom: 3px;
    border-bottom: 1px solid #d4dfea;*/
}

h5
{
    clear: both;
    font-size: 100%;
    margin: 15px 0 5px 0;
}

p
{
    font-size: 90%;
    line-height: 150%;
    margin: 5px 0 15px 0;
}

dl
{
	float: left;
	width: 100%;
	margin: 5px 0 10px 0;
}

dt
{
	clear: left;
	float: left;
	width: 9em;
    font-weight: bold;
    line-height: 160%;
	margin-top: 8px;
}

dd
{
	float: left;
	margin: 8px 0 0 0;
    line-height: 160%;
}

ul
{
    margin: 10px 0 10px 15px;
    list-style-type: disc;
}

ol
{
    margin: 10px 0 10px 20px;
}

#home ul, #home ol
{
	margin-left: 0;
}

li
{
    line-height: 170%;
}

a 
{
	color: #446A8E;
}

a:visited
{
	color: #446A8E;
}

a img
{
    border: none;
}

table
{
	width: 100%;
	font-size: 90%;
	border: 1px solid #CCC;
	margin-bottom: 20px;
}

table th, table td
{
	margin: 0;
	padding: 8px 10px;
}

table th
{
	background: #6D94BB;
	color: #FFF;
}

table caption
{
	color: #A4B58F;
	margin: 0;
	padding: 8px 15px 8px 0;
	text-align: left;
	background: #EEE;
	font-weight: bold;
}

tfoot td
{
	text-align: left;
}

.alt
{
	background: #f5f4ea;
}

/* Container Styles */

#home #container
{
    background: #FFF url(http://www.countyofglenn.net/_images/homeContainerBackground.png) repeat-y center;
}

#container
{  
    clear: both;
    width: 800px;
    background: #FFF url(http://www.countyofglenn.net/_images/subContainerBackground.jpg) repeat-y center;
    text-align: left;
    border: 1px solid #AAA;
    border-bottom: none;
    margin: 10px auto 0 auto;
    padding: 0 5px 5px 5px;

}

/* Header Styles */

#header
{
    float: left;
    background: #22466A url(http://www.countyofglenn.net/_images/headerBackground.jpg) repeat-x top;
}

/* Search Styles */

#search
{
    float: right;
    background: #234769;
    margin: 5px 15px 0 0;
    padding: 7px 10px 7px 10px;
}

#nav
{
    float: right;
    list-style: none;
    font-family: Georgia, Times, Serif;
    margin: 40px 15px 0 0;
}

#nav li
{
    float: left;
}

#nav li a
{
    float: left;
    background: #5e88af;
    color: #DDD;
    font-size: 130%;
    text-decoration: none;
    border-top: 1px solid #CCC;
    margin: 0 0 0 1px;
    padding: 7px 10px;
}

#home #l-home a,
#residents #l-residents a,
#business #l-business a,
#visitors #l-visitors a,
#government #l-government a,
#nav li a:hover
{
    background: #4A7095;
    color: #FFF;
    border-top: 1px solid #FFF;
}

#home #l-home a
{
    background: #4A7095;
    color: #FFF;
    border-top: 1px solid #FFF;
}

/* Department & Services Dropdown Menu Styles */

#dropdownMenus
{
    clear: both;
    float: left;
    width: 780px;
    background: #dcd9c4 url(http://www.countyofglenn.net/_images/dropdownBackground.jpg) repeat-x center;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    padding: 7px 10px;
}

#dropdownMenus select option
{
	color: #234769;
	padding-left: 5px;
}

#departmentMenu
{
    float: left;
    margin-right: 20px;
}

#servicesMenu
{
    float: left;
}


/* Main Container Styles */

#mainContainer
{
    clear: both;
    float: left;
    width: 800px;
    min-height: 450px;
    padding-bottom: 10px;
}

/* Announcements & News Styles (Home Page) */

#homeAnnouncementsNews
{
    float: left;
    width: 380px;
    padding: 0 10px;
}

#announcements
{
    background: #FFF url(http://www.countyofglenn.net/_images/announcement.png) no-repeat bottom right;
    border-bottom: 1px dashed #8d4346;
}

#announcements h2
{
    color: #8d4346;
}

#homeAnnouncementsNews h3
{
    font-size: 125%;
    margin: 5px 0;
}

.news_item
{
    margin: 15px 0 20px 0;
}

p.news_read_more
{
    font-size: 85%;
    margin: -10px 0 0 0;
}

/* Quick Links Column & Minutes & Agendas Column Styles (Home Page) */

#homeLinksEvents, #homeMinutesBroadcasts
{
    float: left;
    width: 185px;
    padding: 5px 5px 0 10px;
}

#homeLinksEvents li, #homeMinutesBroadcasts li
{
    list-style-type: none;
    background: url(http://www.countyofglenn.net/_images/linkArrow.gif) no-repeat top left;
    padding-left: 12px;
}

#homeQuickLinks, #homeMinutesAgendas
{
    margin-bottom: 30px;
}

#homeMinutesBroadcasts h3
{
    color: #8d4346;
}

/* Sub Page Styles */

#deptName 
{
    background: #2e5981 url(http://www.countyofglenn.net/_images/subDeptRounded.jpg) no-repeat right;
    color: #48729a;
    margin: 0;
    padding: 11px 0 11px 10px;
}
    
/* Sub Page Navigation Styles */

#subSideRegion
{
    float: left;
    width: 200px;
}

#subNav
{
    background: url(/_images/subNavBackground.gif) no-repeat top right;
    list-style: none;
    margin: 0;
}

#subNav li
{
    border-top: 1px solid #6e96bc;
    border-bottom: 1px solid #40719f;
    margin: 0;
}

#subNav li ul
{
	margin: 0 15px 5px 25px;
	color: #E8E5D2;
}

#subNav li ul li
{
	border-top: none;
	border-bottom: none;
	font-size: 90%;
}

#subNav a
{
    display: block;
    color: #FFF;
    font-weight: bold;
    font-size: 90%;
    text-decoration: none;
    padding: 2px 0 2px 10px;
}

#subNav li ul li a
{
	color: #E8E5D2;
	padding-left: 0;
}

#subNav a:hover
{
    background: #23476B;
}

#subNav li ul li a:hover
{
	background: #5383B1;
	text-decoration: underline;
}

/* Sub Main Content Styles */

#subMainContent
{
    float: left;
    width: 575px;
    background: url(http://www.countyofglenn.net/_images/subHeadingBackground.jpg) repeat-x;
    padding: 0 10px 0 15px;
}

.imgRight
{
	float: right;
	padding: 5px;
	border: 1px solid #DDD;
	margin: 5px 0 5px 15px;
}

.imgLeft
{
	float: left;
	padding: 5px;
	border: 1px solid #DDD;
	margin: 5px 15px 5px 0;
}

.imgCenter
{
	margin-right: auto;
	margin-left: auto;
	display: block;
	padding: 5px;
	border: 1px solid #DDD;
}


#subMainContent .mentalHealth img
{
	clear: both;
}

#subMainContent .probationShield 
{
	border: none;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
    
/* Footer Styles */

#footer
{
    clear: both;
    background: #E8E5D2;
    width: 780px;
    margin: 0 auto 10px auto;
    font-size: 85%;
    text-align: left;
    padding: 15px 10px 0 10px;
    border: 5px solid #FFF;
}

#footer ul
{
    list-style: none;
    float: left;
    border-right: 1px dotted #888;
    margin: 0;
    padding: 0 35px;
}

#footer #footerInfo
{
    float: left;
    margin: 0 0 0 35px;
}

#footer #copyright
{
    clear: both;
    text-align: center;
    font-size: 100%;
    margin: 0 0 10px 0;
}


/* GIS Map Styles */

.gisMapIcon
{
	float: right;
	margin: 0 0 10px 10px;
}

/* Contact Definition List Styles */

.dt_contact, .dt_phone, .dt_fax, .dt_email, .dt_address, .dt_website
{
	padding-left: 22px;
	background-position: 0 50%;
}

.dt_contact
{
	background: url(http://www.countyofglenn.net/_images/contact_16.gif) no-repeat;
}

.dt_phone
{
	background: url(http://www.countyofglenn.net/_images/phone_16.gif) no-repeat;
}

.dt_fax
{
	background: url(http://www.countyofglenn.net/_images/fax_16.gif) no-repeat;
}

.dt_email
{
	background: url(http://www.countyofglenn.net/_images/mail_16.gif) no-repeat;
}

.dt_address
{
	background: url(http://www.countyofglenn.net/_images/map_16.gif) no-repeat;
}

.dt_website
{
	background: url(http://www.countyofglenn.net/_images/globe_16.gif) no-repeat;
}
.dd_secondline
{
	padding-left: 140px;
}

/* Nested List Styles */

#subMainContent li ul
{
	list-style: none url(http://www.countyofglenn.net/_images/bullet.jpg); 
} 

#subMainContent li ul li ul 
{
	list-style: circle; 
}

#subMainContent li ol
{
	list-style: decimal;
}

#subMainContent li ol li 
{
	list-style: upper-alpha;
}

#subMainContent li ol li ol li
{
	list-style: upper-roman;
}

/* Committee Styles */

#committeeTable select
{
	width: 100%;
}

/* County Code Styles */

#codeSearch
{
	background: #f6f5ec;
	margin: 5px 0 10px 0;
	padding: 10px;
	border: 1px solid #CCC;
}

#countyCodes
{
	padding: 0;
	list-style: none;
	margin: 25px 0 0 5px;
}

#countyCodes .title_number,
#countyCodes .division_number,
#countyCodes .part_number,
#countyCodes .chapter_number,
#countyCodes .section_number
{
	float: left;
	font-weight: bold;
}

#countyCodes .title_number,
#countyCodes .part_number
{
	width: 50px;
}

#countyCodes .chapter_number,
#countyCodes .section_number
{
	width: 100px;
}

#countyCodes .title_text, 
#countyCodes .division_text,
#countyCodes .chapter_text,
#countyCodes .section_text
{
	padding-left: 10px;
}

#countyCodes .title_selected
{
	background: url(http://www.countyofglenn.net/_images/code_title_selected.png) no-repeat;
	margin: 10px 0;
	padding-bottom: 0;
	position: relative;
}

#countyCodes .title_selected ul
{
	padding: 5px;
	margin: 0;
	background: url(http://www.countyofglenn.net/images_body/code_title_selected_bottom.png) no-repeat bottom left;
} 

#countyCodes .title_selected ul ul
{
	background: none;
}

#countyCodes .title_selected .title_number
{
	padding: 10px 0 10px 5px;
	width: 60px;
}

#countyCodes .title_selected .title_text
{
	padding: 10px 10px 10px 5px;
	border-bottom: solid 1px #CCC;
	font-weight: bold;
}

#countyCodes .chapter_selected .chapter_number
{
	font-weight: bold;
	padding: 10px 0 10px 15px;
}

#countyCodes .chapter_selected .chapter_text
{
	background-color: #F6F5EC;
	font-weight: bold;
	border: solid 1px #CCC;
	border-bottom: solid 2px #CCC;

	padding: 10px;
	margin-bottom: 0;
}

#countyCodes li
{
	width: 100%;
	padding: 0 0 5px 0;
}

#countyCodes a
{
	margin-left: 8px;
}

#countyCodes ul
{
	padding: 10px 0;
	list-style: none;
	margin-left: 5px;
}

#countyCodes ul dl
{
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

#countyCodes dl dt
{
	width: 96%;
	padding: 10px;
	border: solid 1px #CCC;
	border-left: none;
	background-color: #EFEFEF;
}

#countyCodes dl dd
{
	margin: 10px 0 10px 10px;
}

#countyCodes dl dt span
{
	font-weight: bold;
}

#countyCodes .select_item a
{
	text-decoration: none;
}

#titleMeta
{
	position: absolute;
	top: 10px;
	right: 5px;
	font-size: 85%;
}

#titleMeta div
{
	display: inline;
}

sup a
{
	text-decoration: none;
}

/* Popup Styles */

#popUp table
{
	font-size: 100%;
}

#popUp div
{
	margin: 0 20px;
}

/* Icon Styles */

.pdf
{
	background: url(http://www.countyofglenn.net/_images/pdficon_small.gif) no-repeat 0 50%;
	padding-left: 20px;
}

/* Poll Place Styles */

#pollForm table
{
	width: 350px;
	margin: 0 auto;
}