@charset "utf-8";
/*CONTENTS
-----------------------
Members Only Header
Members Landing Page
Library Page
Job Postings Page
Events Page
-----------------------*/


/*---------------------------------------------------------
 Members Only Header 
---------------------------------------------------------*/ 

.memberheader { 
 background-color: #d9d9d9;
 float: left;
 margin-bottom: 10px;
 height: 66px;
 margin-top: 20px;
  }

.memberheader h1 { 
 display: none;
 }

#membersearch, #blogsearch { 
 width: 205px;
 margin-right: 25px;
 margin-left: 20px;
 display: inline;
 padding: 43px 10px 0 10px;
 height: 33px;
  }
	
#membersearch { 
 background:#d9d9d9 url(/images/common/members-title-search.gif) no-repeat 12px 10px;
  }
	
#blogsearch { 
 background:#d9d9d9 url(/images/common/blog-title-search.gif) no-repeat 12px 10px;
  }
 
#membersearch img { 
 padding-bottom: 11px;
  }

#membersearch input { 
 vertical-align: middle;
  }
 
#membersearch input#searchfield  { 
 width: 142px;
 border: 1px solid #999999;
 background-color: #e7e7e7;
 padding: 1px 3px;
 margin-right: 5px;
  }
 
#membernav { 
 width: 480px;
 background:#d9d9d9 url(/images/common/members-title-area.gif) no-repeat 12px 10px;
 padding: 47px 10px 0 10px;
 height: 29px;
 text-transform: lowercase;
 }
 
#membernav img { 
 padding-bottom: 10px;
 }

#membernav ul { 
 padding: 0;
 margin: 0;
}

#membernav ul li { 
 float: left;
 background:url(/images/common/member-nav.gif) no-repeat right top;
 line-height: 1em;
 font-size:13px;
 margin-right: 10px;
 }
#membernav ul li a { 
 display: block;
 color: #333333;
 text-decoration: none;
 background:url(/images/common/member-nav-left.gif) no-repeat left top;
  padding:2px 10px 4px 8px;
 }
 
#membernav ul li a:hover { 
 color: #666666;
 }


#membernav ul li.current a { 
 color: #ffffff;
 }

/*---------------------------------------------------------
 Members Landing Page
---------------------------------------------------------*/ 

#membercola { 
 float: left;
 width: 225px;
 margin-right: 25px;
 margin-left: 20px;
 display: inline;
 padding-bottom: 10px;
}

.memberleadin { 
 margin-bottom: 10px;
 height: 121px;
 overflow: hidden;
 font-size: 12px;
 color: #ffffff;
 }
 
.memberleadin a:hover, .memberleadin a:active, .memberleadin a:link, .memberleadin a:visited { 
 padding: 20px 20px 56px 20px;
 display: block;
 color: #ffffff;
 text-decoration: none;
 }
 
.memberleadin span { 
 font-size: 22px;
 }
 
#leadcalendar { 
 background: url(/images/common/mem-leadcalendar.png) no-repeat;
 }
 
#leadlibrary { 
 background: url(/images/common/mem-leadlibrary.png) no-repeat;
 }
 
#leadjobs { 
 background: url(/images/common/mem-leadjobs.png) no-repeat;
 }

#headernews, #headerblog { 
 float: left; 
 width: 242px;
 padding-bottom: 10px;
 }
#headernews { 
 background: url(/images/common/memheader-news.jpg) no-repeat;
 margin-right: 16px;
 }
 
#headerblog { 
 background: url(/images/common/memheader-blog.jpg) no-repeat;
 }

.colhead { 
 color: #ffffff;
 padding: 45px 10px 0 10px;
 height:  76px;
 } 

.colhead h2 { 
 font-size: 37px;
 line-height: 1em;
 margin: 0;
 padding: 0;
 }
 
.colcontent { 
 border-left: 1px solid #dadada;
 border-right: 1px solid #dadada;
 padding: 10px;
 color: #999999;
 height: 188px;
 font-size: 11px;
 } 
 
.colcontent a:link, .colcontent a:visited, .colcontent a:active, .colcontent a:hover { 
 color: #666666;
 font-weight: bold;
 } 
 

#footernews, #footerblog { 
 height: 54px;
 overflow: hidden;
 font-size: 12px;
 text-align: right;
 color: #ffffff;
 text-transform: uppercase;
 }
 
#footernews a:link, #footernews a:visited, #footernews a:active, #footernews a:hover, #footerblog a:link, #footerblog a:visited, #footerblog a:active,  #footerblog a:hover { 
 text-decoration: none;
 display: block;
 color: #ffffff;
 padding: 20px 48px 15px 0;
 }

#footernews { 
 background: url(/images/common/memfoot-news.png) no-repeat;
 }
 
#footerblog { 
 background: url(/images/common/memfoot-blog.png) no-repeat;
 }
 
/*---------------------------------------------------------
 Library Page
---------------------------------------------------------*/ 

.libitem { 
 padding: 4px 0 4px 4px;
 font-weight: bold;
 }

.libitem a { 
 color: #666666;
 }
 
.libitem .expander { 
 vertical-align: middle;
 margin-top: -2px;
 margin-right: 5px;
 cursor: pointer;
 }
 
.libabstract { 
 padding: 5px 25px;
 background-color: #f2f2f2;
 }

/*---------------------------------------------------------
 Job Postings Page
---------------------------------------------------------*/ 
h3.jobheader { 
 padding-top: 15px;
 font-size: 18px;
 }
 
#postajob input { 
 }
 
#postajob input.reginput, #postajob textarea.reginput { 
 width: 160px;
 margin-right: 180px;
 }
 
#postajob textarea.reginput { 
 height: 4.8em;
 }
 
#postajob input.longinput, #postajob textarea.longinput { 
 width: 340px;
 }
 
#postajob textarea.longinput { 
 height: 14em;
 }
 
#postajob .submitcontainer { 
 margin-bottom: 5px;
 }

#postajob .submitcontainer input { 
 margin-left: 130px;
 } 
 
input.calendarinput { 	
	width: 75px;
	margin-right: 15px;
	}
	
/*---------------------------------------------------------
	Events Page
---------------------------------------------------------*/ 

#eventlist span { 
	margin: 0;
	padding: 0;
	font-size: 10px; 
	text-transform: uppercase;
	display: block;
	}

h4.eventloc { 
	color: #333333;
	}