/* COLORS purple=59058e */

/* ------ GLOBAL STYLES ----- */
div, h1, h2, h3, h4, p, form, table {margin: 0;}
img {border: 0;}
div.clear {margin:0; height:0px; clear:both; font-size:0px; line-height:0px;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align:right;}
p {padding: 0 0 12px 0;}
h1 {font-size:26px; color:#333; font-weight:bold; padding:5px 0 12px 0; text-align:center;}
h2 {font-size:18px; color:#333; font-weight:normal;}
hr {margin: 10px 0 16px 0;}
h3 {padding: 6px 0 4px 0; color:#333; font-size:16px;}
a {color:#933;}
.atprint {display:none;}

body {margin:0; text-align:center; background:#8d8d8d; color:#000; font: 13px arial, verdana, sans-serif;}

.placeholder {margin:0 auto; width:100%;}
.header-bg {background: url('../images/bg-header.jpg') repeat-x;}
.main-bg {background:#fff;}
.footer-bg {background: url('../images/bg-footer.jpg') repeat-x;}

/* HEADER
------------------------------ */
#cont-head {margin:0 auto; width:770px; height:100px; color:#fff; font: bold 15px verdana, arial, sans-serif; position:relative; text-align:left;}
#cont-head p {position:absolute; bottom:6px; right:0px; padding:0; text-align:right;}

/* MAIN 
------------------------------- */
#cont-main {margin:0 auto; width:750px; position:relative; text-align:left; padding:10px 10px 0 10px;}
#cont-main p {line-height: 17px;}
#home-resources {background: url('../images/bg-resources.jpg') top left no-repeat; padding: 30px 0 20px 0;}
#home-maps {background: url('../images/bg-maps.jpg') top left no-repeat; padding: 30px 0 15px 0;}
#home-links {background: url('../images/bg-links.jpg') top left no-repeat; padding: 30px 0 15px 0;}
.btn-home {width:238px; height:120px; background-position:top left; overflow:hidden; float:left; margin:0 0 10px 10px; font-size:12px;}
.btn-home a {display:block; width:221px; height:62px; margin:0; font-weight:bold; padding: 58px 0 0 17px; color:#000; text-decoration:none;}
.btn-home a:hover {text-decoration:underline;}
.btn-home a span {display:block; width:160px;}
#home-maps .btn-home, #home-links .btn-home {width:362px; height:80px;}
#home-maps .btn-home a, #home-links .btn-home a {width:345px; height:40px; padding-top:40px;}
#home-maps .btn-home a span, #home-links .btn-home a span {width:270px;}
#btn-info a {background: url('../images/btn-home-info.jpg') no-repeat bottom left;}
#btn-faq a {background: url('../images/btn-home-faq.jpg') no-repeat bottom left;}
#btn-forms a {background: url('../images/btn-home-forms.jpg') no-repeat bottom left;}
#btn-pro a {background: url('../images/btn-home-procedures.jpg') no-repeat bottom left;}
#btn-cal a {background: url('../images/btn-home-cal.jpg') no-repeat bottom left;}
#btn-contact a {background: url('../images/btn-home-contact.jpg') no-repeat bottom left;}
#btn-office a {background: url('../images/btn-home-office.jpg') no-repeat bottom left;}
#btn-federal a {background: url('../images/btn-home-federal.jpg') no-repeat bottom left;}
#btn-db a {background: url('../images/btn-home-db.jpg') no-repeat bottom left;}
#btn-bc a {background: url('../images/btn-home-bc.jpg') no-repeat bottom left;}
#btn-info a:hover, #btn-faq a:hover, #btn-forms a:hover, #btn-pro a:hover, #btn-cal a:hover, #btn-contact a:hover, #btn-office a:hover, #btn-federal a:hover, #btn-db a:hover, #btn-bc a:hover {background-position: top left;}
p.breadcrumb {padding:0; font-size:11px; color#666; line-height:12px; position:absolute; top:0; left:5px;}
p.breadcrumb a {color:#666;}
p.breadcrumb a:hover {color:#333;}
#cont-main iframe {border: 1px solid #333; padding:2px;}
#cont-main p.notice {font-size:15px; font-weight:bold; line-height:21px; color:#000; padding:10px 20px 20px 20px; text-align:center;}

.tr-forms {padding-bottom:16px;}
.tr-forms h4 {font-size:14px; padding:10px 0 4px 22px; background: url('../images/file-pdf.jpg') no-repeat center left; width:90%;}
.tr-forms h4 a {text-decoration:none; color:#333;}
.tr-forms h4 a:hover {text-decoration:underline;}

#info-list ul, #info-list ul li {list-style-type:none; margin-left:5px; margin-top:0; padding-left:5px; padding-top:5px; font-size:14px; text-transform:uppercase;}
#info-list ul ul, #info-list ul li ul li {list-style-type:disc; margin-left:16px; padding-left:1px; padding-top:2px; font-size:12px; text-transform:none;}
#info-list h2 {padding-top:12px; font-size:20px;}
#info-list h3 {padding: 10px 0 0 0; color:#333; text-align:center;}

.faq-area {padding-bottom:12px;}
.faq-area h3 {padding-bottom:15px;}

/* EXPLANATION
------------------------------ */
.modal-pop {display:none; width:450px; border:solid 2px #aaa; padding:12px 12px 40px 12px; background:#fff; text-align:left; margin-top:-20%; position:relative;}
.modal-pop h2 {color:#59058e; border-bottom:1px solid #999; padding-bottom:6px;}
.modal-pop p {padding: 12px 0 6px 0; line-height:18px; font-size:13px;}
img.closelabel {cursor:pointer; position:absolute; bottom:12px; right:12px;}


/* FOOTER
------------------------------ */
#cont-foot {margin:0 auto; width:770px; height:80px; color:#111;  position:relative; text-align:center; padding:10px; 0; clear:both;}
#cont-foot a {text-decoration:none; color:#111; padding:0 10px;}
#cont-foot a:hover {text-decoration:underline; color:#000;}
#cont-foot p.credit {font-size:11px; padding-top:20px;}
#cont-foot p.credit a {padding:0;}

/* TREEVIEW 
---------------------------------- */
li.closed ul {display:none;}
.treeview, .treeview ul {padding: 0; margin: 0; list-style: none;}
.treeview ul {background-color: white; margin-top: 4px;}
.treeview .hitarea {
	background: url('../images/treeview-default.gif') -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {display: inline; float:none;}

.treeview li {margin: 0; padding: 3px 0pt 3px 16px;}
.treeview a.selected {background-color: #eee;}
#treecontrol {margin: 1em 0; display: none;}
.treeview .hover {color: red; cursor: pointer;}
.treeview li { background: url('../images/treeview-default-line.gif') 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url('../images/treeview-default.gif'); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url('../images/treeview-red-line.gif'); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url('../images/treeview-red.gif'); } 

.treeview-black li { background-image: url('../images/treeview-black-line.gif'); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url('../images/treeview-black.gif'); }  

.treeview-gray li { background-image: url('../images/treeview-gray-line.gif'); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url('../images/treeview-gray.gif'); } 

.treeview-famfamfam li { background-image: url('../images/treeview-famfamfam-line.gif'); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url('../images/treeview-famfamfam.gif'); } 

.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 20px; display: block; }
.filetree span.folder { background: url('../images/folder.gif') 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url('../images/folder-closed.gif') 0 0 no-repeat; }
.filetree span.file { background: url('../images/file.gif') 0 0 no-repeat; }