/* - - - - - - - - - - - - - - - - - - - - -

Title : CSS STYLES FOR SCREEN
Author : Sam Howat
URL : 

Description : This style sheet controls the presentation of the NARPM.ORG website.

Created : July 10, 2005


- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

body {
	margin: 0px;
	padding: 0px; }

/* ----- IDS ----- */

#head {
background-color: #FFF;

}

#head h1 a.logo:link, a.logo:visited {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	background: #FFF url(../../_images/logo/NARPM.jpg) top no-repeat;
	width: 361px;
	height: 53px;
	display: block;
	float: left; }
	 
#head h1 {
	font: normal 26px/1.1em "Trebuchet MS", "Verdana", sans-serif; 
	color: #990000;
	margin: 0px; }
	
#head span { display: none; }

#MNav {
	background: #FFF url(../../_images/bg/MNavBg.jpg) repeat-x top left;
	width: 750px; height: 40px;
	font: 12px/1em "Trebuchet MS" Arial, Verdana, sans-serif;
	margin: 0px;
	padding: 0px;
	clear: both; }

#MNav ul {
	font: 12px/1em "Trebuchet MS" Arial, Verdana, sans-serif;
	margin: 0px; padding: 0px;
	list-style-type: none; }

#MNav li {
	font: 12px/1em "Trebuchet MS" Arial, Verdana, sans-serif;
	display: block;
	float: left;
	height: 33px; }
		
#MNav a {
	text-align: center;
	margin: 0px; padding: 8px 0px 0px 0px; 
	display: block;	height: 25px;
	text-decoration: none; color: white; }

#SNav {
	width: 190px;
	float: left; }
	
#SNav p {
	font: normal 11px/1.6em Arial, "Trebuchet MS", Verdana, sans-serif; 
	margin: 10px 3px 5px 3px;
	padding: 0px;
	color: #666666; }

#SNav ul.menu { 
	margin: 0px 0px 0px 0px;
	padding-left: 18px; }
	
#SNav ul.menu li { 
	font: normal 11px/1.6em Arial, "Trebuchet MS", Verdana, sans-serif; 
	list-style-image: url(../../_images/blts/small-nav-blts.gif);
	margin: 0px;
	padding: 0px; }
	
#SNav ul.menu ul { 
	margin: 0px;
	padding-left: 15px; }
	
#SNav ul.menu ul li { 
	font: normal 10px/1.6em Arial, "Trebuchet MS", Verdana, sans-serif; 
	color: #464646; 
	list-style-image: url(../../_images/blts/small-nav-blts-gray.gif);
	margin: 0px;
	padding: 0px; }

#SNav ul.menu ul ul { 
	margin: 0px;
	padding-left: 15px; }

#SNav ul.menu ul ul li { 
	font: normal 10px/1.6em Arial, "Trebuchet MS", Verdana, sans-serif; 
	color: #464646; 
	list-style-image: url(../../_images/blts/small-nav-blts-gray.gif);
	margin: 0px;
	padding: 0px; }

#SNav ul.menu2 { 
	margin: 8px 0px 0px 5px;
	padding-left: 15px;
	padding-top: 5px;
	border-top: 1px solid #cfcfcf;
	width: 120px; }
	
#SNav ul.menu2 li { 
	font: normal 11px/1.6em Arial, "Trebuchet MS", Verdana, sans-serif; 
	list-style-image: url(../../_images/blts/small-nav-blts-gray.gif);
	margin: 0px;
	padding: 0px; }


	
#home-search {
	width: 215px;
	float: left; }

#home-search p {
	margin: 0px; 
	padding: 0px; }
	
#home-search p a.fimg1:link, a.fimg1:visited {
	margin: 0px;
	padding: 0px;
	background: #FFF url(../../_images/front-search/search.jpg) top no-repeat;
	width: 215px;
	height: 63px;
	display: block;	}

#home-search p a.fimg2:link, a.fimg2:visited {
	margin: 0px;
	padding: 0px;
	background: #FDC578 url(../../_images/front-search/property-managers.jpg) top no-repeat;
	width: 215px;
	height: 29px;
	display: block;	}

#home-search p a.fimg2:hover	{ 
	background: #FDC578 url(../../_images/front-search/property-managers-over.jpg) top no-repeat; }

#home-search p a.fimg3:link, a.fimg3:visited {
	margin: 0px;
	padding: 0px;
	background: #FDC578 url(../../_images/front-search/affiliate-members.jpg) top no-repeat;
	width: 215px;
	height: 31px;
	display: block; }
	
#home-search p a.fimg3:hover	{ 
	
	background: #FDC578 url(../../_images/front-search/affiliate-members-over.jpg) top no-repeat;  }
	
#home-search p a.fimg4:link, a.fimg4:visited {
	margin: 0px;
	padding: 0px;
	background: #FDC578 url(../../_images/front-search/narpm-members.jpg) top no-repeat;
	width: 215px;
	height: 34px;
	display: block;	}
	
#home-search p a.fimg4:hover	{ 
	background: #FDC578 url(../../_images/front-search/narpm-members-over.jpg) top no-repeat; }
	
#home-search p {
	font: normal 12px/18px Arial, "Trebuchet MS", Verdana, sans-serif; 
	color: #990000;
	margin: 0px;
	padding: 0px;	}
	
#home-search span { display: none; }
	
#header {
	background-color: #FFFFFF; }	
	
/* ----- CLASSES ----- */

.control {
	margin-left: auto;
	margin-right: auto;
	width: 750px; }

.header-photo {
	width: 535px;
	float: left; }

.top-head {
	height: 75px;
	width: 750px;}

.top-nav {
	width: 329px;
	background-color: #FFFFFF;
	padding: 10px;
	float: right; }

.main {
	/* background: transparent url(../../_images/bg/content-narpm.gif) bottom right no-repeat; */
	border: 0px solid black;
	height: 100%; }

.content {
	width: 310px;
	float: left; }
	
.subcontent {
	width: 532px;
	float: left;
	padding-bottom: 10px; }

html>body .subcontent {
	width: 555px;
	float: left;
	padding-bottom: 10px; }
	
.ls-content {
	width: 215px;
	float: right; }

.SHlight {
	padding-left: 5px;
	margin-left: 5px;
	border-left: 1px solid #CCC;}
	
.SHlight p {
	margin: 5px}

.HHlight {
	border: 1px solid #FEF3CB;
	padding: 5px;
	margin: 10px 0px 10px 0px;
	background: transparent url(../../_images/bg/HHlight.jpg) top left repeat-y; }

.HHlight img.space {
	margin: 12px 0px 8px 0px;}

.VSearch {
	border: 1px solid #FEF3CB;
	width: 165px;
	padding: 5px;
	margin: 10px 10px 10px 0px;
	background: transparent url(../../_images/bg/VHlight.jpg) top left repeat-x; }
		
.VHlightr {
	border: 1px solid #F5F5F5;
	padding: 10px;
	margin: 0px 0px 10px 10px;
	background: transparent url(../../_images/bg/VHlight.jpg) top left repeat-x;
	float: right;
	width: 200px;
	clear: both; }
	
.VHlightr ul, ol {
	margin: 0px 0px 0px 25px;
	padding: 0px;}
	
.VHlightr ol li  {
	list-style-type: decimal; 
	font-size: 12px;
	color: #666666;
	margin: 0px; padding: 0px; }
	
.VHlightr ul li  {
	list-style-type: square; 
	font-size: 12px;
	color: #666666;
	margin: 0px; padding: 0px; }
	
.VHlightr p {
	font-size: 12px; }

.VHlight {
	border: 1px solid #FEF3CB;
	padding: 5px;
	margin: 10px 0px 10px 0px;
	background: transparent url(../../_images/bg/VHlight.jpg) top left repeat-x; }
	
.VHlight li, p  {
	list-style-type: square; 
	font-size: 11px;
	color: #666666;
	margin: 0px; padding: 0px; }

.VHlight ul {
	margin: 0px 0px 0px 20px;
	padding: 0px;}
.VHlight h3 {
	font-size: 12px;}
	
.phpdigHighlight {	
	font-weight: bold;}

div.results p, div.results h2 {
	margin: 5px 0px 0px 0px;
	padding: 0px; }
	
.dt span {
	float: left;
	width: 200px;
}	
.db { 
	background-color: #FEF3CB; }
	
.darkbg {
	background: #FFFDF4 url(../../_images/bg/darkbg.gif) bottom left repeat-x; 
	border-top: 1px solid #CCC;}
	
.lightbg {
	background-color: #FFFFFF;
	border-top: 1px solid #CCC;}
	
.detailed {
	background: #F1FFC6 url(../../_images/bg/listdatabg.gif) no-repeat 95% 50%;
	border:  solid 1px #CCFF33; 
	padding: 5px;
	display: none;
	width: 543px;
	min-height: 100px;
 }

.detailed-search {
	display: none;
	width: 100%;
	min-height: 150px;
}
 
.detailed2 {
	padding: 0px;
	width: 543px;
	min-height: 100px;
 }
 
.admin-bar {
	background: #FFFDF4 url(../../_images/blts/lock.gif) no-repeat 10px;
	border: 1px solid #FEF3CB;
	padding: 0px 0px 0px 30px; }

.admin-bar p {
	font-weight:bold; }
	
.admin-title {
	background: #FFFDF4 url(../../_images/blts/blue-arrow.gif) no-repeat 137px; padding: 5px 30px 5px 0px;}
	 
.footer {
	clear: both;
	background-color: #FCFCFC; 
	padding: 3px;
	margin-top: 5px;
	border-top: 1px dotted #CCCCCC; }

.footer p {
	font: normal 11px/1.6em Arial, "Trebuchet MS", Verdana, sans-serif; 
	margin: 5px 3px 5px 3px;
	padding: 0px;
	color: #5B5B5B; }
	
/* ----- HEADINGS ----- */

h1 {
	font: normal 21px/1.1em "Trebuchet MS", Arial,  Verdana, sans-serif; 
	color: #A32638;
	margin: 10px 0px 10px 0px; }
	
h2 {
	font: bold 16px/18px "Trebuchet MS", Arial,  Verdana, sans-serif; 

	color: #666666;
	margin: 10px 0px 10px 0px;
	}

h3 { 
	font: bold 14px/1.8em "Trebuchet MS", Arial,  Verdana, sans-serif; 
	margin: 5px 0px 5px 0px;
	padding: 0px;
	color: #A32638; }

.warning {

	color: #990000;
	font-weight: bold;
	margin: 10px 0px 5px 0px;
	margin-bottom: 10px;
	}
/* ----- PARAGRAPHS ----- */

p  { 
	font: normal 13px/18px "Trebuchet MS", Arial,  Verdana, sans-serif; 
	margin: 3px 0px 3px 0px;
	padding: 2px  0px 2px 0px;
	color: #666666; }

p.tcenter {
	text-align: center; }
		
p.minus-one  { 
	font: normal 11px/18px "Trebuchet MS", Arial,  Verdana, sans-serif; 
	margin: 5px 0px 5px 0px;
	padding: 0px;
	color: #666666; }

.emph {
	font-style: italic; }
	
.nopadt {
 		margin: 0px 0px 10px 0px; }

.nopad {
 		margin: 0px 0px 0px 0px; }

.date 
	{
	font-size: 11px;
	}		
.white {
 color: white;
	}	

blockquote { 
	font: normal 12px/18px "Trebuchet MS", Arial,  Verdana, sans-serif;  
	margin: 0px 10px 0px 10px;
	padding: 0px  0px 0px 0px;
	color: #666666; }
	
.ssnotice {
	color: #6BA3CB; }	
	
/* ----- QUOTES ----- */

/* ----- CODE ----- */

/* ----- LISTS ----- */
ul {
	margin: 0px 0px 0px 30px;
	padding: 0px; }
	
li {
	font: normal 13px/18px "Trebuchet MS", Arial,  Verdana, sans-serif; 
	color: #666666;
	list-style-image: url(../../_images/blts/lists/arrow3.png);	
	   }


a:link, a:visited, a:active {
	color: #A32638;
	text-decoration: underline; }	

a:hover  {
	color: #A32638;
	text-decoration: none; }
/*
a.one:link, a.one:visited, a.one:active { width: 62px; background: transparent url("../../_images/MNav/MBg.jpg") top left repeat-x; border-top: 1px solid #cfcfcf; }
a.two:link, a.two:visited, a.two:active { width: 60px; background: transparent url("../../_images/MNav/MBg.jpg") top left repeat-x; border-left: 1px solid #737373; border-top: 1px solid #cfcfcf; }
a.three:link, a.three:visited, a.three:active { width: 102px; background: transparent url("../../_images/MNav/MBg.jpg") top left repeat-x; border-left: 1px solid #737373; border-top: 1px solid #cfcfcf; }
a.four:link, a.four:visited, a.four:active { width: 91px; background: transparent url("../../_images/MNav/MBg.jpg") top left repeat-x; border-left: 1px solid #737373; border-top: 1px solid #cfcfcf; }
a.five:link, a.five:visited, a.five:active { width: 95px; background: transparent url("../../_images/MNav/MBg.jpg") top left repeat-x; border-left: 1px solid #737373; border-top: 1px solid #cfcfcf; }
a.six:link, a.six:visited, a.six:active { width: 51px; background: transparent url("../../_images/MNav/MBg.jpg") top left repeat-x; border-left: 1px solid #737373; border-top: 1px solid #cfcfcf; }
a.seven:link, a.seven:visited, a.seven:active { width: 175px; background: transparent url("../../_images/MNav/MBg.jpg") top left repeat-x; border-left: 1px solid #737373; border-top: 1px solid #cfcfcf; }
a.eight:link, a.eight:visited, a.eight:active { width: 107px; background: transparent url("../../_images/MNav/MBg.jpg") top left repeat-x; border-left: 1px solid #737373; border-top: 1px solid #cfcfcf; }
*/	

a.one:link, a.one:visited, a.one:active { width: 62px; background: transparent url("../../_images/MNav/MBg.jpg") top left repeat-x; border-top: 1px solid #cfcfcf; }
a.two:link, a.two:visited, a.two:active { width: 60px; background: transparent url("../../_images/MNav/MBg.jpg") top left repeat-x; border-left: 1px solid #737373; border-top: 1px solid #cfcfcf; }
a.three:link, a.three:visited, a.three:active { width: 93px; background: transparent url("../../_images/MNav/MBg.jpg") top left repeat-x; border-left: 1px solid #737373; border-top: 1px solid #cfcfcf; }
a.four:link, a.four:visited, a.four:active { width: 87px; background: transparent url("../../_images/MNav/MBg.jpg") top left repeat-x; border-left: 1px solid #737373; border-top: 1px solid #cfcfcf; }
a.five:link, a.five:visited, a.five:active { width: 95px; background: transparent url("../../_images/MNav/MBg.jpg") top left repeat-x; border-left: 1px solid #737373; border-top: 1px solid #cfcfcf; }
a.six:link, a.six:visited, a.six:active { width: 85px; background: transparent url("../../_images/MNav/MBg.jpg") top left repeat-x; border-left: 1px solid #737373; border-top: 1px solid #cfcfcf; }
a.seven:link, a.seven:visited, a.seven:active { width: 165px; background: transparent url("../../_images/MNav/MBg.jpg") top left repeat-x; border-left: 1px solid #737373; border-top: 1px solid #cfcfcf; }
a.eight:link, a.eight:visited, a.eight:active { width: 95px; background: transparent url("../../_images/MNav/MBg.jpg") top left repeat-x; border-left: 1px solid #737373; border-top: 1px solid #cfcfcf; }

	
a.one:hover { background: transparent url("../../_images/MNav/MBg-over.jpg") top left repeat-x;  border-top: 1px solid #cfcfcf;  }
a.two:hover { background: transparent url("../../_images/MNav/MBg-over.jpg") top left repeat-x;  border-top: 1px solid #cfcfcf;  }	
a.three:hover { background: transparent url("../../_images/MNav/MBg-over.jpg") top left repeat-x;  border-top: 1px solid #cfcfcf;  }	
a.four:hover { background: transparent url("../../_images/MNav/MBg-over.jpg") top left repeat-x;   border-top: 1px solid #cfcfcf; }
a.five:hover { background: transparent url("../../_images/MNav/MBg-over.jpg") top left repeat-x;  border-top: 1px solid #cfcfcf; }
a.six:hover { background: transparent url("../../_images/MNav/MBg-over.jpg") top left repeat-x;  border-top: 1px solid #cfcfcf;  }
a.seven:hover { background: transparent url("../../_images/MNav/MBg-over.jpg") top left repeat-x;  border-top: 1px solid #cfcfcf;  }	
a.eight:hover { background: transparent url("../../_images/MNav/MBg-over.jpg") top left repeat-x;  border-top: 1px solid #cfcfcf;  } 

.baleft {
	background: transparent url(../../_images/blts/bluearrow.gif) no-repeat right 50%;
	padding-right: 20px;
	margin-right: 20px; }

.bamore {
	background: transparent url(../../_images/blts/bluearrow-more.gif) no-repeat right 50%;
	padding-right: 20px;
	margin-right: 20px; }

/* ----- TABLES ----- */


#eventstyle table
	{
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	text-align: left;
	}

#eventstyle thead tr th {
	background-color: #575757;
	padding:  5px 5px;
	color: #fff;
	font-weight: bold;
	border-right: 1px solid #333;
	text-transform: uppercase;
	text-align:center;
	font: normal 12px/18px "Trebuchet MS", Arial,  Verdana, sans-serif;
	}

#eventstyle tr.odd {
			background-color: #EDF7DC;
		}	
				
/* ----- FORMS ----- */
pre {
	border: 1px solid #FFFFFF;
	background-color: #F4F4F4;
	padding: 10px;
	}
fieldset {
	border: 1px solid #FFFFFF;
	background-color: #F4F4F4;
	margin: 5px 0px 5px 0px;
	padding: 10px }


fieldset:hover {
	background-color: #FEF3CB;
	border: 1px solid #FEF3CB; }

input:hover { }

label.sn  {
	margin-right: 30px; }
	
label.sc  {
	margin-right: 34px; }
	
fieldset.flf label {
	float: left;
	width: 75px; }

fieldset.flfm label {
	float: left;
	width: 100px; }
	
legend, label {
	font: normal 12px/18px Arial, "Trebuchet MS", Verdana, sans-serif; 
	margin: 3px 0px 3px 0px;
	padding: 2px  0px 2px 0px;
	color: #666666; }

legend {
	color: #333333; }

form.login {
	margin-top: 10px; }	


/* ----- DEFINITIONS ----- */

.floatl {
	float: left; }
.floatr {
	float: right; }
	
.clearb {
	clear: both; }	
	
.sone {
	margin-right: 2px; }
	
.staffphoto
	{
	float: right;
	padding: 10px;
	margin: 10px;
	border-left: 1px solid;
	border-bottom: 1px solid;
	border-color: #EEEEEE;
	}
	
	.staffphotol
	{
	float: left;
	padding: 10px;
	margin: 10px 10px 10px 0px;
	border-left: 1px solid;
	border-bottom: 1px solid;
	border-color: #EEEEEE;
	clear: both;
	}
	
.exportwidth {
	border: 0px solid #000000;
	width: 550px;
	height: 400px;
	padding: 0px;
	margin: 0px;
}

.scroll {
	overflow: scroll;
}

.auto {
	overflow: auto;
}

.pdf {
	background: transparent url(../../_images/blts/pdf.gif) no-repeat 0 50%;
	padding-left: 20px;
	margin-left: 0px;
	}

.doc {
	background: transparent url(../../_images/blts/doc.jpg) no-repeat 0 50%;
	padding-left: 20px;
	margin-left: 0px;
	}
.quoteperson {
	float: left;
	padding: 5px; 
	margin: 0px 10px 5px 0px;
	border: 1px solid #c4c4c4;
	}

.logininfo {
	background-color: #FBFBFB;
}

.fright {

	float: right; padding: 0px; margin: 0px; }
	
	.fleft {

	float: left; padding: 0px; margin: 0px; }
	
	
.spanText  { 
	font: normal 13px/18px "Trebuchet MS", Arial,  Verdana, sans-serif; 
	color: #666666; }

/* INT MEMBERS */

.intMem { 
	border: 1px dotted #A32638;
	background-color: #FFF;
	padding: 5px; margin: 5px;
	}	
	
.refBoxInfo {
	float: right; 
	width: 180px; 
	padding: 10px; 
	background-color: #FBFBFB; 
	border: 1px solid #E4E4E4; }
	
.refBoxInfo p { 
	font-size: 11px; line-height: 130%;
	font-weight: bold;
	}	
