/* ********************************** */
/* File: global.css                   */
/* Author: Carl Samuelson             */
/* Creation Date: 9/1/2009            */
/* Site: www.co.kenosha.wi.us         */
/* (c) 2009 All rights reserved       */
/*                                    */
/* ********************************** */

/* ********************************** */
/* Color Palette                      */
/* Terra Cotta: A13A36                */
/* Wheat:       F0CD83                */
/* Chocolate:   4E2B17                */
/* Linen:       F7EACF                */
/* ********************************** */

/* ********************************** */
/* Begin YUI Reset CSS assignment     */
/* ********************************** */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: inherit; font-weight: inherit; }
del, ins { text-decoration: none; }
li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup, sub { vertical-align: baseline; }
legend { color: #000; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
/* ********************************** */
/* End YUI Reset CSS assignment       */
/* ********************************** */

/* ********************************** */
/* Begin default CSS assignment       */
/* ********************************** */
html { margin: 0; padding: 0; min-height: 100%; margin-bottom: 1px; background-image: url('/images/background.jpg'); }
body { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 0.9em; }
/* ********************************** */
/* End default CSS assignment         */
/* ********************************** */

/* ********************************** */
/* Start link styles                  */
/* ********************************** */
a:link          { color: #0000FF; text-decoration: none; }
a:visited       { color: #0000FF; text-decoration: none; }
a:hover         { color: #0000FF; text-decoration: none; }
a:visited:hover { color: #0000FF; text-decoration: none; }
a.navLink:link          { color: #4E2B17; text-decoration: none; font-size: 12px; font-weight: bold; }
a.navLink:visited       { color: #4E2B17; text-decoration: none; font-size: 12px; font-weight: bold; }
a.navLink:hover         { color: #4E2B17; text-decoration: none; font-size: 12px; font-weight: bold; }
a.navLink:visited:hover { color: #4E2B17; text-decoration: none; font-size: 12px; font-weight: bold; }
a.navLink2:link          { color: #4E2B17; text-decoration: none; font-size: 12px; }
a.navLink2:visited       { color: #4E2B17; text-decoration: none; font-size: 12px; }
a.navLink2:hover         { color: #4E2B17; text-decoration: none; font-size: 12px; }
a.navLink2:visited:hover { color: #4E2B17; text-decoration: none; font-size: 12px; }
/* ********************************** */
/* End link styles                    */
/* ********************************** */

/* ********************************** */
/* Start div id CSS assignment        */
/* ********************************** */
#wrapper {
    width: 974px;
    height: 100%;
	margin-top: 0px;
    margin-bottom: 10px;
    margin-right: auto;
    margin-left: auto;
    padding: 0px;
    background-color: #FFFFFF;
    clear: both;
    float: none;
}

#header {
    width: 974px;
    height: 50px;
    margin: 0px;
    padding: 0px;
    background-image: url('/images/header.gif');
    clear: both;
    float: none;
}

#banner {
    width: 974px;
    height: 100px;
    margin: 0px;
    padding: 0px;
    background-image: url('/images/banner1.gif');
    clear: both;
    float: none;
}

#navigation {
    width: 974px;
    height: 44px;
    margin: 0px;
    padding: 0px;
    background-color: #F0CD83;
    clear: both;
    float: none;
}

#sidebar {
    width: 274px;
    height: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
    clear: both;
    float: right;
}

#content {
    width: 700px;
    height: 100%;
    margin: 0px;
	margin-bottom: 10px;
    padding: 0px;
    background-color: #FFFFFF;
    clear: none;
    float: left;
}

#bottomnav {
    width: 974px;
    height: 30px;
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
    clear: both;
    float: none;
}

#footer {
    width: 974px;
    height: 30px;
    margin: 0px;
    padding: 0px;
    background-image: url('/images/footer.gif');
    clear: both;
    float: none;
}

#switcher {
	width: 700px;
	height: 233px;
	background-color: #4E2B17;
	float: none;
	clear: both;
}

#slide1 {
	width: 700px;
	height: 200px;
    background-image: url('/images/slide1.gif');
}

#slide2 {
	width: 700px;
	height: 200px;
    background-image: url('/images/slide2.gif');
}

#slide3 {
	width: 700px;
	height: 200px;
    background-image: url('/images/slide3.gif');
}

#slide4 {
	width: 700px;
	height: 200px;
    background-image: url('/images/slide4.gif');
}

#switcherTextBox {
	width: 336px;
	height: 176px;
	background-color: #F7EACF;
	border: 1px solid #A13A36;
	margin-top: 10px;
	float: left;
	clear: none;
}

#switcherSlideShow {
	width: 316px;
	height: 159px;
	background-color: #F7EACF;
	border: 1px solid #A13A36;
	margin-top: 16px;
	margin-left: 15px;
	padding-left: 6px;
	padding-top: 6px;
	float: left;
	clear: none;
}

#sidebarHeader {
	width: 264px;
	height: 30px;
	float: right;
	clear: none;
	margin-bottom: 8px;
}

#breadcrumb {
	width: 690px;
	height: 22px;
	margin-left: 10px;
	padding-top: 6px;
	border-bottom: 1px solid #A13A36;
}

#search {
	width: 206px;
	height: 30px;
	background-color: #FFFFFF;
	float: left;
	clear: none;
}

#searchBox {
	width: 170px;
	height: 30px;
	float: left;
	clear:none;
}

#searchSubmit {
	width: 30px;
	height: 30px;
	float: left;
	clear:none;
}

#fontSizeChanger {
	width: 48px;
	height: 30px;
	float: left;
	clear: none;
}
/* ********************************** */
/* End div id CSS assignment          */
/* ********************************** */

/* ********************************** */
/* Start custom CSS assignment        */
/* ********************************** */
/* Miscellaneous Classes */
.breadcrumbText {
	font-size: 12px;
	color: #4E2B17;
}

.paddedImage {
	margin: 10px;
	margin-bottom: 0px;
}

.leftContent {
	width: 349px;
	float: left;
	clear:none;
	border-right: 1px solid #A13A36;
	margin-top: 10px;
}

.rightContent {
	width: 349px;
	float: right;
	clear: none;
	margin-top: 10px;
}

.imageRight {
	margin: 10px;
	float: right;
}

.imageLeft {
	margin: 10px;
	float: left;
}

.photo {
	margin: 10px;
	padding: 3px;
	background-color: #F0CD83;
	border: 1px solid #A13A36;
	float: right;
}

.video {
	padding: 3px;
	background-color: #F0CD83;
	border: 1px solid #A13A36;
}

.navElement {
	width: 122px;
	height: 44px;
	background-color: #F0CD83;
	float: left;
	clear: none;
}

.lastNavElement {
	width: 120px;
	height: 44px;
	background-color: #F0CD83;
	float: left;
	clear: none;
}

.navSpacer {
	width: 10px;
	height: 36px;
	margin-top: 4px;
	background-color: #F0CD83;
	float: left;
	clear: none;
}

.navSpacerBar {
	background-color: #A13A36;
	width: 6px;
	height: 36px;
}

.navText {
	width: 102px;
	height: 32px;
	margin-left: 0px;
	margin-top: 4px;
	padding: 2px;
	background-color: #F7EACF;
	float: left;
	clear: none;
}

.searchInputBox {
	background-color: #F7EACF;
	border: 1px solid #A13A36;
	margin-top: 4px;
	padding: 3px;
	width: 156px;
}

/* Sidebar Classes */
.sidebarBox {
	background-color: #F7EACF;
	border: 1px solid #A13A36;
	margin: 10px;
	margin-top: 0px;
	padding: 5px;
	padding-bottom: 0px;
	clear: both;
}

.sidebarBoxHeaderText {
	font-size: 0.8em;
	font-weight: bold;
	border-bottom: 1px solid #4E2B17;
	margin-bottom: 10px;
}

.sidebarBoxText {
	font-size: 0.8em;
	margin-bottom: 10px;
}

.sidebarBoxTextBold {
	font-weight: bold;
}

/* Switcher Classes */
.visible {
	display:block;
}

.hidden {
	display:none;
}

.switcherButton {
	background-color: #F7EACF;
	border: 1px solid #A13A36;
	font-size: 0.8em;
	width: 170px;
	height: 25px;
}

.switcherButton:hover {
	background-color: #F0CD83;
}

.switcherButtonGroup {
	padding-left: 4px;
	margin-top: 4px;
}

.switcherBoxHeaderText {
	font-size: 0.8em;
	font-weight: bold;
	border-bottom: 1px solid #4E2B17;
	margin: 5px;
}

.switcherBoxText {
	font-size: 0.8em;
	margin: 10px;
}

.switcherSpacer {
	width: 10px;
	float: left;
}

/* Table Classes */
.table {
	margin: 10px;
}

.tableData5px {
	padding: 5px;
}

.tableData5pxBG {
	padding: 5px;
	background-color: #F0CD83;
	border-bottom: 1px solid #F7EACF;
}

.tableData5pxUL {
	padding: 5px;
	border-bottom: 1px solid #F7EACF;
}

.tableData5pxHeader {
	padding: 5px;
	background-color: #F0CD83;
	border-bottom: 1px solid #F7EACF;
	border-right: 1px solid #F7EACF;
}

.tableData10px {
	padding: 10px;
	padding-top: 0px;
}

.tableData15px {
	padding: 15px;
	padding-top: 0px;
}

/* Typography Classes */
p {
	font-size: 0.8em;
}

.paragraphBold {
	font-weight: bold;
}

.paragraph5px {
	padding: 5px;
}

.paragraph10px {
	padding: 10px;
}

.paragraph10pxBold {
	padding: 10px;
	font-weight: bold;
}

.paragraph10pxIndent {
	padding-left: 10px;
	font-size: 0.8em;
}

.paragraph10pxJustified {
	padding: 10px;
	text-align: justify;
}

.paragraph15px {
	padding: 15px;
}

.paragraph20px {
	padding: 20px;
}

.paragraph20pxIndent {
	padding-left: 20px;
	font-size: 0.8em;
}

.spanBold {
	font-weight: bold;
}

.bottomNavText {
	font-size: 0.8em;
	text-align: center;
	padding-top: 6px;
}

.copyright {
	font-size: 0.8em;
	text-align: center;
	padding-top: 7px;
	color: #FFFFFF;
}

.pageContentHeader {
	font-size: 0.8em;
	border-bottom: 1px solid #4E2B17;
	margin: 10px;
	margin-top: 0px;
	font-weight: bold;
}

.pageContentHeaderDept {
	font-size: 0.8em;
	border-bottom: 1px solid #4E2B17;
	margin: 10px;
	font-weight: bold;
}

.contentBulletList {
	margin-left: 40px;
	font-size: 0.8em;
	list-style: square;
}

.contentBulletList2 {
	margin-left: 40px;
	list-style: circle;
}

.contentNumberList {
	margin-left: 40px;
	list-style:decimal;
	font-size: 0.8em;
}

/* ********************************** */
/* End custom CSS assignment          */
/* ********************************** */

/* ********************************** */
/* Begin Chrome Navigation styles     */
/* ********************************** */
.chromestyle { width: 120px; }
.chromestyle:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.chromestyle ul { width: 100%; height: 44px; padding: 0px; margin: 0; text-align: left; }
.chromestyle ul li { display: inline; }
.chromestyle ul li a { color: #4E2B17; margin: 0; text-decoration: none; }
.dropmenudiv { position: absolute; top: 0; border: 1px solid #A13A36; font: normal 11px Arial; z-index: 100; background-color: #FFFFFF; width: 160px; visibility: hidden; }
.dropmenudiv a { width: auto; display: block; text-indent: 3px; padding: 1px 0; text-decoration: none; color: #4E2B17; }
* html .dropmenudiv a { width: 100%; }
.dropmenudiv a:hover { background-color: #F7EACF; }
/* ********************************** */
/* End Chrome Navigation styles       */
/* ********************************** */

/* ********************************** */
/* End of global.css file             */
/* ********************************** */