/* --------------------------------------------------------------  
   * Screen & Projection Styles *   
-------------------------------------------------------------- */

/* -------------------------------------------------------------- 
	HEADER STYLES  
-------------------------------------------------------------- */
#header {
	height:358px;
	background:url(../images/header_bg.jpg) no-repeat 0 0;
}

#header2 {
	height:284px;
	background:url(../images/header2_bg.jpg) no-repeat 0 0;
}
/* -------------------------------------------------------------- 
	TOP NAVIGATION STYLES  
-------------------------------------------------------------- */
div#topnav-bkg {
	width: 583px;
	height: 37px;
	margin-left: 317px;
	background:url(../images/top_nav_bkg.jpg) 0 0 no-repeat;
}
ul#topnav li.nav {
	height:37px !important;
	line-height: 37px;
	background:#69ac1f !important;
}
ul#topnav li.nav a{
	color: #FFF;
	font-weight: bold;
	text-decoration:none;
	text-indent: 4px;
	padding-left: 4px;
	padding-right: 8px;
}
ul#topnav li.nav a:hover{
	background:#3b9b2f !important;
}
ul#topnav li#home a{
	width:68px;
	background: url(../images/top_nav.jpg) 0 0 no-repeat;
}
ul#topnav li#home a:hover{
	background: url(../images/top_nav.jpg) 0 -37px no-repeat;
}
ul#topnav li#join a{
	width:44px;
	background: url(../images/top_nav.jpg) -68px 0 no-repeat;
}
ul#topnav li#join a:hover{
	background: url(../images/top_nav.jpg) -68px -37px no-repeat;
}
ul#topnav li#certification a{
	width:94px;
	background: url(../images/top_nav.jpg) -112px 0 no-repeat;
}
ul#topnav li#certification a:hover{
	background: url(../images/top_nav.jpg) -112px -37px no-repeat;
}
ul#topnav li#learn a{
	width:56px;
	background: url(../images/top_nav.jpg) -206px 0 no-repeat;
}
ul#topnav li#learn a:hover{
	background: url(../images/top_nav.jpg) -206px -37px no-repeat;
}
ul#topnav li#directories a{
	width:86px;
	background: url(../images/top_nav.jpg) -262px 0 no-repeat;
}
ul#topnav li#directories a:hover{
	background: url(../images/top_nav.jpg) -262px -37px no-repeat;
}
ul#topnav li#news-events a{
	width:113px;
	background: url(../images/top_nav.jpg) -348px 0 no-repeat;
}
ul#topnav li#news-events a:hover{
	background: url(../images/top_nav.jpg) -348px -37px no-repeat;
}
ul#topnav li#about-us a{
	width:90px;
	background: url(../images/top_nav.jpg) -461px 0 no-repeat;
}
ul#topnav li#about-us a:hover{
	background: url(../images/top_nav.jpg) -461px -37px no-repeat;
}

#homepagelink{
	padding-top:45px;
	margin-left:20px;
}
#homepagelink, #homepagelink a{
	width:460px;
	height:70px;
	display: block;
}

/* 2nd Level Drop-downs  */

ul#topnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width:14.5em;
	position: absolute;
	z-index: 500;
}

ul#topnav ul li{
	height:25px;
	position:relative;
	margin: 0;
	padding: 0;
}

ul#topnav ul li a{
	height:25px !important;
	width:14.5em !important;
	background:#69ac1f !important;
	color: #FFF;
	font-weight: bold;
	text-decoration:none;
	text-indent: 5px;
	line-height: 25px;
}

ul#topnav ul li a:hover{
	background:#3b9b2f !important;
}

ul#topnav ul,
ul#topnav li:hover ul ul,
ul#topnav ul li:hover ul ul
{display: none;}

ul#topnav li:hover ul,
ul#topnav ul li:hover ul,
ul#topnav ul ul li:hover ul
{display: block;}

/* 3rd Level Drop-downs  */
ul#topnav ul ul{
	position: absolute;
	top: 0;
	left: 100%;
}

/* -------------------------------------------------------------- 
	CONTENT STYLES  
-------------------------------------------------------------- */
h1.articletitle,
h2.articletitle {
	background-color: #333333;
	color: #d0dcb5;
	font-size:13px;
	font-weight: bold;
	text-transform: uppercase;
	padding:6px 20px;
	margin:0 0 20px 0;
}

h2{
	font-size:1.25em;
	line-height:1.1em;
	padding-bottom:.5em;
}

h3 {
	font-size:1em;
	line-height:1.5em;
	font-weight:bold;
	margin-bottom:0;
}

.left {
	float: left;
	margin: 0 20px 20px 0 !important;
}

.right {
	float: right;
	margin: 0 0 20px 20px !important;
}

.sidebar-box{
	width:270px;
	padding-bottom:1px;
	margin-bottom:10px;
}
.box-hd{
	background-color: #333333;
	color: #d0dcb5;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	padding:3px 20px;
}
.box-bd{
	background:url(../images/sidebar-box_bg.jpg) repeat-x top left;
	padding:10px 0 0 3px;
	font-weight:bold;
}
#content{
		background:url(../images/main-content_public_bg.jpg) no-repeat top left;
}
#pagetitle{
	color:#FFF;
	font-size:48px;
	font-family: "Times New Roman", Times, serif;
	width:600px;
	text-align: center;
	margin-top:20px;
	display: block;
}
ul.news{
	margin:0;
	padding:0;
}
ul.news li{
	list-style: none;
	padding:5px 0 10px 0;
	border-bottom: 1px solid #e7e7e7;
	line-height: 20px;
}
ul.news span.date{
	font-style:italic;
	font-family: Georgia,"Times New Roman", Times, serif;
}

/* -------------------------------------------------------------- 
	LOGIN FORM STYLES  
-------------------------------------------------------------- */
div.confirm{
	margin:10px 0;
	width:248px;
}
div.confirm input{
	padding:2px 0;
	margin: 0 16px 0 0;
	font-weight: bold;
	font-size: 90%;
}

#login fieldset{
	border: none;
	padding:5px 0 0 0;
}

#login legend{
	display:none;
}
#login label.required{
	color: #000 !important;
	width: 5em;
	font-size: .9em;
	line-height:1.7em;
}
#login label em{
	display:none;
}
#login div.field{
	padding:1px 0;
	clear: left;
}
#login div.field input{
	margin:0;
	width:150px;
	border: 1px solid #cccccc;
	padding: 2px;
}
#login div.confirm, .sidebar-box div.confirm{
	text-align:right !important;
	margin:10px 0;
}
#login div.confirm input, .sidebar-box div.confirm input{
	padding:2px 0;
	width:75px;
	margin: 0 16px 0 0;
	font-weight: bold;
	font-size: 90%;
}

#login div.confirm p {
	text-align: center;
	margin-top: 8px;
}

div.field label {
	margin: 3px 0 3px 0;
	padding: 0 16px 0 0;
	text-align: right;
	width: 100px;
	font-weight: bold;
}
#forgotPassword, .login-error{
	width:530px;
}

#forgotPassword div.field label {
	width: 200px;
}
#forgotPassword div.confirm {
padding-left: 215px;
margin-top:20px;

}
p#forgotpassword{
	margin:35px 0 0 25px;
	font-size:90%;
}

table {
	width:100%;
	border-collapse:collapse;
	border:1px solid #ffffff;
	border-right:0;
	border-bottom:0;
	}
	
	table tbody tr td {
		vertical-align:top;
		border:1px solid #ffffff;
		border-left:0;
		border-top:0;
		padding:5px;
	}
	
	table tbody tr td p img {
		margin:0;
	}



/* =============================== */
/* = Table Styles for Agent List = */
/* =============================== */

#agents {
  
}

#agents th {
  background:#666666;
  color:#fff;
}

#agents th a{
  color:#fff;
  text-decoration:underline;
}

#agents tr {
  
}

#agents td a {
  color:#003366;
  text-decoration:none;
}

.pagination {
  width:100%;
  margin:0;
}

.pagination a {
  color:#003366;
  text-decoration:none;
  font-weight:bold;
}

.pagination, .pagination tr, .pagination td {
  border:none;
}

.pagination .count p {
  padding:0;
  margin:0;
  font-weight:bold;
}

.pagination .count ul {
  margin:0;
}

.pagination .count ul li {
  display: inline;
  list-style-type: none;
}

.pagination .pages {
  float:right;
}

.pagination .pages ul {
  
}

.pagination .pages ul li {
  display: inline;
  list-style-type: none;
  border:1px solid #ddd;
  padding:4px 6px;
}

.pagination .pages ul li.currentpage {
  border:1px solid #003366;
  background:#003366;
  color:#fff;
}

.sidebarForm {
  margin-right:5px;
  display:block;
}
.sidebarForm label {
  padding:5px;
}

.sidebarForm input {
  float:right;
}

.sidebarForm select {
  float:right;
}

/* -------------------------------------------------------------- 
	MEMBER INFO PAGE STYLES  
-------------------------------------------------------------- */
.member-photo {
	float: left;
}

.details-with-member-photo {
	padding-left: 110px;
}

.public-description {
	padding-top: 20px;
}

.member-number {
	float: right;
	font-weight: bold;
}

/* -------------------------------------------------------------- 
	CONTACT FORM STYLES  
-------------------------------------------------------------- */

#contact div.field {
	clear: left;
}

#contact textarea {
	width: 300px;
}

/* -------------------------------------------------------------- 
	CERTIFIED PROJECTS  
-------------------------------------------------------------- */

fieldset#project-search {
	background: #EDFEDA;
	position: relative;
}

	fieldset#project-search legend {
		background: #EDFEDA;
		border: 1px solid #ccc;
		padding: 0 5px;
	}
		
		fieldset#project-search legend .expand-collapse {
			border-style: solid;
				border-width: 8px;
				display: inline-block;
				height: 0;
				width: 0;
				/* IE 6/7 inline-block hack */
				zoom: 1;
				*display: inline;
				_height: 0;
		}
		
			fieldset#project-search legend .expand-collapse.expanded {
				border-color: #000 transparent transparent transparent;
				margin: 0 5px -5px 0;
			}
			
			fieldset#project-search legend .expand-collapse.collapsed {
				border-color: transparent transparent transparent #000;
				margin: 0 0 -2px 5px;
			}
	
	fieldset#project-search div {}
	
		fieldset#project-search div.field {
			clear: left;
		}
		
		fieldset#project-search div.confirm {
			padding-left: 215px;
		}
		
			fieldset#project-search div.confirm input {
				padding: 5px 10px;
			}
	
			fieldset#project-search div.field label {
				width: 200px;
				display:block;
				text-align: left;
				margin-bottom: 0;
			}

			fieldset#project-search #col1, fieldset#project-search #col2, fieldset#project-search #col3 {
				float: left;
				width: 285px;
			}

	fieldset#project-search .county-checkboxes {
		margin: 10px 0;
		width: 250px;
	}

		fieldset#project-search .county-checkboxes small input {
			margin-left: 20px;
			vertical-align: top;
		}

		fieldset#project-search .county-checkboxes .fields {
			border: 1px solid #BAD1A2;
			height: 100px;
			overflow-y: scroll;
			padding: 0 5px;
		}

			fieldset#project-search .county-checkboxes .fields label {
				font-weight: normal;
			}

	fieldset#project-search .include-multiple-zips {
		padding-top: 10px;
	}

		fieldset#project-search .include-multiple-zips div.field label.field-label {
			display: none;
		}

		fieldset#project-search .include-multiple-zips div.radius-field {
			display: none;
			padding-left: 25px;
		}

	fieldset#project-search .submit {
		background: #D8ECC2;
		border: 1px solid #BAD1A2;
		border-radius: 5px;
		margin-top: 10px;
		padding: 10px;
		position: absolute;
			bottom: 20px;
			right: 20px;
		width: 275px;
	}

/* Certified project listing page */
#certified-project {}

	#certified-project h1 {
		font-size: 21px;
		font-weight: bold;
		margin: 15px 0;
	}
	
	#certified-project .description {
		color: #777;
		font-size: 14px;
		padding-bottom: 10px;
	}
	
		#certified-project .description p {
			margin-bottom: 7px;
		}

	#certified-project dl {}
	
		#certified-project dl dt {
			clear: left;
			float: left;
			padding: 0 0 5px 0;
			width: 175px;
		}
		
		#certified-project dl dd {
			padding: 0 0 5px 180px;
		}


/* Member search */

.member-search {
	padding: 0 10px;
}

.member-search .field {
	margin-bottom: 10px;
}

.member-search .field label {
	display: block;
	text-align: left;
	width: 100%;
}

.member-search select {
	max-width: 100%;
}

.member-search .field-label {
	display: none;
	height: 0;
}

.member-search .radius-field {
	margin-left: 25px;
}

.member-search .radius-field label {
	font-size: 12px;
}

.member-search .radius-field select {
	margin-top: 0;
}

.member-search .radio {
	margin-bottom: 8px;
}

/* Project count */

.project-count {
	background: #EDFEDA;
	border: 1px solid #ccc;
	margin-bottom: 35px;
	padding: 5px 10px;
}

.project-count-figure {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1.5px;
	margin-bottom: 0;
}

.project-count-link {
	color: inherit;
	display: block;
	text-decoration: none;
}