/*
The same as style200.css, Fourwood
But for use in the home folder
*/

html{ 
	scrollbar-base-color:	#403e82;
}

body {
  background-color: #403e82;
  color: #403e82;
  text-align: center;
  vertical-align: middle;
  padding: 4px;
}

body {
	background-color:  #ffffff;
	background-image: url(images/bg.gif);
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	margin: 0;
}

H1 { 
	font-size: 15px; 
	font-family: Arial, Helvetica, Verdana sans-serif; 
	text-align: center;  
	margin: 3px;
}

H2 { 
	font-size: 18px; 
	font-family: Arial, Helvetica, Verdana sans-serif; 
	text-align: center; 
	margin: 7px; 
}

H3 {
	color: #fff;
	background: #403e82;
	text-align:center;
}


H4 {
	color: #fff;
	background: #cbcbcb;
	text-align:center;
	border:1px solid blue;
}

HR {
	height: 6px;
	color: #403e82;
	border: 2px solid #eee;
}

P { 
	font-family: Arial, Helvetica, Verdana sans-serif;  
	font-weight: normal;
	color: #004080; 
	margin-top: 1em;
}         

A:link { 
	color: #2a4bff;
	}

A:visited { 
	color: #2a4b80; 
	}
	
img { margin: 8px}

.bg { 
	background-color: #eee;
	width:60%;	 
	padding : 20px;
	border:1px groove #403e82;
	}	

	
.listtable {
	width:535px;
}
	
div.navigation {
	float: center;
	text-align: center;
	background: #fffdfd;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	padding: 5px 15px 5px 5px;
	border: 2px solid #dedede;
}

div.navigation a:link, div.navigation a:visited {
	color: #3c0088;
	text-decoration: none;
	font-weight: normal;
	border: 2px solid #e0dfe4;
	padding: 5px 5px 5px 5px;
	background: #daf6ff;	
}
		
div.navigation a:hover {
	color: #0000FF;
	text-decoration: none;
	font-weight: normal;
	background-color: #F3FAF1;
	border: 2px solid #004080;
}

div.listprice {
	color: #003060;
	font-size: 90%;
}
		
div.listtitle {
	color: #004080;
	padding: 0px 0px 0px 0px;	
}		
		
div.listtitle a:link, div.listtitle a:visited {
	color: #004080;
	padding: 0px 0px 0px 0px;	
	font-weight: extra-bold;			
}	

div.piclinks	{
	padding-top: 10px;
	padding-right: 10px;		
}

div.piclinks a:link, div.piclinks a:visited, 	 {
	border: 3px solid #468fb7;		
}
	
div.piclinks a:hover	{
	border: 3px solid #004080;		
}
		
div.piclinks a:active	{
	border: 3px solid #002040;		
}
		
#narrowcol {
	width: 300px;	
}


.holder {
	width : 760px;
  margin-right : auto;
  margin-left : auto;
  margin-top : 0px;
  border : 3px groove #000000;
  background-color :#fff;
  padding : 0px;
  text-align : left;
}

.header{
	background : #403e82 url("foursale/images/200_header.jpg");
	height:100px;
}

.content {
	padding: 0 16px 0 16px;
  background-color : #fff;
  /*text-align : left;*/
}

.navbox {
  float:left;
  width:150px;
background: #eee;
  border:1px groove #00c;
  margin:32px 16px 8px 0;
	padding: 4px;
}

.toppic {
  float:right;
  margin:0px 32px 8px 0;
}

.footer {
	width: 100%;
	height: 12px;
	padding: 15px 0px;
	background-color: #ffffff; 
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small; 
	text-align: center;
}


a:link, a:visited {
	text-decoration: none;
}

/* create a button look for links */
.navbox a:link, .navbox a:visited {
	background-color: SlateGray;
	border: solid 1px;
	border-color: #99f #039 #039 #99f;
	color: white;
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 3px;
	line-height: 1.5;
	display: block;
}
/*
a:hover {
	background-color: #403e82;
	background-color: lightblue;
	border: 1px dotted blue;
	color: #fff;
	text-decoration: none;
}
*/

/* applies to links on buttons, and also links in text */ 
a:active, a:focus {
	border: solid 1px;
	border-color: #039 #99f #99f #039;
	letter-spacing: normal;
}

.sampleprop {
	height:100%;
	float: right;
	width: 200px;
	width: 213px;
	background: #dedede;
	border: 2px groove #403e82;
	margin-left :16px;
	padding: 16px;
}

.floatright {
float : right; 
margin: 0px; 
} 

.zshadow {
/*background : url(/images/shadow.gif) repeat 100% 100%;*/ 
padding : 0; 
/*position : relative;*/ 
margin : 8px; 
/*width : 120px;*/ 
border:1px solid #8060f2;
} 

.showlist {
	margin : 8px 0px 8px 30px;
	padding: 16px;
  background-color : #eee;
  text-align : left;
	border: 1px dotted #ddd;
}

.desc {
	text-align: left;
	font-size: 92%;
	padding-bottom:16px;
}


div.shadow {
	margin-top:8px;
	float: left;
  padding: 0 1px;
  background: #fff;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  position: relative;
}

div.shadow img {
  padding: 5px 5px 9px 5px;
	margin: 0;	
  background: #fffbec url(images/shad_bottom.png) repeat-x bottom left;
}

div.shadow div.topleft {
  width: 2px;
  height: 4px;
  background: url(images/shad_tlcorner.png) no-repeat top left;
  position: absolute;
  top: 0px;
  left: -1px;
}

div.shadow div.topright {
  width: 2px;
  height: 4px;
  background: url(images/shad_trcorner.png) no-repeat top right;
  position: absolute;
  top: 0px;
  right: -1px;
}

div.shadow div.bottomleft {
  width: 4px;
  height: 4px;
  background: url(images/shad_blcorner.png) no-repeat bottom left;
  position: absolute;
  bottom: 0px;
  left: -1px;
}

div.shadow div.bottomright {
  width: 4px;
  height: 4px;
  background: url(images/shad_brcorner.png) no-repeat bottom right;
  position: absolute;
  bottom: 0px;
  right: -1px;
}

.footermenu {
	line-height: 240%
}

.footermenu a {
	white-space: nowrap
}

.footertext {
	margin: 24px 8px 8px 8px;
	border:1px dotted #555;
	padding: 16px;
	background: #ccc;
	color: #555;
	font-site: 87%;
	font-weight: 100;
}