@import url('fonts?Helvetica');

* { 	margin:0; padding:0; }

body {
	background-color: #eeefe1;
	background-image: url('../images/bg.gif'); 
	background-position: top center;
	background-repeat: repeat-x;
	font-family: arial, sans-serif; 
	font-size: 12px;
}

h1.logo {
    width: 284px;
    height: 66px;
    float: left;
    margin: 0 0 0 30px;
    background-image: url('../images/logo.gif');
}

h1 span {display:none;}

h2 {  
	line-height:30px; 
	padding:0 0 5px 0; 
	
	color:#6caf4e; 
	font-size:30px; 
	font-weight:normal;
}
	
	
h3 { color:#0164b8; font-size:18px; font-weight:normal; padding:0 0 10px 0;}
h4 { font-weight:normal; font-size: 16px; padding:10px 0 5px;}
h5 { font-size:12px; font-weight:bold;  color:#0164b8; padding:15px 0 3px;}
h6 { font-size: 11px; font-weight:bold; color:#0164b8; text-transform:uppercase; padding:8px 0 5px;}


a { text-decoration:none; color:#0164b8;}
a:hover { text-decoration:underline;}
a img { border:0;}

p{ padding: 0 0 10px 0; }

ol, ul{ padding: 5px 0 5px 15px; }

hr{ width: 100%; border: 0; border-top: 1px solid #C3C3C3; margin: 5px 0; padding: 0; }
	
/****************************************
	general page structure aspects
*****************************************/
#container {
	width: 960px;
	margin: auto;
}
	
/****************************************
	HEADER
*****************************************/	
	
#header {
	height: 100px;
	padding: 35px 0 0 0;
	}

.quicklinks {float:right; margin:0 10px 0 0; }

.addthis_toolbox {float:right; margin:0 10px 0 0; }

/***SEARCH***/

.search { 
	float: right; 
	width: 225px; 
	height: 18px; 
	background-image: url('../images/bg_search.gif');
	border-left: 1px solid #c3ce88;
	padding: 5px 2px 2px 2px;
	}
	
.searchbox {
	border: 0;  
	width: 200px; 
	margin: 0 12px 0 0;
	
	color: #959595;
	}
	
input.searchbutton {
	width: 7px; 
	height: 14px; 
	
	background-image: url('../images/bg_searchbutton.gif'); 
	border: 0;
	}

select.ql {
	width: 229px; 
	padding: 3px 3px 3px 3px;
	border: 0;
	border-left:1px solid #c3ce88; 
	border-top:1px solid #c3ce88;
	
	text-transform:capitalize;
	color:#959595;}

select.ql option { }

/****************************************
	MAIN NAVIGATION
*****************************************/

#navbar { 
	z-index:10;
	position:relative;
	width:960px;
	
	background-color:#00439c; 
	background-image:url('../images/bg_navbar.gif'); 
	background-repeat:no-repeat;
	}

ul.main_nav { list-style-type:none; padding: 0; }
ul.main_nav li {
	display: block; 
	float: left; 
	Position: relative;
	
	font-size: 14px; 
	}
	
ul.main_nav li a { 
	display: block; 
	float: left; 
	padding: 14px 17px 12px 17px;
	color: #fff; 
	}

ul.main_nav li.first a:hover, ul.main_nav li.first a.active{
	background-image: url('../images/bg_navfirst.gif'); 
	background-repeat: no-repeat;
	background-position: top left;
	}

ul.main_nav li a:hover {text-decoration:none; }

ul.main_nav li:hover a, ul.main_nav li.over a, ul.main_nav li a.active {
	text-decoration: none; 
	background-color: #6caf4e; 
	color: #000;

	}
	
/*SECOND LEVEL*/	

ul.main_nav li ul {
	position: absolute; 
	left: -9999px; 
	top: 42px;
	padding: 15px 0 10px 0;
	
	background-color: #6caf4e;
	}

ul.main_nav li:hover ul, ul.main_nav li.over ul { left: 0;}

ul.main_nav li.last:hover ul, ul.main_nav li.last.over ul {
left: auto;
right:0;
}
	
ul.main_nav li ul li {
	display: block; 
	float:none; 
	 
	list-style-type:none;
	}
	
ul.main_nav li ul li a {
	display: block; 
	float: none; 
	width: 178px;  
	padding: 4px 20px;
	
	color: #323232;
        font-weight: normal;
        font-size: 12px;
	}
	
ul.main_nav li ul li a:hover { background-color:transparent; color:#fff; }

ul.main_nav li ul .bottom { position:absolute; left:0; bottom:-5px;}

/*******************************
	MAIN
*******************************/

#main {z-index:5;}



#herobox, #herobox .slide {
	width: 715px; 
	height: 260px; 
	float: left; 
	position: relative;
	background-color: #f7f7f7; 
}
.divshow {
	background-color: #f7f7f7; /* Color between fade */
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.herotext {
    position: absolute;
    width: 370px;
    top: 50px; 
    left: 30px;
}

.herotext .text { 
    padding: 5px 0 10px 0;
    font-family: Helvetica, sans-serif;
    color: #000;
}

.herotext h2 {
	color:#000;
	font-size: 28px; 
	font-weight: normal; 
	font-family: Helvetica, sans-serif;
	line-height: 1.2em;
}
	
	
/****HOME THREEBOX****/

.threebox_container {
	width: 715px;  
	padding: 15px 0 0 0;
	overflow: hidden; 
	float: left; 
	}

.threebox {
	width: 155px; 
	height: 183px;
	float: left;  
	position: relative;
	margin: 0 12.5px 0 0;
	padding: 15px 55px 0 20px;
	
	background-color: #fff; 
	background-image: url('../images/bg_threebox.gif');
	font-family: helvetica, sans-serif;
	}
	
.threebox h3 {
	color: #000; 
	padding: 0; 
	margin: 0; 
	line-height: 21px; 
	
	font-size: 18px;
	}
	
.threebox h5 { color: #0164b8; font-size: 16px; }

a.threebox:hover, a.sidefeature:hover  {text-decoration:none;}

.threebox img {
	position: absolute; 
	bottom: 0; 
	left: 0; 
	width: 230px; 
	height: 137px;
	}

.threebox_container .last { margin:0;}

/*CALENDER AND LINK COLUMN*/

.home_calcolumn { 
	width: 230px; 
	float: right; 
	margin: 13px 0 0 0;
	min-height: 460px;
	
	background-color: #fff; 
	font-size: 11px;
	}
	

.home_calcolumn h3 {
	line-height: 18px;
	padding: 8px 12px;
	
	color: #fff; 
	font-size: 18px;
	background-color: #529021;
	background-image: url(../images/bg_homecal.gif);
	background-repeat: repeat-x;
	font-weight: normal;
	
	 }
	 
.home_calcolumn h3 a {color:#fff;}
.home_calcolumn h3 a:hover { text-decoration:none;}
	 
.home_calcolumn h4 { font-size:14px; color: #0164b8; padding: 1px 0;}
	 
.home_calcolumn p { padding: 12px;}
.home_calcolumn p a {display: block;}
	
ul.home_news {list-style-type: none; padding: 0;}
ul.home_news li { padding:9px 12px; border-bottom:1px solid #6caf4e;}
	
.home_resources{ padding:12px; }
.home_resources a{ color: #000; }


/**************************
	INTERIOR STYLES
**************************/
#login {padding:0 0 0 15px;}

.side_column {
	width: 230px; 
	float: left; 
	padding: 20px 0; 
	margin: 12px 0 0 0;
	position: relative;
	
	background-color: #fff;
	background-image: url('../images/bg_sidecol.gif'); 
	background-repeat: no-repeat;
	}
	
.side_column .bottom, .cal_column .bottom { position:absolute; bottom: 0; left: 0;}
	
.side_column h3, .cal_column h3 {
	padding:0 15px 10px 25px;
	
	font-size: 20px; 
	font-weight: normal; 
	color: #0164b8; 
	}
	
.side_column ul.sidenav { list-style-type: none; padding: 0; }
.side_column ul.sidenav li { display: block; }
.side_column ul.sidenav li a { display: block; padding:4px 25px 4px 25px; color:#323232;}
.side_column ul.sidenav li.open a {background-color: #6caf4e;}

.side_column ul.sidenav li ul {padding:0 0 0 15px; list-style-type:none;}
.side_column ul.sidenav li ul li {}
.side_column ul.sidenav li.open ul li a {background-color:transparent; color:#868686;}
.side_column ul.sidenav li.open ul li.open a{ text-decoration: underline; }

.sidefeature {
	display: block;
	width: 155px; 
	height: 183px;
	float: left;  
	position: relative;
	margin: 20px 0 0 0;
	padding: 15px 55px 0 20px;
	clear: left;
	
	background-color: #fff; 
	background-image: url('../images/bg_threebox.gif');
	font-family: helvetica, sans-serif;
	}
	
.sidefeature h3 { font-size:20px; color:#000; padding:0; }
.threebox h5, .sidefeature h5 { padding: 0; font-size:16px; font-weight:normal;}
	
.sidefeature img { position:absolute; bottom:0; left:0; }

/*MAIN INTERIOR CONTENT*/

.content_column {
	width: 680px; 
	float: right;  
	padding: 20px; 
	line-height: 17px;

	background-color: #fff; 
	background-image: url('../images/bg_content.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
	}
	
.content_column p {padding:0 0 1.2em 0;}
.content_column ul, .content_column ol, .content_column table {margin:0 0 1em 1em;}

.content_column  img {
    float: left;
    margin: 0 15px 0 0;
}

.content_column img.mainfeature {
    display: block;
    float: right;
    margin: 0 0 0 10px;
}

.content_column .related { width:225px; padding: 20px 20px 0 0; float:left;}
.content_column .related ul {list-style-type:none; margin:0; padding: 0; }
.content_column .related a {color:#6caf4e;}

.content_column .related  h4 {
	border-bottom: 1px solid #d7d7d7; 
	padding: 0 0 3px 0; 
	margin: 0 0 3px 0;
	
	color: #000; 
	font-size: 14px; 
	font-weight: normal; 
	}


.full {width:920px; background-image: url('../images/bg_content-full.gif');}

/*Tigra Styling*/
.tigra_tree table{
	line-height: 1.0em;
        margin: 0;
        padding: 0;
}

.tigra_tree tr{
	margin: 0;
	padding: 0;
}

.tigra_tree td{
	margin: 0;
	padding: 0;
}
.tigra_tree td img{
        float: none;
	margin: 0;
	padding: 0;
}

.tigra_tree td a img{
        float: none;
	margin: 0;
	padding: 0;
}

.tigra_tree td a{
	font-size: 12px;
	margin: 0;
	padding: 0;
}


/*O and M / Permits Tables*/

.content_column .normal-font table {
	font-size: 100%;
        padding: 2px;
        border-spacing: 1px;


}
.content_column .table-standard td{
	vertical-align: top;
        padding: 0 4px 0 4px;
}


.content_column .small-font td{
    font-size: 90%;
}

.content_column .table-header{
	background-color: #C2D3E5;
}

.content_column .arrows{
	background-color: #004691;
}
.content_column .required{
	font-weight: bold;
	color: #f00;
}
.content_column .label{
	text-align: right;
	font-weight: bold;
	background-color: #ccc;
	vertical-align: middle;
}
.content_column .center{
	text-align: center;
}
.content_column .center-row img{
	margin: 0 0 0 30px;
}

.content_column .bgcolor0{
	background-color: #fff;
}
.content_column .bgcolor0 td{
        padding: 0 4px 0 4px;
}
.content_column .bgcolor1{
	background-color: #dedede;
}
.content_column .bgcolor1 td{
        padding: 0 4px 0 4px;
}
.content_column p.error, .content_column div.error {
	width: 300px;
	border: 1px solid #C00;
	margin: 0px 0px 10px 0px;
	padding: 4px 4px 4px 4px;
	background-color: #EDEDED;
}
.content_column p.error strong, .content_column div.error strong{		color: #C00;	}
.content_column p.success, .content_column div.success{
	width: 300px;
	border: 1px solid #0C0;
	margin: 0px 0px 10px 0px;
	padding: 4px 4px 4px 4px;
	background-color: #EDEDED;
}
.content_column p.success strong, .content_column div.success strong{	color: #0C0;	}
.content_column p.notice, .content_column div.notice{
	width: 300px;
	border: 1px solid #CCC;
	margin: 0px 0px 10px 0px;
	padding: 4px 4px 4px 4px;
	background-color: #FFB;
}
.content_column p.notice strong, .content_column div.notice strong{	color: #F50;	}

.content_column p.notice-sidebar{
        width: 150px;
	border: 1px solid #CCC;
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
	background-color: #FFB;
	font-weight: normal;
}
.content_column p.notice-sidebar strong{	color: #F50;	}

.content_column .strike{ text-decoration: line-through; }


/*******************	Permitting Tabbed Invoice Table	********************/

table.permit_steps .tab {
	padding: 0;
	margin: 0;
}

table.permit_steps .tabbed-header{
	background-color: #C2D3E5;
	text-align: center;
	font-weight: bold;
	color: #004691;
	font-size: 150%;
}

table.permit_steps .tabbed-header td{
	border-top: 1px solid #778;
	border-right: 1px solid #778;
	border-bottom: none;
	border-left: 1px solid #778;
}

table.permit_steps .navigation-cell{
	
}

.permit_steps #tabs-container {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

.permit_steps #tabs {
	padding: 0;
	margin: 0;
	border-top: 1px solid #778;
	font: bold 12px Verdana, sans-serif;
}

.permit_steps #tabs li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: 5px;
	margin-bottom: 10px;
}

.permit_steps #tabs li.inactive {
	padding: 0 5px 3px;
	border: 1px solid #778;
	border-top: none;
	background: #DDD;
	text-decoration: none;
	color: #999;
}

.permit_steps #tabs li a {
	padding: 0 5px 3px;
	border: 1px solid #778;
	border-top: none;
	background: #D2E3F5;
	text-decoration: none;
	color: #666;
}

.permit_steps #tabs li a:hover {
	color: #000;
	background: #C2D3E5;
}

.permit_steps #tabs li a.current {
	background: #C2D3E5;
	border-top: 1px solid #C2D3E5;
	color: #000;
}

/*INVOICES*/

.invoice-unpaid {
	background-color: #dddddd;
}

.invoice-paid {
	background-color: #9C9;
}

.invoice-inprocess {
	background-color: yellow;
}

.invoice-unpaid-help {
	text-align: center;
	padding-left: 5px;
	padding-right: 6px;
	padding-bottom: 3px;
	margin-right: 4px;
	background-color: #dddddd;
	border: 1px solid #000000;
	color: #000000;
}

.invoice-paid-help {
	text-align: center;
	padding-left: 5px;
	padding-right: 6px;
	margin-right: 4px;
	background-color: #9C9;
	border: 1px solid #000000;
	color: #000000;
}

.invoice-inprocess-help {
	text-align: center;
	padding-left: 5px;
	padding-right: 6px;
	margin-right: 4px;
	background-color: yellow;
	border: 1px solid #000000;
	color: #000000;
}

/*CALENDAR*/

.cal_column {
	width: 230px; 
	float:left; 
	padding: 0 0 20px 0; 
	margin: 12px 0 0 0;
	position: relative;
	
	background-color:#fff;
	}
	
table#caltable {
	width: 230px;
	border-collapse: collapse;
	margin: 0 0 20px 0;
	background-color: #d2d2d2; 
	}
	
table#caltable th {	font-size:13.5px; font-weight:normal; padding:7px 5px; }
table#caltable td {
	text-align: center;
	padding: 5px;
	font-size: 13.5px;
	
	background: #fff;
	border-left: 1px solid #d2d2d2; 
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2; 
	}
	
table#caltable td a { color: #2d2d2d;}
	
table#caltable td.inactive { background:#e7f2fb;}
table#caltable td.link { background:#6caf4e;}
table#caltable td.today { background:#0161b6; color:#fff;}
table#caltable td.today a { color:#fff;}
	
table#caltable tr.heading td {
	background-color: #4b9131; 
	border: 0; 
	font-size: 22px; 
	background-image: url('../images/bg_calhead.gif');
	background-repeat: repeat-x;
	}
	
table#caltable tr.heading td a {color:#fff;}
table#caltable tr.heading td.arrow_l {
	font-size: 16px; 
	background-image: url('../images/bg_calhead-l.gif');
	background-position: top left;
	}
	
table#caltable tr.heading td.arrow_r {
	font-size: 16px; 
	background-image: url('../images/bg_calhead-r.gif'); 
	background-position:top right;
	}

.cal_column h3 { padding-bottom:10px;}

.cal_form { padding:0 0 0 25px; line-height:18px; }
.cal_form a{ color: #6caf4e; }
.cal_form form{ padding-bottom: 5px; }
ul.catnav { padding: 0 25px 10px 0;  list-style-type: none;}
ul.catnav li { padding:1px 0;}
ul.catnav input{ border: 1px solid #8d8e90; }


.calendar_item { padding: 15px 0; }
.calendar_item a { color:#6caf4e; }
.calendar_item h4 {
	padding:0 0 7px 0;
	margin:0 0 10px 0;
	
	font-size:18px; 
	color:#0164b8;
	border-bottom:2px solid #c3c3c3; 
	}
	 
.calendar_item h4 a { color:#0164b8; }
.calendar_item h4 a:hover { text-decoration:none; }
.calendar_item h4 .title { color:#2d2d2d; }


/*********	O&M STYLES	**********/
#rss-project-container {
    margin: 0;
    margin-right: 10px;
    padding: 0;
    border: 1px solid black;
}

#rss-project-container form {
    margin: 0;
    padding: 0;
}

#rss-project-content {
    margin: 0;
    padding: 5px;
}

#rss-project-content p {
    margin: 0;
    margin-top: 3px;
    margin-bottom: 8px;
}

#rss-project-menu {
    margin: 0;
    padding: 0;
    background-color: #C2D3E5;
}

#rss-project-menu ul {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid black;
}

#rss-project-menu li {
    display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

#rss-project-menu li.current {
    font-weight: bold;
}

#rss-project-menu li#status {
    margin-left: 10px;
    margin-right: 13px;
}

#rss-project-menu li#participants {
    margin-right: 13px;
}

#rss-project-menu li#application {
    margin-right: 13px;
}

#rss-project-menu li#evaluation {
    margin-right: 13px;
}

#rss-project-menu li#submit {
    margin-right: 13px;
}

#rss-project-menu li#survey {
    margin-right: 0;
}

/*************************** Envision Menu **/
.envision-menu{
}
.envision-menu-img {
	margin: 1px 0 10px 0;
	padding: 0;
}
.envision-menu p {
	margin: 0;
	padding: 0 0 0 10px;
	font-weight: bold;
}
.envision-menu ul {
	margin: 0 0 0 27px;
	padding: 0 10px 20px 0;
}

.envision-menu hr {
    background: #7894AF;
    color: #7894AF;
    height: 1px;
    margin: 1em 0 .75em 0;
    border: 0;
}

/*************************** Envision Legend **/
.envision-legend{
}
.envision-legend-img {
	margin: 1px 0 10px 0;
	padding: 0;
}
.envision-legend p {
	margin: 0;
	padding: 0 0 0 10px;
	font-weight: bold;
}
.envision-legend ul {
	margin: 5px 0 0 27px;
	padding: 0 10px 20px 0;
}

.envision-legend ul li {
	margin-bottom: 8px;
}

/*************************** Envision Login **/
#envision-login{
	padding-left: 10px;
}

.envision-form-tabs { display: block; height: 1.5em; list-style-type: none; margin: 0 1em 0 0; padding: 0; }
.envision-form-tabs a:hover { text-decoration: none; }
.envision-form-tabs li { float: left; display: block; background: #c2d3e5; margin: 0 2px 0 0; padding: .15em .5em 0 .5em; border-bottom: 2px solid #c2d3e5; font-size: .95em; }
.envision-form-tabs li.active { border-color: #004691; }

.envision-new-button { width: auto; background: #e0e0e0 url('../o_and_m/images/add_16.gif') 5px center no-repeat; font-weight: bold; padding: 5px 5px 5px 30px !important; border: 2px outset #ccc; }
.envision-save-button { width: auto; background: #e0e0e0 url('../o_and_m/images/file.gif') 5px center no-repeat; font-weight: bold; padding: 5px 5px 5px 25px !important; }
.envision-print-button { width: auto; background: #e0e0e0 url('../o_and_m/images/print_16.gif') 5px center no-repeat; font-weight: bold; padding: 5px 5px 5px 25px !important; }
.envision-next-button { width: auto; background: #e0e0e0 url('../o_and_m/images/arrow-forward_16.gif') right no-repeat; font-weight: bold; padding: 5px 30px 5px 5px !important; border: 2px outset #ccc; }
.envision-back-button { width: auto; background: #e0e0e0 url('../o_and_m/images/arrow-back_16.gif') 5px center no-repeat; font-weight: bold; padding: 5px 5px 5px 30px !important; border: 2px outset #ccc; }
.envision-close-button { float: right; width: auto; background: transparent url('../o_and_m/images/close_16.gif') right center no-repeat; font-weight: normal; margin-right: 16px; padding: 5px 22px 5px 5px !important; }

#search-parcel td { vertical-align: top; }

#search-parcel-results { vertical-align: top; width: 98%; margin: 0 0 1em 0; }
#search-parcel-results th { background: #1c5a9d; color: #fff; text-align: left; }
#search-parcel-results td { font-size: 11px; padding: .25em; border-bottom: 1px solid #ccc; }

td.row_head { background: #ccc; width: 14em; text-align: right; padding-right: .5em; }

td.required { background: #fcc; }

.print_only { display: none; }


/*****************************************/


/**************************
	FOOTER
**************************/

#footer { font-size:11px; text-align:right; color: #8d8d7e; padding: 20px 0; }

#footer .languages { font-size:10px; padding: 10px 0 0 0; }
	
	
	
	
	
.cleaner {
	clear:both;
	background:transparent;
	font-size:1px;
	border:0;}