/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* TAG STYLE DEFAULTS */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

body {
	text-align: center;
	margin: 10px 0 0 0;
	padding: 0;
	font: normal 62.5%/120% arial, helvetica, sans-serif;
	color: #363636;
	background: #8D865E url(../images/bkgd-page-brown.jpg) repeat-x top left; }

a:link { color: #4460AB; text-decoration: underline; }
a:visited { color: #4460AB; text-decoration: underline; }
a:hover { color: #2D67FA ; text-decoration: none; }
a:active { color: #2D67FA; text-decoration: none; }
a img { border: none; }

ul { list-style-type: none; margin: 0 0 1em 0; padding: 0; }
ol { list-style-type: decimal; list-style-position: inside; margin: 0 0 1em 0; padding: 0; }
ol.roman { list-style-type: lower-roman; }
dl { margin: 0 0 1em 0; padding: 0; }
li ol li { font-size: 1em; line-height: 1.2em; }

h1 { font-size: 2em; margin: 0 0 .1em 0; line-height: 1.2em; }
h2 { font-size: 1.8em; margin: 0 0 .2em 0; line-height: 1.3em; }
h3 { font-size: 1.6em; margin: 0 0 .3em 0; line-height: 1.3em; }
h4 { font-size: 1.4em; margin: 0 0 .3em 0; line-height: 1.3em; }
h5 { font-size: 1.3em; margin: 0 0 .3em 0; line-height: 1.3em; }
h6, caption { font-size: 1.2em; margin: 0 0 .2em 0; line-height: 1.5em; }
p { font-size: 1.2em; margin: 0 0 1em 0; line-height: 1.5em; }
li, td, th, dd { font-size: 1.2em; margin: 0 0 .6em 0; line-height: 1.5em; padding: 0; }
dt { font-size: 1.4em; margin: 0 0 .3em 0; line-height: 1.3em; font-weight: bold; padding: 0; }
dd ul li { font-size: 1em; margin: 0 0 1em 0; line-height: 1.5em; }

table { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; margin: 0 0 15px 0; padding: 0; width: 100%; }
td, th { border-top: 1px solid #ccc; border-left: 1px solid #ccc; padding: 4px; margin: 0; vertical-align: top; text-align: left; }
caption { text-align: left; padding: 4px; }
table.half-page { width: 60%; }
table.form-table { border-left: 1px solid #ccc; }
table.form-table td { border-left: none; padding: 6px; }
table.form-table td.align-right { padding-right: 0; }
table.bare-table td { padding: 8px; }
table.bare-table td li { font-size: 100%; line-height: 150%; margin: 0 0 9px 0; }
td.bare-cell, th.bare-cell { border-left: none; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/*  entire content area container */
#main-container {
	width: 780px;
	margin: 0 auto;
	padding: 0;
	border-left: 1px solid #997E06; border-right: 1px solid #997E06; border-top: 1px solid #997E06; }

#mast-container { margin: 0 auto; padding: 0; background: transparent url(../images/bkgd-mast-001.jpg) no-repeat center top; }
#mast-container div.image-wrapper { margin: 0 auto; padding: 0; height: 125px; clear: right; }

#access-container { float: right; padding: 0; margin: 0; }
#access-container ul { float: right; padding: 5px; margin: 0; } 
#access-container ul li { float: right; padding: 0; margin: 0; font-size: 1em; } 
#access-container ul li a { display: block; padding: 2px 5px; margin: 0 0 0 5px; background-color: #FAE68C; border: 1px solid #AB8D07; } 
#access-container ul li a:link, #access-container ul li a:visited { color:#AB8D07; text-decoration: none;  } 
#access-container ul li a:hover, #access-container ul li a:active { color:#1B36CF; text-decoration: none; } 

#nav-wrapper { padding: 0; margin: 0; }
#nav-container { width: 735px; background-color: #2E4D98; padding: 0; margin: 0 auto; border: 1px solid #1A346A; }
#nav-container ul { margin: 0; padding: 0; float: left; background-color: #2E4D98; } 
#nav-container ul li { float: left; margin: 0; padding: 0; display: inline; } 
#nav-container ul li a {
	display: block;
	margin: 0;
	padding: 4px 0;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	color: #DFE8F5;
	width: 115px;
	background: transparent url(../images/bkgd-nav-blue.gif) repeat-x left bottom;
	border-right: 1px solid #718BC7;
	border-left: 1px solid #3A5A9E; } 
#nav-container ul li a:link, #nav-container ul li a:visited { text-decoration: none; }
#nav-container ul li a:hover, #nav-container ul li a:active { text-decoration: underline; color: #fff; }
#nav-container ul li#nav-home a { width: 77px; border-left: none; }
#nav-container ul li#nav-about a { width: 124px; }
#nav-container ul li#nav-committees a { width: 95px; }
#nav-container ul li#nav-news-events a { width: 109px; }
#nav-container ul li#nav-history a { width: 123px; }
#nav-container ul li#nav-resources a { width: 84px; }
#nav-container ul li#nav-neighbors a  { border-right: none; width: 110px; }
#nav-container ul li.on a { color: #EBD525; }

#content-container { margin: 0; padding: 0; text-align: left; }

#content { float: left; margin: 0; padding: 20px 20px 35px 20px; text-align: left; background-color: #fff; width: 740px; }
	
#footer-container {
	clear: both;
	text-align: center;
	margin: 0;
	padding: 10px 5px; 
	border-top: 1px solid #D9D9D9;
	border-bottom: 1px solid #997E06;
	color: #666;
	background-color: #EBEBEB; }
	
#footer-container p { font-size: 1em; margin: 0 0 .25em 0; }

/* Clearfix */
.clearfix { display: inline-table;
	/* Hides from IE-mac \*/
	height: 1%;
	display: block;
	/* End hide from IE-mac */ }
html>body .clearfix { height: auto; }
.clearfix:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* PRIMARY CONTENT AREA STYLES */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* TEXT QUICK STYLES ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* COLORS */
.red-text { color: #D13C13; }
.red-bkgd { background-color: #D13C13; }
.red-border { border: 1px solid #D13C13; }
.blue-text { color: #1F3E8A; }
.blue-bkgd { background-color: #1F3E8A; }
.blue-border { border: 1px solid #1F3E8A; }
.white-text { color: #fff; }
.white-bkgd { background-color: #fff; }
.gray-bkgd { background-color: #f5f5f5; }
.gray-bkgd-fade { background: transparent url(../images/bkgd-gray-fade.jpg) repeat-x center bottom; }
.gray-border { border: 1px solid #c4c4c4; }
.tan-text { color: #857817; }
.tan-border { border: 1px solid #E3DE9A; }

/* STYLES */
.italic { font-style: italic; }
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.lower-pad { padding-bottom: 10px; }
.deep-pad { padding-bottom: 20px; }
.smaller-text { font-size: 65%; }
.bigger-text { font-size: 120%; }
.kerned { letter-spacing: 1px; }
.underline { border-bottom: 1px solid #4460AB; }
.breadcrumb { font-size: 1em; letter-spacing: 1px; color: #5E5E5E; text-transform: uppercase; }
.breadcrumb a:link, .breadcrumb a:visited { text-decoration: none; }
.lower-buffer { margin-bottom: 2em; }
.georgia { font-family: "Georgia", serif; }
.uppercase { text-transform: uppercase; }

/* ALIGNMENT */
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-left { text-align: left; }

.hidden { display: none; }

/* icons */
.pdf { background: transparent url(../images/icon-pdf.gif) no-repeat 0% 50%; padding: 1px 0 1px 20px; }
.doc { background: transparent url(../images/icon-msWord.gif) no-repeat 0% 50%; padding: 1px 0 1px 20px; }

/* button-icons */
.add-button { background: transparent url(../images/icon-plus.gif) no-repeat .3em .5em; padding: 5px 5px 5px 25px; border: 1px solid #327c2e; }

/* alerts */
.red-alert { background: transparent url(../images/icon-red-alert.gif) no-repeat .3em .5em; padding: 5px 5px 5px 25px; border: 1px solid #D13C13; color: #D13C13; }
.green-alert { background: transparent url(../images/icon-green-alert.gif) no-repeat .3em .5em; padding: 5px 5px 5px 25px; border: 1px solid #327c2e; color: #327c2e; }

/* FLOATING BOXES ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#center-container { margin: 0; padding: 0; text-align: center; }
div.center-fixed { margin: 0 auto; padding: 10px 0 0 0; width: 730px; }
.floatbox-wide, .floatbox-xwide, .floatbox { text-align: left; margin: 0; padding: 0; background-color: #FAF8E3; border: 1px solid #B2A130; }
.floatbox { width: 220px; }
.floatbox-wide { margin: 0 auto 10px auto; width: 235px; }
.floatbox-xwide { margin: 0 auto 10px auto; width: 350px; }
.floatbox-title { text-align: center; padding: 3px 0 3px 0; margin: 0; color: #70630C; font: bold 1.4em/1.5em "Georgia", serif; background: transparent url(../images/bkgd-floatbox-title.jpg) repeat-x bottom center; border-bottom: 1px solid #B2A130; }

/* PADS */
.pad20 { padding: 20px; }
.pad15 { padding: 15px; }
.pad10 { padding: 10px; }
.pad1020 { padding: 10px 20px 10px 20px; }
.pad5 { padding: 5px; }
.pad2 { padding: 2px; }
.block-pad { display: block; padding: 3px 0; }
.block { display: block; }

/* WIDTHS */
.width500 { width: 500px; }
.width495 { width: 495px; }
.width300 { width: 300px; }

/* FLOATS */
.float-left { float: left; margin: 0; padding: 0; }
.float-right { float: right; margin: 0; padding: 0; }
.inline-left { float: left; margin: 0 10px 5px 0; }
.inline-right { float: right; margin: 0 0 5px 10px; }
.clear-float { clear: both; }
.clear-float-left { clear: left; }
.clear-float-right { clear: right; }

/* BORDERS */
.t-border { border: 1px solid #786F3A; }
.p-border { border: 1px solid #786F3A; padding: 2px; }

/* LISTS ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* List styles */
ul.indented li { padding-left: 10px; }
ul.bullets li { padding-left: 10px; background: transparent url(../images/bullet-square.gif) no-repeat 0em .5em; }
ul.bullets li.no-bullet { background-image: none; padding: 0; }
ul.deep-margin { margin-bottom: 20px; }

/* right side callout boxes (div's) */
.green-callout { background-color: #DBEDC5; border: 1px solid #5F7B3F; margin-bottom: 10px; }
.green-callout-title { border-bottom: 1px solid #5F7B3F; color: #425927; margin-bottom: 0; padding: 5px; background-color: #E9F5DA; }

dl.worklist { width: 99%; }
dl.worklist dt { padding: 5px 5px 0 5px; margin: 0; border-top: 1px solid #666; border-right: 1px solid #666; border-left: 1px solid #666; background-color: #f5f5f5; }
dl.worklist dd { padding: 5px 5px 10px 5px;  border-bottom: 1px solid #666; border-right: 1px solid #666; border-left: 1px solid #666; background-color: #f5f5f5; }
dl.worklist dd span.add-name { border: 1px solid #5C5C5C; padding: 4px; background: transparent url(../images/bkgd-button.jpg) repeat-x 0% 50%; font-weight: bold; }
dl.worklist dd span.add-name a:link, dl.worklist dd span.add-name a:visited { text-decoration: none; }
table.worklist-menu { border: 1px solid #5C5C5C; padding: 5px; background-color: #F0F0F0; width: 99%; }
table.worklist-menu td { border: none; }
table.worklist-menu td.add-company { border: none; vertical-align: middle; font-weight: bold; padding-left: 10px; }
table.worklist-menu td.add-company span { border: 1px solid #5C5C5C; padding: 4px; background: transparent url(../images/bkgd-button.jpg) repeat-x 0% 50%; }
table.worklist-menu a:link, table.worklist-menu a:visited { text-decoration: none; }

dl.committee-list dt { padding: 5px 0 0 0; }
dl.committee-list dd { padding: 0 5px 5px 5px; }

ul.divided-list li { padding: 10px 0; border-top: 1px solid #4D4D4D; border-bottom: 1px solid #4D4D4D; }

dl.divided-list dt { padding: 10px 0 0 0; border-top: 1px solid #4D4D4D; } 
dl.divided-list dd { padding: 0 0 10px 0; border-bottom: 1px solid #4D4D4D; }

div.newslist-divider { padding: 8px 4px 0 4px; border-top: 1px solid #C4B141; border-bottom: 1px solid #C4B141; margin-bottom: 5px; }

/* -------------FORMS ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
input.form-text, textarea.form-text { border: 1px solid #666; margin: 0; background-color: #fff; padding: 1px; font: normal 1em/1.2em arial, helvetica, sans-serif; }
input.form-button { margin: 0 10px; }
label { font-weight: bold; }

form { padding: 0; margin: 0; font-size: 1.2em; }
input.textfield, input.textfield-wide, select, textarea { border: 1px solid #666; margin: 0; background-color: #fff; padding: 2px; font: normal 1em/1.2em arial, helvetica, sans-serif; margin: 0; }
input.checkfield { vertical-align: baseline; }
input.button { font-size: 1em; margin: 0; }
label { font-size: 1em; line-height: 1.5em; }

form.standard-form fieldset { font-size: .9em; border: 1px solid #c4c4c4; padding: 6px; margin: 0 0 1em 0; text-align: left; }
form.standard-form label { display: block; float: left; width: 125px; text-align: right; margin: 0; padding: 0 3px 0 0; }
form.standard-form input.textfield, form.standard-form select { width: 175px; }
form.standard-form textarea, form.standard-form input.textfield-wide { width: 500px; }
form.standard-form li.button-item { padding-left: 125px; }
form.standard-form input.checkfield { margin: 0 0 0 .7em; padding: 0; vertical-align: middle; }

/* Frequently Called Numbers */
ul#FQnumbersAdminList { margin: 0; }
ul#FQnumbersAdminList li { border: 1px solid #b0b0b0; padding: 4px 10px; }
ul#FQnumbersAdminList li ul { border-top: 1px solid #b0b0b0; border-bottom: 1px solid #b0b0b0; padding-top: 10px; }
ul#FQnumbersAdminList li ul li { border: none; font-size: .9em; }
ul#FQnumbersAdminList li form { border: 1px solid #b0b0b0; padding: 6px; }