/* 

   --------------------------------------------------------------------------
                                                                             
    J.O. Nelson Surveying Site 1.0                                       
    Gecko Based Browser Style Definitions                                   
                                                                             
   --------------------------------------------------------------------------
                                                                             
    Release Date - November 2006                                               
    Author - Rob Arnhart - rob@arnhart.com                                  
    Design and graphics created by Rob Arnhart.                                   
    All Rights Reserved.
                                                                             
   --------------------------------------------------------------------------
                                                                             
    **IMPORTANT**                                                                                                           
                                                                             
    This design is not a template. You may not reproduce it elsewhere        
    without the designer's written permission.                               
                                                                            
    All associated graphics belong to J.O. Nelson Surveyign, 
	who is the copyright holder.  
                                                                             
    You may not use - .jpg, .gif, .png, or .swf files from this web site.    
                                                                             
   --------------------------------------------------------------------------    

*/

/*

   ---------------
   CSS Begins Here 
   --------------- 


   ID's Defined 
   ------------

*/
 

body {
 margin: 20px;
 background: #FFFFFF;
 margin: 0;
 position: relative;
 padding: 0;
 top: 10px;
 }

#hot-list-head {
	height: 30px;
	
}

#load-post-head {
	height: 30px;
#	background-image: url(img/load_post.png);
	background-image: url(northarror.jpg);

	background-repeat: no-repeat;
	
}


#hot-list-bid {
	height: 300px;
}

#hot-list-flat {
	height: 300px;
}

#load-post-cont {
 	margin-left: 50px;
}

#outer {
 text-align: left;
 width: 800px;
 margin: auto;
 }

#hdr {
 height: 196px;
 width: 800px;
# background-image: url(img/head.png);
	background-image: url(northarror.jpg);
 }

#bar {
# background-image: url(img/body_bkg.png);
	background-image: url(public_html/northarror.jpg);
 }

#left_bar {
 height: 25px;
 width: 165px;
 float: left;
 }

#right_bar {
 height: 25px;
 text-align: center;
 }

#bodyblock {
 position: relative;
 width: 800px;
 padding: 0;
# background-image: url(img/body_bkg.png);
	background-image: url(northarror.jpg);
	
 }

#l-col {
 float: left;
 width: 160px;
 height: 10px;
 text-align: right;;
 }

#cont {
 width: 635px;

 text-align: left;
 border:solid #000000;	
 border-width:0 0 0 1px;
 margin-left: 30px;
 }

#ftr {
 height: 100px;
 background-image: url(img/footer.png);
 margin: 0;
 }
 
/* you guessed right again! */
.ftr-text {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: center;
} 
 
#container {
 margin-left: 10px;
 margin-right: 45px;
 }
 
 #formlinks {
 margin-top: 5px;
 }

.form {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 }
 
.form label { 
 display: block;  /* block float the labels to left column, set a width */
 float: left; 
 width: 130px; 
 padding: 0px; 
 margin: 7px 0 0; /* set top margin same as form input - textarea etc. elements */
 text-align: right; 
 vertical-align: text-bottom;
}


.form input, .form textarea, .form select {
                      /* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
 /*width: 75px;         /* set width of form elements to auto-size, otherwise watch for wrap on resize */
 margin:5px 0 0 10px; /* set margin on left of form elements rather than right of */
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;    
 color: #0066FF;      /*label aligns textarea better in IE */
}

.form br {
 clear: left;
 }


.loginform {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 }

.loginform label { 
 display: block;  /* block float the labels to left column, set a width */
 float: left; 
 width: 75px; 
 padding: 0px; 
 margin: 7px 0 0; /* set top margin same as form input - textarea etc. elements */
 text-align: right; 
 vertical-align: text-bottom;
}

.loginform input, .loginform textarea, .loginform select {
                      /* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
 /*width: 75px;         /* set width of form elements to auto-size, otherwise watch for wrap on resize */
 margin:5px 0 0 10px; /* set margin on left of form elements rather than right of */
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;    
 color: #0066FF;      /*label aligns textarea better in IE */
}

.loginform br {
 clear: left;
 }

#footinfo {
 position: relative;
 margin: 0;
 text-align: center;
 width: 800px;
 background-color: #FFFFFF;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #666666;
 }

#loginbox {

 width: 275px;
 height: 10px;
 float: right;
 text-align: left;
 margin-top: 25px;
 margin-right: 15px;
 }
 
 #login2 {
 float: right;
 width: 200px;
 height: 10px;
 float: right;
 text-align: left;
 margin-top: 30px;
 margin-right: 30px;
 }
 
 #logleft {
 float: left;
 width: 175px;
}

#logright {
 float: right;
 width: 150px;
 }
 
 /* classes define */
 
 .p-copytext {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-align: left;
  }
  

.style1 {font-size: 16px}

  
   .p-formtext {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: right;
  }
 
  
.load-post-left {
 width: 25px;
 height: 200px;
 float: left;
}
 
.load-post-right {
 height: 400px;
}

.form-top {
 background-image: url(img/form_top.png);
 background-repeat: no-repeat;
}
  
.form-body {
 background-image: url(img/form_body.png);
 background-repeat: repeat-y;
}
  
.form-bottom {
 background-image: url(img/form_bottom.png);
 background-repeat: no-repeat;
}
  /*

	Hyperlinks Defined
	------------------
	
*/

/* hyperlink definition */
a:link, a:visited {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
	color: #666666;
	text-decoration: none;
	target: blank;
}

/* hyperlink definition */
a:hover {
	color: #0066FF;
	text-decoration: underline;
	target: blank;
}

/*.p-formtext a:link, a:visited {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
	color: #666666;
	text-decoration: none;
	target: blank;
}

/* hyperlink definition */
/*.p-formtext a:hover {
	color: #0066FF;
	text-decoration: underline;
	target: blank;
}
*/


.cssnav	{
						position:relative;
						font-family: arial, helvetica, sans-serif;
						background-image:  url(overbtn.jpg);
						background-repeat: no-repeat;
						white-space: nowrap;
						display: block;
						width: 120px;
						height: 44px;
						margin: 0; 
						padding: 0; 
			}
			.cssnav a {
						display: block;
						color: #000000;
						font-size: 11px;
						width: 120px;
						height: 44px;
						display: block;
						float: left;
						color: black; 
						text-decoration: none;
			}

			.cssnav img {width: 120px; height: 44px; border: 0; }
			* html a:hover {visibility:visible}
			.cssnav a:hover img{visibility:hidden}

			.cssnav span {
						position: absolute;
						left: -25px;
						top: 15px;
						margin: 0px;
						padding: 0px;
						cursor: pointer;
						width: 149px;
						height: 14px;
						text-align: center;
			}