/* This reduces default size from 16px to 13px.
   All font-sizes after here are in ems and made to whole pixel sizes.
*/


BODY {
   font-size:62.5%;

   }

body,
html {
    margin:0;
    padding:0;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#000;
    }

html {
height: 100%;
margin-bottom: 1px;
}



body {
    width:760px;
    padding: 0 5px 0 5px;
    background-color: #c00;
    background: url('../images/new_sal_logo.jpg') repeat fixed top left;    
    margin:5px auto;
    }

#maincontent {
    width: 100%;
    overflow: hidden;
}

H1 {font-size:1.8em;}  /* displayed at 24px */
H2 {font-size:1.4em;}  /* displayed at 18px */
H3 {font-size:1.25em;}  /* displayed at 15px */
H4 {font-size:1em;}  /* displayed at 12px */





a:link, a:visited{  text-decoration:none; color: #c00; }
a:hover { text-decoration:underline ;color: #f00; }
a:active {text-decoration:underline; color: f00;}






#wrap{
    background:#ffc;
    /*background: url('/images/sfmt_layout_wrap_bkgd.jpg') repeat-y left top; */
    margin:10px auto 10px 15opx;
    width:760px;
    overflow: hidden; /* triggering haslayout? */
    }

#header {
    padding: 10px 0px 10px 0px;
    margin: 0 0 5px 0;
    width:760px;
    height:240px;
    clear:both;
    }
#nav {
    padding:0 10px 0 10px;
    width:auto;
    float:right;
    /*border-bottom: 2px solid black;*/
    margin:0px 15px 0px 0px;
   }

#footer {
   text-align:center;

   }




#leftcolumn {
    font-size:1.2em;
    float:left;
    clear:left;
    margin-left:15px;
    width:470px;
    padding:0;
    }
#rightcolumn {
    font-size:1.2em;
    float:right;
    width:225px;
    margin-right:16px;
    padding:5px 5px 5px 0;
    }

#fullcolumn {
    font-size:1.2em;
    margin-left:15px;
    margin-right:16px;
    width:695px;
    padding:0;
    }

#footer {
    padding: 0px 0px 10px 0px;
    margin:0px auto 10px auto;
    width:760px;
    /*background: url('/images/sfmt_layout_bottom.jpg') no-repeat left bottom; */
    clear:both;
    }

#nav ul {
   float: right;
   border-bottom: 1px solid #c00;
   width: auto;
   padding: 0;
}
#nav li{
    display:inline;
    width:auto;
    margin:0px auto 0px auto;
    }


#nav, #nav a {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1.2em;
	left: .5em;
	padding: 5px 3px 0 5px;
	color:#000;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;


}

#nav a:hover { 
	color:#f00;
}


#nav li ul{display: none;}

#nav li:hover ul {
    visibility: visible; display: inline; float:left;
    width:auto;
   padding: 0px; margin: 0px; 
   color: #AAA; background: #fff; border: 1px solid #c00;
   font: 10px Verdana, sans-serif; text-align: center;

   }

#nav li  ul li{
    display:block;
    text-align:left;
    width:auto;
    margin:0px auto 0px auto;
    }

.headerlogo {
  margin-left: 15px;
  display:inline;
  float:left;
}

#header form {
float:right;
text-align:right;
width:570px;
height:70px;
margin-bottom: 25px;
margin-right:  20px; 
margin-top:  10px; 
}


#rightcolumn
{
	background-color: #FC9;
	padding: 0px;
	border-style: solid;
	border-color: #000;
	border-width: 0;
	margin-bottom: 10px;
}

#rightcolumn h2
{
	color: #fff;
	font-style: italic;
	background-color: #c60;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	border-top-width: 2px;
	border-right-width: 0pt;
	border-bottom-width: 2px;
	border-left-width: 0pt;
	margin-bottom: 0;
	margin-top: 0;
	clear: both;
}

#rightcolumn .item{
width:215px;
   margin: 5px;

}
#fullcolumn .item{
 margin: 5px;
 clear:both;

}

#pagetitle { 
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 2.4em;
  text-align:center;
  padding: 5px 0px 0px 0px;
  
}

#pagetitle i {
   font-size: .6em;
} 


.quote {
  font-style: italic;
}

.quote .citation {
    font-style: normal;
    font-weight:bold;
    text-align:right;

}

#rightcolumn img {
  display:block;
  margin: 5px auto 5px auto;
  border: 1px solid #fff;

}

#rightcolumn img.nolink {
  border: 1px solid #FC9;

}


#rightcolumn img:hover.nolink{
  border: 0;

}

#rightcolumn .recentimageblock {
  width:155px;
  margin: 0 auto 15px; auto;
  text-align:center;

}


img.shop {

  padding-right: 15px;
}
.intro {
  font-size:1.6em;
}

.imageblock { 
   
  padding: 5px;
  float:left;
}

.response{
 
 font-size: 1.5em;
 background-color: #FC9;
 margin: 10px;
 padding:5px;
 
}

.clearall {
  clear:both;
}

li.review br{
	display: none;
}
li.review {
	margin-bottom: 5px;
}
.reviews {
	list-style-type: none;
	margin-left: 0px;
	padding: 5px;
}

.important {
	font-weight: bold;
	color: #C00;
}

#rightcolumn ul.video {
  padding-left: 15px;
  list-style-type: none;
}

#rightcolumn ul.video li{
  margin-bottom: 10px;
}
 ul.forsale {
 	list-style-type: none;
	margin-left: 0px;
	padding: 5px;

 }
 
  ul.forsale li {
 	font-size: 16px;
	margin-left: 0px;
	padding: 5px;
	clear: both;

 }

  ul.forsale li h3{
	margin-top: 0px;
 }
 
   ul.forsale li img {
 	float: left;
	clear: left;
	margin-right: 10px;
 }