/* CSS Document */

html, body { background-color: #000000;  color:#000000; text-align: center; margin: 2em 0 0 0; vertical-align: middle;font-size: 12pt;font-family: Palatino Linotype, Times Arial;  height:100%}  
#container { width: 760px; text-align: left; margin: 0 auto; padding-top:0; height:100%;} 

#box {background-color:#FFF; border-bottom-style:none; border-top-style:none; border-left-color:#996633;
	border-left-style: solid; border-left-width: 5px; border-right-color:#996633; border-right-style: solid;
	border-right-width: 5px; width:745px;}

#nav { height: 50px; width:745px; margin-left: -5px; margin-top:0px; margin-right:-5px; background-color:#996633; font-size:95%; font-weight:bold; line-height:normal; position: inherit; vertical-align:bottom;padding-bottom:0px; }

ul#nav { margin:0; padding:0; list-style:none; height: 50px; }
#nav li {float:left; margin:0; padding:0; list-style-type:none; height: 50px; vertical-align:bottom  }	
#nav a {display:block; text-decoration: none;color:#000000; padding-right:6px; padding-right:5px; vertical-align:middle;height: 50px;text-indent : -9999px;   }
#nav a:hover {background-color:#FFFFFF }

li#nav_1 {background :url(images/home.gif) no-repeat 0 0; width:100px;}
li#nav_2 {background :url(images/profile.gif) no-repeat 0 0;width:100px;}
li#nav_3 {background :url(images/communities.gif) no-repeat 0 0;width:120px; }
li#nav_4 {background :url(images/designs.gif) no-repeat 0 0;width:100px;}
li#nav_5 {background :url(images/forsale.gif) no-repeat 0 0;width:110px;}
li#nav_6 {background :url(images/gallery.gif) no-repeat 0 0;width:100px; }
li#nav_7 {background :url(images/contact.gif) no-repeat 0 0; width:115px;}

li#nav_1 a:hover { background : url(images/home-w.gif) no-repeat 0 0; text-indent : -9999px; }
li#nav_2 a:hover { background : url(images/profile-w.gif) no-repeat 0 0; text-indent : -9999px; }
li#nav_3 a:hover { background : url(images/communities-w.gif) no-repeat 0 0; text-indent : -9999px; }
li#nav_4 a:hover { background : url(images/designs-w.gif) no-repeat 0 0; text-indent : -9999px; }
li#nav_5 a:hover { background : url(images/forsale-w.gif) no-repeat 0 0; text-indent : -9999px; }
li#nav_6 a:hover { background : url(images/gallery-w.gif) no-repeat 0 0; text-indent : -9999px; }
li#nav_7 a:hover { background : url(images/contact-w.gif) no-repeat 0 0; text-indent : -9999px; }
	
div#footer {background-color:#996633; width:745px; text-align:center; vertical-align:bottom; position:inherit;clear: both; height:10%;}
div#footer a{text-decoration:none;	color:#FFF;}
div#copy {font-size:10pt; font-style:italic; text-align:center; vertical-align:top}

img#header {background-color:#000000}
img#home {width:290px; border-color:#000; border-style:solid; border-width:10px; margin-top:75px;}

.homeheader {font-weight:bold; font-size:16pt; text-align:center;margin-top: 25px;width:90%;}
.homecontent {margin-top: 25px; text-align:left; margin-left:5px;margin-right:10px; width:340px; 
float:right;margin-bottom:10px; height:90%; min-height:90%;}

/* min height hack for IE */
* html .bodycontent {
 height: 400px;
}
.bodycontent {padding:20px; text-align:center; height:90%;min-height:400px;}
.bodyheader {margin-left:40px; font-weight:bold; font-size:16pt;}

div.leftbanner {margin-left:20px; width:310px; float:left; background-color:#999999; font-weight:bold; 
font-size:18pt; margin-bottom:10px; height:60px; vertical-align:middle}
div.rightbanner {margin-right:20px; width:310px; float:right; background-color:#999999; font-weight:bold; 
font-size:18pt; margin-bottom:10px; height:60px;}

div.leftcol {margin-left:20px; margin-right:0px; margin-top:5px; width:290px; float:left; text-align:center; 
font-weight:bold; margin-bottom:30px; }
div.rightcol {margin-right:20px; margin-left:0px;  margin-top:5px; width:290px; float:right;text-align:center; 
font-weight:bold;margin-bottom:30px;}