* {margin: 0; padding: 0;}
body { padding-bottom: 20px; text-align: center; background: #fff url('Images/pbBack.jpg') repeat-y top center; font-family: Trebuchet MS, Sans-Serif; height: 100%;}
h1, h2 {font-family: Georgia, Serif; font-size: 20px; padding: 20px 0px 10px 0px; display: block;}
h3 {font-family: Georgia, Serif; font-size: 15px; padding: 0px 0px 5px 5px; display: block;}
ul {margin: 10px 10px 10px 30px;}
#container {text-align: left; margin: 30px auto 45px auto; width: 730px; height:100%; border: 3px solid black;}		
#header {margin: 0px 0px 10px 0px; background: url('Images/pbHead.jpg') no-repeat top center; height: 270px;}
#content {margin: 20px 20px 0 20px; padding: 20px; float: left; width: 648px;}
#contentFooter {clear: left; width: 648px;}
#ctl00_MainMenu {margin: 0px auto 0px auto;} /* centers the navigation links */

#footer {text-align: center; margin: -25px auto 25px auto; width: 400px; height: 50px; font: 14px Georgia, Serif;}
#footer img {vertical-align: text-top; padding: 2px; float: left; border:0;}

/* styling the navigation links at top of page */
div#headLinks {text-align: center; top: 270px; background: url(Images/tab-grey.jpg) repeat-x center bottom; position: relative; font-family: Georgia, Serif; font-weight: 600; letter-spacing: 1px; padding: 7px 0 8px 0; height: 20px;}
#headLinks a {display: inline-block;}
#headLinks a:link {color: black; text-decoration: none;}
#headLinks a:visited {color: Gray; text-decoration: none;}  
#headLinks a:hover {font-weight: 800; text-decoration: underline; color: Black;}
#headLinks a:active {font-weight: 800; text-decoration: underline;}
#headLinks td {padding: 0px 4px 0px 4px;}

/* styling for contact form */
.contactBlock {border: solid 1px black; padding: 20px; margin-top: 5px;}
input.tbox, textarea.tbox {width: 250px;}
.contactBlock td {padding: 3px;}
select.drop {width: 200px;}
input.butt {width: 60px; height: 25px; text-align: center; padding: 1px 1px 5px 1px; background-color: black; color: white;}

/* agent page */
.agentPics {float:left; padding: 0px 10px 5px 0px; width: 100px; height:150px;}
.agentDiv {width: 95%; margin: 0px 10px 30px 10px; float: left;}
.agentBio {float: left; font-size: 12px; width: 75%;}

/* styling listings form */
.AddForm label {display: block; float: left; width: 150px; padding: 0; margin: 5px 0 0; text-align: right; }
.AddForm input {width:auto; margin:5px 0 0 10px;}
.AddForm br {clear: left;}
#addLinks {margin-left: 150px; padding: 10px;}
#addLinks a {color: Black;}
    
/* styling listings page */
.listing {height: 230px; margin: 20px 15px 20px 15px; width: 95%; text-align: left;}
#listing2 {margin-top: -20px;} 
#listings {margin-top: 25px; padding: 20px 20px 30px 20px; background: #fff url(Images/pbBackTile.jpg) repeat left top; text-align: center;}

/* styling login */
.login {margin: 30px auto 30px auto; background: #fff url(Images/pbBackTile.jpg) repeat left top;}
.login table {border: 2px solid black; padding: 5px;}
.login td {padding: 5px;}
div.login {width: 300px; padding: 20px; border: 2px solid black; }

/* For styling gridviews on the site */
.grid td, 
.grid th {color: #040404; background-color: Transparent; text-align: left; padding: 5px 5px 5px 5px;  letter-spacing: normal;}
table.grid {display: block; float: left; clear: left; margin-bottom: 15px;}
table.grid2 {display: block; float: left; clear: left; margin-bottom: 15px; width: 170px; max-width: 170px;}	    
.grid a, .grid a:visited {color: #040404; text-align: left; text-decoration: underline;}
.gridRow td {padding: 5px; background-color: #ffc869; letter-spacing: normal;}
.gridRow tr {line-height: 20px; max-height: 20px;}
.gridAltRow td {padding: 5px; background-color: white; letter-spacing: normal;}
.selectedRow td {background-color: #ffbb00;}
.gridFoot td {background-color: #660000;}
.divStyle1 {padding: 10px; background-color: #cceeee; border: solid 2px #003399; margin: 15px;}
.style1 {text-decoration: underline; font-weight: bold; color: #006699; font-size: large; padding: 5px;}