/* @override http://www-4.neighborhoodlink.com/stylesheets/nlmaster.css?1216245986 */

* {
	margin: 0;
	padding: 0;
}
 	
body {
	font: 62.5%/1.4  Arial, Helvetica, Verdana, sans-serif;
	color: #333;
	background-color: #ecf2fe;
	text-align: center;
	padding-bottom: 20px;
	margin: 0 auto ;
}

img {  
	border: 0; 
}

fieldset, form, label, legend
 {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

ol,ul { 
	list-style:none; 
}

h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
}
q:before,q:after { 
	content:""; 
}

/* Typography and Default Stylings-need to add more here
================================== */
h1 {
	font-size: 2.2em;
  	line-height: 1.0em;
}

h2 {
  	font-size: 1.6em;
  	line-height: 1.0em;
	margin-bottom: 10px;
}

h3 {
	font-size: 1.4em;
	line-height: 1.0em;
}

h4 {
	font-size: 1.3em;
	line-height: 1.4em;
	font-weight: normal;
}

h5 {
	font-size: 1.3em;
	line-height: 1.0em;
}

h6 {
	font-size: .9em;
	font-weight:normal;
}

p { 
	font-size: 1.2em;
}

table { 
	border-collapse: collapse; 
	border-spacing: 0;
}
	
dt,th { 
	font-size: 1.3em;
}

li, dd, td {
	font-size: 1.0em;
}

.small {
	font-size: 1.0em;
}

.smaller {
	font-size: .8em;
}

.bigger {
	font-size: 1.1em;
}

.biggest {
	font-size: 1.2em;
}

.right {
	float: right;
}

.left {
	float: left;
}

.center {
	text-align: center;
}

.align_right {
	text-align: right;
}

.bold {
	font-weight: bold;
}

.italics {
	font-style: italic;
}

.underline {
	text-decoration: underline;
}

a:link, a:visited {
	color: #3366cc;
	text-decoration: none;	
}

a:hover {
	color: #6699ff;
	text-decoration: none;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}	

.clearfix { 
	height: 1%; 
}

.clear {
	clear: both;
}



/* Main Layout 
================================== */

/* The main layout consists of two wrappers-first wrapper  
includes everything-nl content floated left and inner wrapper floated right */
#wrapper {
	width: 923px;
	margin: 0 auto;
	text-align: left;
	padding: 0px 10px 10px 10px; 
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	background-color: #ceecec;
}

/*Contains main content and secondary content */
#innerwrapper {
	float: right;
	width: 730px;
	padding: 10px 10px 10px 10px;
	border-left: 1px solid #3e598f;
	border-right: 1px solid #3e598f;
	border-bottom: 1px solid #3e598f;
	background-color: #ffffff;
	margin-bottom: 10px;
}


/*Wrapper for main content goes inside innerwrapper*/
#maincontentwrapper {
	float: left;
	width: 558px;
}

.maincontentborder {
	width: 556px;
	float: left;
	border: 1px solid #96b8fc;
	margin-bottom: 10px;
	overflow:hidden;
}

/*Box that actually contains the content */
.maincontent {
	width: 532px;
    float: left;
	line-height: 1.4em;
	padding: 10px;
	border: 2px solid #fff;
	background-color: #fff;
	overflow:hidden;
}

#home .maincontent {
	width: 532px;
    float: left;
	line-height: 1.4em;
	padding: 10px;
	border: 2px solid #fff;
	background-color: #f2f6fa;
	overflow:hidden;
}

/*Secondary content floated right of maincontent-will include other pages from 
within site or related content to the main content 
================================== */
#secondarycontent {
	float:right; 
	width: 162px; 
}

/*NLcontent floated left has all Neighborhood Link related content */
#nlcontent {
	float: left;
	width: 160px;
	margin-top: 10px;
	
}

/* Footers main purpose is to clear floats innerwrapper and nlcontent */
#footer { 
	width: 100%;
	clear: both; 
	background-color: #ceecec; 
}

/* Styling for All the stuff that goes in inner wrapper before or after main content: 
banners, headers, menus, and copyright 
================================================================= */


#leaderboarda {
	width: 728px;
	height: 90px;
	background-color: #ffffff;
	background: url(/images/leaderboardbg.gif) repeat-x top left;
	border: 1px solid #fff;
	margin: 0px 0px 20px 0px;
}

#leaderboardb {
	float: left;
	width: 728px;
	height: 121px;
	background-color: #ffffff;
	/*background: url(/images/leaderboardbg.gif) repeat-x top left;*/
	border: 1px solid #96b8fc;
	margin: 0px 0px 20px 0px;
	display:inline; 
}

#leaderboardc {
	width: 728px;
	height: 90px;
	background-color: #fff;
	border: 1px solid #fff; 
	margin: 0px 0px 20px 0px;
}

#neighborhoodname {
	float:left;
	width: 728px;
	margin: 0px 0px 10px 0px;
}


#mainnav {
	float: left;
	width: 728px;
	border: 1px solid #96b8fc;
	margin: 0px 0px 10px 0px;
}


#mainnav ul {
	list-style-type:none;
	float: left;
	width: 724px;
	border: 1px solid #ffffff;
	background-color:#f2f6fa;
	margin: 0px;
	padding: 1px;
}

#mainnav li {
	float: left;
	font-size: 1.3em;
	line-height: 1.5em;
	border-right: 1px solid #ffffff;
	padding: 0px 20px;
}

#mainnav li.last {
	border-right: none;
}

/* Method for indicating current page via menu */
#home .home a,
#discussions .discussions a,
#calendar .calendar a,
#documents .documents a,
#meet .meet a,
#info .info a {
	font-weight: bold;
	color: #3366cc;
	font-size: 1.1em;
}


/* Styling for Main Content
================================== */
.maincontent p {
	font-size: 1.3em;
	line-height: 1.4em;
}

.maincontent h4 {
	font-size: 1.4em;
	margin-top: 12px;
}

.maincontenttag {
	font-size: 1.3em;
	color: #6666cc;
	padding: 8px 5px 8px 20px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	margin: 10px 0px 15px 0px;
}

/*Attribute Selectors for adding icons to different types of files and links-no worky in ie6 */
/*.maincontent a[href^="http:"] {
  background: url(/images/external.gif) no-repeat right top;
  padding-right: 12px;
}*/

.maincontent a.offsite {
  background: url(../images/external.gif) no-repeat right top;
  padding-right: 12px;
}

.maincontent a[href^="http://www.neighborhoodlink.com"], .maincontent a[href^="http://neighborhoodlink.com"]  {
  background-image: none;
  padding-right: 0;
}

.maincontent a[href$=".pdf"] { 
	background: url(/images/icon_pdf.gif) no-repeat right top; 
	padding: 5px 18px 5px 0;
 }

.maincontent a[href$=".doc"] { 
	background: url(/images/icon_doc.gif) no-repeat right top; 
	padding: 5px 18px 5px 0;
 }

/* Generic Def List used on many pages either half the page or full width-somtimes put inside a generic div */
dl.generic  {
	width: 100%;
	margin: 0;
	padding: 0;
}

.generic dt {
	font-size: 1.4em;
	font-weight: bold;
	background-color: #f2f6fa;
	padding:5px;
	margin: 0;
}

.generic dd {
	font-size: 1.3em;
    line-height: 1.4em;
    padding-left: 5px;
    margin: 0;
}

/*Misc Header and Edit Link Styling */
p.edit_link {
	float: right;
	background: url(/images/caret.gif) no-repeat left;
	padding-left: 8px;
	padding-right: 5px;
}

.edit_link img {
	vertical-align: middle;
}

/*Use this in dt elements to add edit link */
.edit_span {
	float: right;
	background: url(/images/caret.gif) no-repeat left;
	padding-left: 8px;
	padding-right: 5px;
	font-size: .8em;
	font-weight: normal;
}

.title_header {
	width: 522px;
	margin: 0 0 10px 0;
	padding: 5px;
	background-color: #f2f6fa;
	clear: right;
}

.title_header p.edit_link {
	font-size: 1.1em;
	font-weight: normal;
}

.add_new  {
	padding-left: 18px;
	background: url(/images/startaddredtran.gif) no-repeat left center;
}

.edit_delete {
	width: 61px;
	float: right;
	margin: 0 0 0 0;
	display: inline;
}

.edit_delete img {
	padding-left: 7px;
	float: right;
	display: inline;
}

/* Styling for NL Content Starting at Top Going Down
================================== */
/* Old Logo Styling
#logo {		
	padding-left: 21px;
	margin-bottom: 20px;
}
*/

/*NL network Logo styling */
#nlnnborder {
width: 160px;
border:1px solid #FFFFFF;
margin-bottom:10px;
margin-left:0px;
}
#nlnn {
width: 108px;
background:transparent url(/images/nlnnbg4.gif) repeat-y scroll left top;
border:1px solid #91BABA;
padding:10px 25px;
font-size:0.9em;
line-height:1.4em;
text-align:center;
}

#nlnn img {
padding-bottom:2px;
}

/* Weather Stuff  */

#weather {
	font-size: .9em;
	line-height: 1.3em;
}

#weather img {
	float: left;
	padding-right: 10px;
}

.weatherdate {
	padding-bottom: 5px;
}

#weatherlinks {
	padding-top: 5px;
}



/*Generic box used for NL Content  */
.nlbox {
	float: left;
	font-size: 1.0em;
	width: 160px;
	border: 1px solid #91baba;
	background-color: #e7f3f4;
	/*background: url(/images/nlcommunitybg.gif) repeat-x top left; */
	margin-bottom: 10px;
	margin-left: 0px;
	overflow: hidden;
}

.nlinnerbox {
	width: 138px;
	border: 1px solid #ffffff;
	padding: 10px;
	background-color: #e7f3f4;
	/*background: url(/images/userbg.gif) repeat-x top left;*/
	overflow: hidden;
}

.nlbox h2 {
	color: #446b79;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.8em;
	border-bottom: 1px solid #ffffff;
	margin-bottom: 10px;
}

.nlbox h3 {
	font-size: 1.3em;
	line-height: 1.4em;
	font-weight: normal;
}

.nlbox h4 {
	font-size: 1.0em;
	line-height: 1.4em;
	margin-bottom: 1.0em;
}

.nlbox fieldset {
	border: none;
}

/*Generic Def List used for NL Content  */
.nlbox dl {
	width: 138px;
	border: 1px solid #ffffff;
	padding: 10px;
	overflow: hidden;
}

.nlbox dt {
	color: #446b79;
	font-weight: bold;
	line-height: 1.8em;
	border-bottom: 1px solid #ffffff;
	margin-bottom: 10px;
}

.nlbox dd {
	line-height: 1.45em;
	margin-bottom: 8px;
	overflow: hidden;
}

.nlbox dd a {
	display: block;
	font-size: 1.3em;
	padding-bottom: 1px;
}

.nlbox dd img {
	float: left;
    margin-right: 8px;
}

/*Signinbox styling change generic dl a bit */
.nlbox #signinbox  dt {
	width: 138px;
	font-size: 1.1em;
	line-height: 1.3em;
	margin-bottom: 5px;
	padding-bottom: 2px;
	overflow: hidden;
}

.nlbox #signinbox dd {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.nlbox #signinbox  a {
	font-size: 1.0em;
	line-height: 1.4em;
}



/* Zillow Form Styling-Best method was putting the form into the list */
.nlbox form dd {
	line-height: 1.45em;
	margin-bottom: 1px;
}

.nlbox label {
  	font-size: 1.1em;
  	margin-right: 15px;
}

.nlbox input {
 	width: 130px;
 	margin-bottom: 5px;
}

.nlbox input:focus, .nlbox textarea:focus {
 	background: #ecf2fe;
}

.nlbox form img {
	float: none;
	margin: 0;
}

#address_state {
	width: 20px;	
}

#address_zip  {
	width: 50px;
	margin-left: 15px;	
}

#zip  {
	width: 123px;
}

/*Bottom Nav Bar */
#nlnav {
	float: right;
	width: 750px;
	border: 1px solid #91baba;
	margin-bottom: 10px;
	padding: 8px 0;
	background-color: #e7f3f4;
	/*background: url(/images/nlcommunitybg.gif) repeat-x top left;*/
	clear: both;
}

#nlnav ul {
	list-style-type:none;
	float: left;
	width: 730px;
	margin: 0px;
	padding: 0px;
}

#nlnav li {
	float: left;
	border-right: 1px solid #ffffff;
    padding: 2px 10px 2px 10px;	
}

#nlnav li.last {
	border-right: none;
}

#nlnav li a {
	display: block;
	font-size: 1.2em;
	line-height: .9em;
	padding-bottom: 3px;
}

/*Goes Under Nl nav bar in footer div */
#copyright {
	width: 742px; 
	font-size: .9em;	
	margin-left: 180px;
}


/* Styling for Secondary Content
================================== */
.secondarybox {
	float: right;
	width: 160px;
	margin-bottom: 10px;
	background-color:#ffffff;
	border: 1px solid #96b8fc;	 
}
/*only on homepage box is blue */
#home .secondarybox {
	float: right;
	width: 160px;
	margin-bottom: 10px;
	background-color:#f2f6fa;
	border: 1px solid #96b8fc;	 
}
.secondarybox dl {
	float: right;
	width: 136px;
	padding: 10px;
	border: 2px solid #ffffff;
}

.secondarybox dt {
	font-weight: bold;
	font-size: 1.4em;
	border-bottom: 1px solid #96b8fc;
	margin-bottom: 5px;
}

#home .secondarybox dt {
	font-weight: bold;
	font-size: 1.4em;
	border-bottom: 1px solid #ffffff;
	margin-bottom: 5px;
}

.secondarybox dd {
	font-size: 1.3em;
    line-height: 1.3em;
	padding-top:5px;
    margin: 0;
}

.secondarybox dd img {
	border: 1px solid #96b8fc;
}

/* Styling for Profile view and edit pages
================================== */

/*Styles for Both pages */
h1.profile  {
	font-size: 1.8em;
	font-weight: normal;
}

.profile_title {
	width: 522px;
	font-size: 1.4em;
	font-weight: bold;
	background-color: #f2f6fa;
	padding:5px;
	margin: 10px 0;
}

.link_back {
  font-size: 1.4em;
}

.profile th, .profile td {
	width: 190px;
	font-size: 1.3em;
	line-height: 1.4em;
	padding-bottom: 5px;
	vertical-align: top;
}

/*Profile view page only for mojo edit */
.profile td.mojo {
	width: 100px;
	float: left;
	margin-left: -100px;
	font-size: .9em;
}

/*For the Profile Edit Page only */
p.info_caption {
	margin: -5px 0 10px 0;
}

/*For prefs pulldown explanation */
table#prefs {
	margin-bottom: 15px;
}

#prefs td, #prefs th {
	padding: 0px;
}

td#finder_explain {
	font-size: 1.1em;
	font-style: italic;
	padding-bottom: 15px;
}

#prefs td.finder_explain {
	font-size: 1.1em;
	padding-bottom: 10px;
}

.bio_img {
	font-size: 1.2em;
	font-weight: bold;
	overflow: hidden;
}

.bio_img img {
	margin-right: 8px;
	vertical-align: middle;
}

.bio_text {
	font-size: 1.3em;
	padding-top:10px;
	margin-bottom: 15px;
	overflow: hidden;
}