/* --------------------------------------------------------------  
   * 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  
-------------------------------------------------------------- */
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:12.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:12.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{
	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;
}

.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 20px;
	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:50px;
	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 {
	display: block;
	float: left;
	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:98%;
	border-collapse:collapse;
	border:1px solid #dedede;
	border-right:0;
	border-bottom:0;
	}
	
	table tbody tr td {
		vertical-align:top;
		border:1px solid #dedede;
		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;
}

/* -------------------------------------------------------------- 
	CONTACT FORM STYLES  
-------------------------------------------------------------- */

#contact div.field {
	clear: left;
}

#contact textarea {
	width: 300px;
}
