/* CSS Document */
/* Joppa Lane Apartments */

/* type and color settings */
html {
font-size:100%;}

body {
margin:0;
padding:0;
background: #fff url(images/bkgrnd.jpg) repeat-x top;
font: 70% "Trebuchet MS", Helvetica, Arial, sans-serif;
font-weight:normal;
text-align:center;
}
h1, h2, h3, h4, h5, h6 {
padding:0;
margin:0;
line-height: 125%;
}

h1 {color:#000; font-size: 140%; font-style:italic; font-weight:normal; }
h2 {color:#000; font-size: 170%; padding-top: 8px; font-weight:bold; }
h3 {color:#000; font-size: 130%; font-style:italic; font-weight:normal; }
h4 {color:#000; font-size: 140%; font-style:bold; font-weight:normal; }
h5 {color:#000; font-size: 90%; font-style:italic; font-weight:normal; text-align:center;}
h6 {color:#000; font-size: 130%; font-style:italic; font-weight:normal; }

a {color: #06f; text-decoration:none;}
a:hover {color: #f60;}
a:visited {color: #039;}

p {
color:#000;
line-height: 120%;
padding-top:0;
margin-top:0;
background-color: none;
font-size:120%;
}

acronym {font-style:italic; }

.tuck {padding-top:0; margin-top:0}
.tuckunder  {padding-bottom:0; margin-bottom:0;}
.center {text-align:center;}

a {outline:none;}

/* basic display framework */
#container {
width: 737px;
border: none;
margin:0 auto;
padding: 0;
background: url(images/bkgrnd-row.jpg) repeat-y top;
text-align:left;
}
#sub1 {
background: url(images/bkgrnd-bottom.jpg) no-repeat bottom;
margin:0;
padding: 0;
}

#sub2 {
background: url(images/bkgrnd-top.jpg) no-repeat top;
margin:0;
padding: 0;
}

#masthead {
padding: 40px 10px 5px 35px;
}
#masthead img {border:none;
margin:0;
}

#content {
margin:10px 370px 0px 15px;
}

#contentw {
margin:10px 35px 0px 15px;
}

#subcontent {
padding: 0px 20px;
}

#map {
width: 628px; 
height: 345px; 
border:1px solid black;
font-size:120%;
padding: 0 0 20px 0;
}

#sidebar {
float: right;
width: 335px;
padding: 5px 35px 0px 10px;
margin: 0;
background-color: none;
}
#sidebar2 {
float: right;
width: 405px;
padding: 5px 35px 0px 10px;
margin: 0;
background-color: none;
}


.border {
border:1px solid black;
margin:0;
}

/* Footer */
#footer {
clear: both;
text-align:right;
}
#footer p {
padding: 0 93px 25px 30px;
margin: 0px;
text-align:right;
}
#footer a {
color: #666;
text-decoration:none;
font-size:10px;
}

/* Lists */
#content ul {
margin:0;
padding:3px 0 0 0;
}
#content li {
list-style-image: url(images/arrow.gif);
margin:0 0 0 10px;
padding:0 0 3px 6px;
font-size:120%;
line-height:130%;
text-indent:-9px;
}
#content a {
color:#00593D;
text-decoration:none;
}
#content a:hover{color:#033022;}
#content li:hover{list-style-image: url(images/arrowred.gif)}


/* navigation box*/
#navcontainer {
margin: 5px 43px 10px 33px;
font-size: 140%;
font-weight: normal;
}
#navcontainer ul {
list-style-type: none;
text-align: center;
position: relative;
padding: 3px;
background: url(images/navback.gif) no-repeat;
margin:0;
}
#navcontainer li {
display: inline;
text-align: center;
margin: 0 6px;
padding: 0;
}
#navcontainer li a {
padding: 0 10px;
color:#bdc;
text-decoration: none;
}
#navcontainer li a:hover {
color: #fff;
}
#active a:link, #active a:visited, #active a:hover {
color: #fff;
font-weight:bold;
}
  
  
/* Form */  

#form {
font-size:110%;
border:0px;
}
.red {color:#F00; font-weight:bold;}


#sentit {text-align:center}


/* navigation box for apts pages*/
#navapts {
margin: 5px 43px 0px 33px;
font-size: 140%;
font-weight: normal;
}
#navapts ul {
list-style-type: none;
text-align: center;
position: relative;
padding: 3px;
background: url(images/navback.gif) no-repeat;
margin:0;
}
#navapts li {
display: inline;
text-align: center;
margin: 0 6px;
padding: 0;
}
#navapts li a {
padding: 0 10px;
color:#bdc;
text-decoration: none;
}
#navapts li a:hover {
color: #fff;
}
#active a:link, #active a:visited, #active a:hover {
color: #fff;
font-weight:bold;
}

#navapts2 {
margin: 1px 43px 10px 33px;
font-size: 140%;
font-weight: normal;
}
#navapts2 ul {
list-style-type: none;
text-align: center;
position: relative;
padding: 3px;
background: #00593D;
margin:0;
}
#navapts2 li {
display: inline;
text-align: center;
margin: 0 6px;
padding: 0;
}
#navapts2 li a {
padding: 0 4px;
color:#bdc;
text-decoration: none;
}
#navapts2 li a:hover {
color: #fff;
}
  

/* Form */  
.red {color:#ff0; font-weight:bold;}

.text {
color:#333;
font-size: 14px;
line-height: 120%;
padding:0 0 10px 0;
margin:0;
word-spacing:-1;
}

.fText {
color:#333;
font-size:12px;
margin:3px;
padding:3px;
background-color:#ddd !important;
border:1px solid #333;
width:334px;
height: 2!px;
}
.fTextHear {
color:#333;
font-size:12px;
margin:3px;
padding:3px;
background-color:#ddd !important;
border:1px solid #333;
width:430px;
height:21px; 
}
.fTextArea {
color:#333;
font-size:12px;
margin:3px;
padding:3px;
background-color:#ddd !important;
border:1px solid #333;
width:430px;
height:80px; 
}
.fText:focus, .fText.sffocus, .fTextHear:focus, .fTextHear.sffocus, .fTextArea:focus, .fTextArea.sffocus {background:#F0EDDB !important;}

#sentit {text-align:center}
