/* screen styles */

/* ----- DEFAULTS ----- */

div, p, ol, li, tr, th, td, dt, dd, blockquote, 
h1, h2, h3, h4, h5, h6, legend, input, textarea, select, option {
  font-family : Verdana, Helvetica, Arial, sans-serif;
  font-size   : 12px;
  font-weight : normal;
  font-style  : normal;
  color       : #0000cd; 
  background  : transparent;
}

div, p, ul, ol, li, tr, th, td, dl, dt, dd, blockquote, 
h1, h2, h3, h4, h5, h6, legend, form {
  border      : 0;
  padding     : 0;
  margin      : 0;
  text-align  : left;
  line-height : 18px;
}

select, input, textarea {
  padding    : 2px;
  background : #99ccff;
}

img {
  border  : 0;
  padding : 0;
  margin  : 0;
}


/* ----- TEXT ----- */

a, a:link, a:visited {
  padding         : 0 3px;
  color           : #ff0000; 
  text-decoration : none;
}

a:hover, a:active, a.selected {
  text-decoration : none;
}

p {
  margin : 0 0 10px 0;
}

h1 {
  padding     : 0;
  margin      : 0 0 10px 0;
  line-height : 26px;
  font-size   : 23px;
  color       : #0000cd; 
}

h2 {
  padding     : 0;
  margin      : 0 0 10px 0;
  line-height : 22px;
  font-size   : 18px;
  font-weight : normal;
  color       : #0000cd; 
}

h3 {
  padding     : 0;
  margin      : 0 0 10px 0;
  font-size   : 13px;
  font-weight : bold;
  color       : #0000cd;
}

h4 {
  padding     : 0;
  margin      : 0 0 10px 0;
  font-size   : 13px;
  font-weight : bold;
  color       : #0000cd; 
}

ul {
  padding : 0;
  margin  : 0;
}

ul.clean {
  margin     : 0;
  list-style : none;
}

ol {
  padding : 0;
  margin  : 0 0 10px 30px;
}

li {
  padding : 0;
  margin  : 0;
}

.clear_both {
  clear : both;
}


/* ----- PAGE SECTIONS ----- */

body {
  padding    : 0;
  margin     : 0 auto;
  width      : 1000px;
  text-align : center;
  background : #FFF;
}

#shell {
  padding    : 10px;
  margin     : 0;
  width      : 980px;
  text-align : left;
}

#header {
  padding    : 0;
  margin     : 0;
  height     : 130px;
}

#header_text {
	float: left;
}

#header_pics {
	float: right;
}

#header_pics td {
	text-align: center;
	padding-left:10px;
	padding-right: 10px;
}

#header_text h1, h2, h3, h4, h5 {
	text-align: center;
}

#navi_primary {
  clear      : both;
  float      : left;
  padding    : 0;
  margin     : 0;
  width      : 170px; /* was 200px*/
}
  
#map_left {
  position: relative;
  top: 600px;
  text-align: center;
}

#sale_left {
  position: relative;
  top: 140px;
  text-align: center;
}

#content {
  float      : left;
  margin     : 0 25px 5px 25px;
  width      : 580px;
}

#sidebar {
  float      : right;
  padding    : 0;
  margin     : 0;
  width      : 170px; /* was 180px */
}

#map_right {
  position: relative;
  top: 515px;
  text-align: center;
  color: #0000cd;
}

#sale_right {
  position: relative;
  top: 55px;
  text-align: center;
  color: #0000cd;
}

#footer {
  clear      : both; /* prevents float issue when content is short */
  padding    : 0;
  margin     : 0;
  height     : 10px;
  background : #ffffff;
}

/* ----- START SECTION DETAILS ----- */
/* ----- NAVI PRIMARY ----- */

#navi_primary {
  list-style : none;
}

#navi_primary li {
  padding     : 0;
  margin      : 0;
  width       : 170px;
  line-height : 21px;
  list-style  : none;
  border-bottom   : 1px #ff0000 solid;
}

#navi_primary a {
  display     : block;
  padding     : 0 0 0 10px;
  margin      : 0 0 0px 0;
  width       : 160px;
}

#navi_primary  a, 
#navi_primary  a:link, 
#navi_primary  a:visited {
  border-bottom: none;
  font-size       : 12px;
  background      : #ffffff;
  color           : #ff0000;
  text-decoration : none;
}

#navi_primary  a:hover,  
#navi_primary  a:active {
  border-bottom   : none;
  color           : #ff0000; 
  background      : #d3d3d3;
  text-decoration : none;
}

/* ---- MAP LEFT --*/
#map_left p {
	text-indent: -10px;
	padding-left: 15px;
}

/* ---- SALE LEFT --*/
#map_left p {
	text-indent: -10px;
	padding-left: 15px;
}

/* --- CONTENT ---- */
#content td,
#content td h1,
#content h1 {
	text-align: center;
}

#content li {
	list-style:square inside;
	padding-left: 10px;
}

.gallery {
	width: 250px;
	padding: 10px;
}

.sale {
	width: 250px;
	padding: 10px;
}

#sale td {
	text-align: left;
}

/* ----- SIDEBAR ----- */

#sidebar {
  list-style : none;
}

#sidebar p {
	text-align: center;
	color           : #ff0000;
}

#sidebar li {
  padding     : 0;
  margin      : 0;
  width       : 170px;
  line-height : 21px;
  list-style  : none;
  text-align: center;
}

#sidebar a {
  display     : block;
  padding     : 0 5px 0 0;
  margin      : 0 0 1px 0;
  width       : 170px;
  text-align: center
}

#sidebar  a, 
#sidebar  a:link, 
#sidebar  a:visited,
#sidebar  a:active {
  border-bottom: none;
  font-size       : 12px;
  background      : #ffffff;
  color           : #ff0000;
  text-decoration: underline;
}

#sidebar  a:hover {
  border-bottom   : none;
  color           : #ff0000; 
  background      : #d3d3d3;
}

/* ---- MAP RIGHT --*/
#map_right p {
	text-indent: -10px;
	padding-right: 5px;
	padding-left: 10px;
	text-align: left;
	color: #0000cd;
}

/* ---- SALE RIGHT --*/
#map_right p {
	text-indent: -10px;
	padding-right: 5px;
	padding-left: 10px;
	text-align: left;
	color: #0000cd;
}

/* ---- FOOTER --*/
#footer table {
	width: 100%;
}

#footer th {
	text-align: center;
}

#footer td {
	text-align: center;
}

/* -- END SECTION DETAILS -- */


