/* ========== */
/* = GLOBAL = */
/* ========== */
body {
  margin: 0;
  padding: 15px 5% 5% 5%;
  font: 75%  verdana, arial, sans-serif, helvetica;
  background-color:#666;
}

p{ font-size: 1em; line-height: 1.4em;}

a {
color: #0067AC;
}

#header {
  margin: 0;
  padding: 0;
/*   background-color: #0067AC;*/
/*  background-image: url(../img/bgColors.png); */
/*  background-repeat: repeat-x; */
/*    background-color: #FFF; */
/*    background-position: 0px -38px; */
  max-width: 855px;

}

#login-button {
 size: 10%;
 padding: 5px;
 margin: 2%;
 background-color: #666;
 text-align:center;
 color:#FFF;
 float:right;
}

#headerimage {
 padding: 0;
 margin: 0 15% 0 0;
/* background-image: url(../img/headerImage.jpg);*/
/* background-repeat: no-repeat;*/
/* background-color: rgb(9,61,95);*/
 /*margin: 15px 5% 0 5%;*/
/* max-width: 848px;*/
/* min-width: 848px;*/
  max-width: 855px;

}

#main {
  max-width: 848px;
  margin: 0 6px 0 6px;
}
#sidebar {
  float: left;
  width: 20%;
  background-color:#0067AC;
}

#sidebar ul {
	list-style-type:none;
	list-style-position:outside;
	color:#FFF;
	font-weight:bold;
	padding: 0 0 0 15px;
}

#sidebar ul li {
	padding: 2px;
	margin: 0;
}

#sidebar a {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	font-size: 90%;
}
#sidebar a:hover {
	color:#76AE99;
	font-weight:bold;
	text-decoration:none;
	font-size: 90%;
}

#sidebar p {
 padding: 5px 5px 0px 5px;
 margin: 0;
}

#sidebar h4 a {
	font-size: 100%;
	color:#76AE99;
}

#sidebar h4 a:hover {
	font-size: 100%;
	color: #FFF;
}

#content {
  margin: 0 0 1em 20%;
  border-left:thin #333 solid;
  padding: 5px;
  max-width: 855px;

}
#content p {
 padding: 5px 5px 0px 5px;
 margin: 0;
}

#contentFull {
  margin: 0 0 0 0;
  background-color:#CCC;
  max-width: 855px;

}

#contentFull form,
#contentFull p {
 padding: 5px 5px 0px 5px;
 margin: 0;
}

#footer {
  clear: both;
  max-width: 858px;
  color:#FFF;
}

#footer-right {
  width: 200px;
  text-align:right;
  color:#FFF;
  float:right;
}

#footer-left {
  margin: 0 220px 0 0;
  text-align: left;
  color:#FFF;
}

#footer a {
  color: #FFF;	
}

#wrapper {
  margin: 0;
  min-width: 848px;
/*  max-width: 848px;*/
  background-color: #FFF;
  border: solid #999 3px;
  /*max-width: 980px;*/
  max-width: 855px;

}
#topspacer {
  margin: 0;
/*  min-width: 848px;*/
/*  background-color:#F90;*/
background-color:#093;
/*  max-width: 848px;*/
  /*max-width: 980px;*/
  height: 10px;
  padding:0;
  max-width: 855px;
}

#middlespacer {
  min-width: 848px;
  background-color: #666;
  /*max-width: 848px;*/
  /*max-width: 980px;*/
  height: 10px;
  padding: 0;
}

/* Headings */
h1 {font-size:115%; font-weight:normal;}
h2 {font-size:115%; font-weight:normal;}
h3 {font-size:125%;}
h4 {font-size:100%;
}
h5 {font-size:90%;}
h6 {font-size:85%;}

h4 {color:#0067AC; border-bottom: solid 1px #666;}
/*
h2 { line-height: 1em; background: url(../img/bgColors.png) repeat-x left -226px; color: #FFF; padding: 0.4em; margin-bottom: 0.4em;}
*/
h1, h2 {
background: url(..//img/bgColors.png) repeat-x left -226px;
color: #FFF;
padding: 0;
margin: 0px;
}

h1 { letter-spacing: 0.1em; text-transform:uppercase;}

h3 { background: url(../../Copy%20of%20naioptriad/img/bgColors.png) repeat-x left -226px; color: #FFF; padding: 0.2em; margin-bottom: 0.2em;}

h4 { padding: 5px 0 0 0; margin: 0;}

hr {border-bottom: rgb(9,61,95) solid 1px;}

#bb, 
#bb div { background: transparent url(../../Copy%20of%20naioptriad/img/cornersSheet.png) no-repeat left top;}
#bb { background-position: left -7px; }
#bb div { background-position: right -7px; }
#bb div div { background: #FFF none; border-bottom:solid 1px #A8A8A8; height: 5px; margin: 0 4px; font-size: 0;}

#mb,
#mb div {padding: 0;}
#mb { background:#FFF none; border: solid #A8A8A8; border-width:0 1px; text-align:left; }

#sidebar h4 {
	padding: 10px 0 0 10px;
	border: none;
	color:#FFF;
}

/* ================ */
/* = INDEX SPLASH = */
/* ================ */

#splash {
	text-align:center;
	background-color:  #0067AC;
	
}

.splash-text{
	font-size:100%;
	font-style:italic;
	color:#FFF;	
	text-align:left;
	background-color: #0067AC;
	padding: 5px 0 5px 15px;
	margin: 0;
}

#index-wrapper {
  margin: 0 0 0 30%;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 70%;
}

#index-sponsors {
  padding: 0;
  margin: 0;
  width: 28%;
  float:right;
 text-align: left;
 clear:both;
}
#index-sponsors h4 {
	border:none;
}

#index-events {
  float: left;
  width: 35%;
 text-align: center;
  padding: 0;
  margin: 0;
}

#index-events h4 {
	border:none;
}

#index-events ul {
	padding: 0 0 0 8px;
}

#index-events ul li{
 text-align: left;
 list-style-type:none;
 padding: 0 0 10px 0;
}

#index-events a {
	color:#000;
	text-decoration:none;	
}

#index-events a:hover {
	text-decoration:underline;
}


#index-sponsors ul {
	padding: 0 0 0 8px;
}

#index-sponsors ul li{
 text-align: left;
 list-style-type:none;
 padding: 0 0 10px 0;
}

#index-sponsors a {
	color:#000;
	text-decoration:none;	
}

#index-sponsors a:hover {
	text-decoration:underline;
}

#index-welcome {
  margin: 0 0 0 35%;
  text-align: center;
  border-right: solid 1px #666;
  border-left: solid 1px #666;
  padding: 0 0 10px 0;
  background-color:#FFF;
}

#index-welcome p {
  text-align: left;
}

.pad-sides {
	padding: 0 10px 0 10px;
	
}


/* ============== */
/* = NAVIGATION = */
/* ============== */
#nav-bottom-left {
	padding: 0;
	margin: 0;
	background-color:#FFF;
	width: 170px;
	float:left;
}

#nav-bottom {
	padding: 0 0 0 0;
    /*margin: 0 0 0 190px;*/
    margin: 0;
	background-color:  #0067AC;
	/*min-width: 760px;*/
	/*max-width: 980px;*/
	line-height: 2em;
	text-align: right;
}

#nav-bottom ul {
	background: url(../../Copy%20of%20naioptriad/img/bgColors.png) repeat-x left -226px;
	color: #FFF;
	margin: 0;
	padding: 0;
}

#nav-bottom li{
	display: inline;
	border-left: 1px solid #FFF;
	padding: 0 7px 0 7px;
}

.first  {
	border-left: none !important; 
}

#nav-bottom li a:link, #nav-bottom li a:visited {
	color:#FFF;
	text-decoration:none;
	font-size: 100%;
}

#nav-bottom li a:hover {
	/*background: url(../img/bgColors.png) repeat-x left -255px;*/
    text-decoration: underline;
}



/* ==================== */
/* = EXPANDED PROFILE = */
/* ==================== */
#expanded {
	padding: 0;
	margin: 0 100px 0 0;
	width:500px;
}

#expanded ul {
	padding: 0;
	margin: 10px;
	list-style-type: none;
}

#expanded-photo {
	padding: 0;
	margin: 10px;
	width: 90px;
	border:solid #000 1px;
	float:right;
}

.expanded-fullname {
	font-weight:bold;
	color:#666;
}
.expanded-title {
	font-weight:bold;
	color:#666;
	font-style:italic;
}

.expanded-company {
	color:#666;
	font-style:italic;
}

.expanded-biography {
	color:#666;
	}


/* ========== */
/* = EVENTS = */
/* ========== */
#events {
	padding: 10px;
	margin: 0;
}

#events ul {
	padding: 0;
	margin: 10px;
	list-style-type: none;
}

#events li {
	padding: 0;
	margin: 20px;
	list-style-type: none;
}

#events h4 {
	border:none;
	margin: 10px 0px 5px 0px;
  	font-family: Arial, Helvetica;
  	font-size: 22px;
   	line-height: 26px;
  	font-weight: normal;
	color:#333;
}

.eventHR {
	width:65%;
	color:#76AE99;
	height: 0.5px;
	border-style:dotted;
}

#event-details {
	margin: 0 370px 0 0;
	padding: 5px;
}

#event-map {
	width:360px;
	float:right;
	padding: 5px;
}


/* ============== */
/* = LOGIN FORM = */
/* ============== */

#loginForm {
	padding: 0;
	margin: 0;
	background: url(../../Copy%20of%20naioptriad/img/bgColors.png) repeat-x left -500px;
	line-height: 2em;
}

#cfLoginForm {
	padding: 0;
	margin: 0;
}

#login ul {
	color: #FFF;
	margin: 0;
	padding: 0.5em;
}

#login li{
	text-align:right;
	padding: 0 0.5em 0 0.5em;
	list-style-type:none;
}

#login li a:link, #login li a:visited {
	color:#FFF;
	text-decoration:underline;
	font-size:85%;
}

#login li a:hover {
	/*background: url(../img/bgColors.png) repeat-x left -255px;*/
    text-decoration: underline;
}


#loginButton {
	text-align:right;
}

#rememberMe {
 	font-size:85%;
}

#loginButton li {
	display: inline;
}
#login h2 {
	border-bottom: #FFF solid 1px;
	padding-bottom: 0.3em;
	padding-top: 0;
}

.submitButton {
	padding: 0.3em;
	color: #FFF;
	border: outset 1px #FFF;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color:#0067AC;
	cursor:pointer;
}

.submitButton:hover {
	padding: 0.3em;
	color: #FFF;
	border: inset 1px #FFF;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color:#76AE99;
	cursor:pointer;

}

.formText {
	border: solid 1px rgb(9,61,95);
	background-color:#FFF;
	padding: 0.3em;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

input:focus, textarea:focus{
	background-color: rgb(255,252,216);
}

#loginbb div,
#loginbb { background: transparent url(../../Copy%20of%20naioptriad/img/cornersSheet.png) no-repeat left top; }
#loginbb { background-position: left -56px; }
#loginbb div { background-position: right -56px; }
#loginbb div div { background: #FFF none; height: 5px; margin: 0 4px; font-size: 0;}
#loginbb div div { background: transparent  url(../../Copy%20of%20naioptriad/img/bgColors.png) repeat-x left -635px;}

#logintb div,
#logintb { background: transparent url(../../Copy%20of%20naioptriad/img/cornersSheet.png) no-repeat left top; }
#logintb { background-position: left -18px; }
#logintb div { background-position: right -18px; }
#logintb div div { background: #FFF none; height: 5px; margin: 0 4px; font-size: 0;}
#logintb div div { background: transparent  url(../../Copy%20of%20naioptriad/img/bgColors.png) repeat-x left -420px;}

/* Quick Link Container Settings */

#qlContainer {
 clear:both;
 min-width:760px;
}


#ql1 {
 width: 200px;
 float: left;
}

#ql2 {
 width: 298px;
 float: right;
 margin: 0 0 0 0;
}

#ql3 {
 width: 250px;
 float: left;
 margin: 0 0.5em 0 0.5em;
}

#ql4 {
 width: 190px;
 float: right;
 margin: 0 0.5em 0 0.5em;
}


#graybb div,
#graybb { background: transparent url(../../Copy%20of%20naioptriad/img/cornersSheet.png) no-repeat left top; }
#graybb { background-position: left -73px; }
#graybb div { background-position: right -73px; }
#graybb div div { background: rgb(242,242,242) none; height: 6px; margin: 0 6px; font-size: 0;}

#graytb div,
#graytb { background: transparent url(../../Copy%20of%20naioptriad/img/cornersSheet.png) no-repeat left top; }
#graytb { background-position: left -64px; }
#graytb div { background-position: right -64px; }
#graytb div div { background: rgb(242,242,242) none; height: 6px; margin: 0 6px; font-size: 0;}

#graymd {background: rgb(242,242,242);}
#graymd h4,
#graymd ul {
margin:0;
padding: 0 0.5em 0.5em 0.5em;
}
#graymd li {
list-style-type:none;
}

#qlContainer a, #qlContainer a:hover {
  color: #666;
  line-height: 1.4em;
}


.qsContainer {
  min-width: 610px;
}

#quickSearch h4 {
 margin: 0.3em;
 text-decoration:underline;

}

#searchCol1 {
	float: left;
	width: 375px;
}

#searchCol2 {
	margin: 0 0 0 380px;
}





#pType {
	width: 375px;
	float: left;
	margin: 0 5px 0 5px;

}

.ptypes         {width: 100%;  margin: 1em 0; padding: 0; counter-reset: ol;}
.ptypes      li {float: left;  margin: 0;     padding: 0; list-style-type: none;
              width: 18em;  margin-left: 5px;}
.ptypes.two  li {width: 47.5%; margin-left: 0px;}

#lMethod {
	width: 150px;
	float: left;
	margin: 0 5px 0 5px;

}

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

#lMethod li{
 list-style-type:none;
}

#keywords {
	margin: 0 5px 0 5px;
	}

#county {
	margin: 0 5px 0 5px;
}

#searchButton {
	float: right;
	margin: 0 5px 0 5px;
}


#clearRow {
	clear:both;
}


.indexIntro { background-color: rgb(242,242,242);}


#twoColumn ul li {
	display:inline;
	padding: 0 0.5em 0 0.5em;
	list-style-type:none;
}

.formTextOnly {border:0px; border-color:#FFF; background-color:#FFF;}


#brokerCardCenter {
	margin: 0 210px 0 120px;
}
#brokerCardRight {
float: right;
width: 200px;
}
#brokerCardLeft {
float: left;
width: 110px;
min-height: 100px;
margin: 0 8px 0 8px;
}
#clearRowLine {
 clear:both;
 border-top: 1px solid rgb(242,242,242);
}




/* ============== */
/* = PAGINATION = */
/* ============== */


#pagination {
text-align:right;
float:right;
width:220px;
}

#viewingRecords {
margin: 0 255px 0 0;
}

#backBtn {
display: block;
height: 20px;
width: 20px;
background: url(../../Copy%20of%20naioptriad/img/iconSheet.gif) no-repeat left -105px;
}

#backBtnOff {
display: block;
height: 20px;
width: 20px;
background: url(../../Copy%20of%20naioptriad/img/iconSheet.gif) no-repeat left -126px;
cursor: default;
}

#backBtn:hover {
background: url(../../Copy%20of%20naioptriad/img/iconSheet.gif) no-repeat left -147px;
}

#nextBtn {
display: block;
height: 20px;
width: 20px;
background: url(../../Copy%20of%20naioptriad/img/iconSheet.gif) no-repeat left -5px;
}

#nextBtnOff {
display: block;
height: 20px;
width: 20px;
background: url(../../Copy%20of%20naioptriad/img/iconSheet.gif) no-repeat left -26px;
cursor: default;
}

#nextBtn:hover {
background: url(../../Copy%20of%20naioptriad/img/iconSheet.gif) no-repeat left -47px;
}

#lastBtn {
display: block;
height: 20px;
width: 20px;
background: url(../../Copy%20of%20naioptriad/img/iconSheet.gif) no-repeat left -205px;
}

#lastBtnOff {
display: block;
height: 20px;
width: 20px;
background: url(../../Copy%20of%20naioptriad/img/iconSheet.gif) no-repeat left -226px;
cursor: default;
}

#lastBtn:hover {
background: url(../../Copy%20of%20naioptriad/img/iconSheet.gif) no-repeat left -247px;
}

#firstBtn {
display: block;
height: 20px;
width: 20px;
background: url(../../Copy%20of%20naioptriad/img/iconSheet.gif) no-repeat left -305px;
}

#firstBtnOff {
display: block;
height: 20px;
width: 20px;
background: url(../../Copy%20of%20naioptriad/img/iconSheet.gif) no-repeat left -326px;
cursor: default;
}

#firstBtn:hover {
background: url(../../Copy%20of%20naioptriad/img/iconSheet.gif) no-repeat left -347px;
}


#pageBtn {
border: rgb(242,242,242) 1px solid;
text-align:center;
padding: 0 2px 0 2px;
text-decoration:none;
}

#pageBtn:link, #pageBtn:active, #pageBtn:visited
{
color:#000;
font-size: 90%;
}
 
#pageBtn:hover {
text-decoration:underline;
}

#pageBtnOff {
border: rgb(242,242,242) 1px solid;
text-align:center;
padding: 0 2px 0 2px;
text-decoration:none;
cursor: default;
color: #000;
font-size: 90%;
font-weight:bold;
}
#pageBtnOff:hover {
color: #000;
text-decoration:none;
cursor: default;
font-size: 90%;
font-weight:bold;
}


#backPage,
#nextPage,
#pageNumbers,
#firstPage,
#lastPage {
float:right;
margin: 2px;
}

/*===================*/
/*= Featured Broker =*/
/*===================*/

#featuredBrokerPhoto {
width: 80px;
float:left;
text-align:center;
}

#featuredBrokerContent {
margin: 0 0 0 90px;
}



/*===================*/
/*= Maximize Button =*/
/*===================*/

#maxBtn {
display: block;
float:right;
height: 20px;
width: 20px;
background: url(../../Copy%20of%20naioptriad/img/iconSheet.gif) no-repeat left -615px;
}

#maxBtnOff {
display: block;
float:right;
height: 20px;
width: 20px;
background: url(../../Copy%20of%20naioptriad/img/iconSheet.gif) no-repeat left -636px;
cursor: default;
}

#maxBtn:hover {
background: url(../../Copy%20of%20naioptriad/img/iconSheet.gif) no-repeat left -657px;
}



/* ================= */
/* = Property View = */
/* ================= */

#propertyLocation {
margin: 0 0 0 285px;
}
#propertyImages {
float: left;
width: 270px;
}

#secondaryImages ul {
padding: 0;
}

#secondaryImages li {
display:inline;
}

#propertyAvailability {
margin: 0 0 0 285px;
}

#propertyPricing {
float:left;
widows: 270px;
}

#propertyInvestmentInfo {
margin: 0 0 0 285px;
}

#propertyListingInfo {
float:left;
widows: 270px;
}

#statusIndicate {
float: right;
color: #FFFF00;
width: 98px;
}

#propertyHeader {
margin: 0 100px 0 0;
}

#photoGallery ul {
border: solid #A8A8A8 1px;
padding: 0.5em;
margin: 0;
}

#photoGallery li {
display:inline;
}

.nowViewingImage {
border: solid #000 2px;
}


/*===================*/
/*= Searching FORM  =*/
/*===================*/

#msLMethod {
display:inline;
}

#msPTypes {
display:inline;
}

#msColumn1 {
margin: 0 320px 1em 0;
}

#msColumn2 {
float: right;
width: 310px;
}

#msColumn1a {
float: left;
width: 250px;
}

#msColumn1b {
margin: 0 0 1em 260px;
}

#msAvailability ul {
padding: 0.5em;
list-style:none;
}

#dateField {
clear:both;
}

#dateField ul {
padding: 0;
list-style:none;
}

#dateField ul li {
display:inline;
float:left;
}

.msUnderline {
padding-top: 1em;
text-decoration:underline;
}

#msLandColumn1 {
margin: 0 195px 0 0;
}

#msLandColumn2 {
float: right;
width: 185px;
}s

#msPropertyColumn1 {
margin: 0 165px 0 0;
}

#msPropertyColumn2 {
float: right;
width: 160px;
}

#msPropertyColumn2 ul,
#msPropertyColumn1 ul,
#msLandColumn2 ul,
#msLandColumn1 ul {
padding: 0.5em;
list-style:none;
}