
BODY { 	background-color: #FFFFFF; margin: 0px; padding: 0px; }

h1      {font-family: Arial, sans-serif; font-size: 19px; font-weight: normal; padding: 0; margin: 0; line-height: 19pt;}     /** was head **/
h2      {font-family: Arial, sans-serif; font-size: 17px; font-weight: normal; padding: 0; margin: 0; line-height: 17pt;}       /** was subhead **/
h3      {font-family: Arial, sans-serif; font-size: 15px; font-weight: normal; padding; margin: 0; line-height: 15pt;}    /** was minihead **/
h4      {font-family: Arial, sans-serif; font-size: 13px; font-weight: bold; padding; margin: 0; line-height: 13pt;}    /** was subjecthead **/
h5      {font-family: Arial, sans-serif; font-size: 11px; font-weight: bold; padding; margin: 0; line-height: 12pt;}    /** was bigbody **/

.santa                    {color: #FF0000;}
.just1           	          {font-family: Arial, sans-serif; font-size:  1pt;}
.just2                      {font-family: Arial, sans-serif; font-size:  2pt;}
.tiny                	      {font-family: Arial, sans-serif; font-size:  3pt;}
.eensy	    	            {font-family: Arial, sans-serif; font-size:  5pt;}
.short	    	              {font-family: Arial, sans-serif; font-size:  6pt;}
.little                       {font-family: Arial, sans-serif; font-size:  7pt;}
.little-red                {font-family: Arial, sans-serif; font-size:  7pt; color:#FF0000;}
.small          	           {font-family: Arial, sans-serif; font-size:  8pt}
.small-red      	        {font-family: Arial, sans-serif; font-size:  8pt; color:#FF0000}
.small-white           {color: #FFFFFF; font-family: Arial, sans-serif; font-size:  8pt}
.text                        {font-family: Arial, sans-serif; font-size:  8.5pt;}
.body                       {font-family: Arial, sans-serif; font-size:  9pt;}
.body-orange        {font-family: Arial, sans-serif; font-size:  9pt; color:#FD6C02;}
.body-red               {font-family: Arial, sans-serif; font-size:  9pt; color:#FF0000;}
.body-white           {font-family: Arial, sans-serif; font-size:  9pt; color:#FFFFFF;}
.caption                  {font-family: Arial, sans-serif; font-size: 10pt;}
.calendar                {font-family: Arial, sans-serif; font-size:  11px; color:#000000;}
.calendar-white     {font-family: Arial, sans-serif; font-size:  11px; color:#FFFFFF;}
.bigbody                 {font-family: Arial, sans-serif; font-size: 11pt;}
.bigbody-orange    {font-family: Arial, sans-serif; font-size: 11pt; color:#F1751A;}
.bigbody-red          {font-family: Arial, sans-serif; font-size: 11pt; color:#FF0000;}
.bigbody-white      {font-family: Arial, sans-serif; font-size: 11pt; color:#FFFFFF;}
.colhead                {font-family: Arial, sans-serif; font-size: 12pt; font-weight: bold;}
.colhead-red          {font-family: Arial, sans-serif; font-size: 12pt; font-weight: bold; color: #FF0000;}

#content {
  background: #FFFFFF;
  color: #000000;
  float: left;
  margin-left: 0px;
  margin-top: 0px;
  width: 670px;  }

#page {
  background: #FFFFFF;
  color: #000000;
  font-family: Arial, Verdana, sans-serif;
  height: auto;
  padding: 0px;
  width: 780px;  }

#side-ads {
  background: #FFFFFF;
  color: #000000;
  float: left;
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
  height: 750px;
  margin: 0px;
  padding: 0px;
  width: 100px;  }

#btm-nav {
  background: #FFFFFF;
  color: #000000;
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
  height: 45px;
  padding: 0px;
  width: 670px; }

.classifieds-inside {
  background: #000000;
  color: #FFFFFF;
  font-family:  Arial, sans-serif;
  font-size:  9pt;
  line-height: 17px;
  padding: 5px; }

.summer {
  background-image:  url(/images/backgrounds/summer.gif); 
  border: #F8C94C 1px dotted;
  color: #000000;
  font-family: Arial, sans-serif; 
  font-size:  9pt;  
  padding: 5px;}

.spring {
  background-image:  url(http://www.abqdog.com/images/spring-flowers-bg.gif); 
  border:  #EF62D6 1px solid;
  color: #EF62D6;
  font-family:  Arial, sans-serif;
  font-size: 12px;
  height: auto;
  padding: 10px;
  width: auto; }

.winter {
  background-image:  url(http://www.abqdog.com/images/snowflake-bg.gif);  
  border:  #3AB7B5 1px dashed;
  color: #000000;
  font-family:  Arial, sans-serif;
  font-size: 12px;
  height: auto;
  padding: 8px;
  width: auto; }

/** ======================================= GRID FRAMEWORK =============================================**/
/** width of content page is 750px; there are two 110px-wide side bars for ads, giving a total width of the page of 960px **/
/**  5px gutter **/
.grid-1   { width:   65px; }
.grid-2   { width: 140px; }
.grid-3   { width: 180px; }
.grid-4   { width: 265px; }
.grid-5   { width: 325px;}
.grid-6   { width: 365px; }
.grid-7   { width: 440px; } 
.grid-8   { width: 520px; }   /** tot = 670px **/
.grid-9   { width: 600px; }
.grid-10 { width: 660px; }

.column { float: left;   margin: 0 5px;   overflow: hidden;   display: inline; }
.row      { margin: 0 auto;   overflow: hidden; 	text-align: left;    width: 670px; }

a.top-arrow:link { text-decoration: none;  font-size: 8pt; }
	
input {  
  border: 1px solid #888;  
  padding: 4px;  
  font-size: 12px;  
  background-color: #F8F8F8;  } 

input:focus  {
	border: 1px solid #000;
	background-color: #00FFFF; }

ol.flat                        {padding; 0px; margin-left: 35px; margin-top:  5px;}    /** IE **/
html>body ol.flat  {padding; 0px; margin-left: -15px; margin-top:  5px;}

ul.flat                        {padding; 0px; margin-left: 30px; margin-top:  3px;}    /** IE **/
html>body ul.flat  {padding; 0px; margin-left: -25px; margin-top:  3px;}

li.flat                             {list-style-type: square; margin-left: 0.5em; }         /** IE **/
html>body    li.flat    {list-style-type: square; margin-left: 1.5em;}           /** FF **/

li.square        { list-style-type: square; margin-left: 1em; }   
/** html>body    li.square    {list-style-type: square; margin-left: 1em;}   /** for better browsers **/

li.square-small        {list-style-type: square; list-style-size: 5pt}

li.square-in  {list-style-type: square; margin-left:  -2.2em; } 

#none {
	background: #FFFFFF;
	color: #000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	margin-left:  0px;
	margin-bottom: 0;
	margin-top: 0;
	padding-left: 2px; }

#none li{
	list-style: none;
	margin: 0; }

/** black/turquoise/dark grey **/
a              {text-decoration: underline; color: #000000;} 
a:link       {text-decoration: underline; color: #000000;} 
a:hover  {text-decoration: underline; color: #009A9A;} 
a:visited {text-decoration: underline; color: #121212;} 

/** white/turquoise/light grey **/
a.white              {color: #00FFFF; text-decoration: underline; } 
a:link.white        {color: #00FFFF; text-decoration: underline; } 
a:hover.white   {color: #00FFFF; text-decoration: none; } 
a:visited.white  {color: #00FFFF; text-decoration: none; } 

/** black to white **/
a.b2w              {text-decoration: underline; color: #000000;} 
a:link.b2w       {text-decoration: underline; color: #000000;} 
a:hover.b2w  {text-decoration: underline; color: #FFFFFF;} 
a:visited.b2w {text-decoration: underline; color: #454545;} 

/** white/turquoise/light grey **/
a.arrow              {color: #000000; font-size: 8pt; text-decoration: none;}
a:link.arrow       {color: #000000; font-size: 8pt; text-decoration: none;}
a:hover.arrow  {color: #00FFFF; text-decoration: underline;} 
a:visited.arrow {color: #000000; text-decoration: none;} 

/** black/turquoise/dark grey **/
a.noborder              {border: 0px;} 
a:link.noborder       {border: 0px;} 
a:hove.noborderr  {text-decoration: underline; color: #009A9A;} 
a:visited.noborder {text-decoration: underline; color: #121212;} 

.box {
	border: 1px solid;
	padding: 4px;  }

.box-small {
	border: 1px solid #000000;
	padding: 2px; }

