*                           { margin:0; padding:0; }
body, html                  { 
                             margin:0;
			                 padding:0;
			                 background-color:#C4D3F4; 
							 background-image: url(../images/main-street-bg.gif);
							 background-repeat: repeat-x;
			                 font-family: Georgia, Book Antiqua, Palatino, Palatia, Times New Roman, Times, Serif;
			               }
						   
#header       { 
               width: 826px;
			   height:165px; 
			   margin: 0 auto 0 auto; 
			   }
#img-bg  {   /* for Opera 6 on the Mac, the BG image bumps to the left! */
			   background-image: url(../images/main_street_media_header.jpg); 
			   background-repeat:no-repeat; 
			   margin:0;
			   }
/* Just for IE 6, surround the top spacing div in a wrapper. Could use link for all else! */
#main-street-home-link { height: 118px;  width: 826px; }
#main-street-specialty-media { 
                 display: block;
				 width: 826px;
				 height: 118px;
			   }
/* Fonts in PX to avoid bumping nav down */
#main-head-leader {
                 font-family: verdana,helvetica, sans-serif;
				 font-weight: 700;
				 font-size: 14px;
				 width:550px;
				 margin: 0 0 0 265px;
				 padding: 0;
				 color: #0000B0;
               }
#header-nav    { text-align: center; margin-right: 48px; }
#header-nav ul { margin: 3px 0; white-space: nowrap; height: 36px; }
#header-nav li { display: inline; list-style-image: none; padding: 3px; line-height: 23px; font-size: 12px; color: #ffffff; }
			 				   
#mainstreet-media-content { 
              width:850px;
              background-color: #ffffff;
			  border: 1px solid #28288C;
			  margin: 6px auto 0 auto;
			  padding: 12px 12px 24px 12px;
			  }

#footer      { width:850px; font-size: 75%; margin:auto; text-align: center; }
#footer ul    { margin:6px 0 6px 0; }
#footer ul li { display: inline; list-style: none; padding: 3px; }
#microlinks   { font-size: 80%; } /* of 75% */

#sig         { 
               color: #000000; 
			   font-family: arial, helvetica, sans-serif; 
			   width: 700px;
			   font-size:75%; 
			   font-weight: 700;
			   text-align: center;
			   margin:12px auto 24px auto; 
			 }

h1        { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 24px; color: #482677; text-align: center; }
h2        { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 20px; color: #482677; text-align: center; }
h3        { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 18px; color: #482677; text-align: center; }
h4        { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 16px; color: #ff0000; }
h5        { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 14px; color: #ff0000; }

p         { padding: 8px; }
label     { font-weight: 700; }
ul,ol     { margin-left: 24px; }
table     { margin: auto; }
td        { padding: 3px 3px 0 3px; }

.right     { text-align: right; }
.center    { text-align: center; }
.small     { font-size: 75%; }
.emph      { color: #ff0000; font-weight: 700; font-style: italic; }
.clr       { clear: both; }
.init      { font-size: 120%; font-weight: 700; color: #8000ff; }
.nodot li  { list-style: none; }
.moregroup { white-space: nowrap; } /* keep links and arrows from flowing to next line */
.right-image { float: right; margin: 0 0 12px 12px; }
.contact-form              { width: 80%;margin: auto; padding: 6px; }
.order-head                { background-color: #2421A6; color: #ffffff; font-weight: 700; padding: 3px; margin: 0 0 6px 0; }
.form-row                  { white-space: nowrap; margin: 0 0 2px 0; }
.labelcol                  { width: 25%; float: left; text-align: right; font-weight: 700; white-space: nowrap; margin-right: 12px; }
.contact-form label        { font-weight: 700; }
.submit-row                { text-align: center; }
.submit-row input          { margin: 12px; }

/* price tables */

#prices   {
            font-family: arial, helvetica, sans-serif;
			font-size: 90%;
			background-color: #f0f0f0;
			border: 1px solid #2c5447;
		  }
#prices td { font-size: 85%; padding: 3px;}
#prices .pricehead { background-color: #2c5447; color: #ffffff; padding: 6px; font-weight: 700; text-align: center; white-space: nowrap; }

/* for image insets with captions */
#inset-right  { 
             float: right; 
			 width: 450px; 
			 text-align: center; 
			 font-family: arial, helvetica, sans-serif;
			 font-size: 90%; 
			 font-weight: 700;
			 margin: 0 0 12px 12px; 
		  }

#simple-search, #advanced-search, #list-your-business { float: left; width: 45%; padding: 8px; margin-bottom: 18px;  background-color: #f1f8f5; border: 1px solid #2c5447; }
#list-your-business { float: right; }
#packages_display   { width: 95%; margin: auto; }
#packages_display td { width: 175px; text-align: center; }

/* diner's delight */
.img-375    { width: 375px; }
.img-175    { text-align: center; font-size: 75%; width: 175px; }
.img-rt-175 { text-align: center; font-size: 75%; width: 175px; float: right; }

a:link    { color: #0000a0; font-weight: 700; }
a:active  { color: #00509f; font-weight: 700; }
a:visited { color: #0000a0; font-weight: 700; }
a:hover   { color: #00509f; font-weight: 700; }

a.noline:link    { color: #0000a0; font-weight: 700; text-decoration:none; }
a.noline:active  { color: #00509f; font-weight: 700; text-decoration:none; }
a.noline:visited { color: #0000a0; font-weight: 700; text-decoration:none; }
a.noline:hover   { color: #00509f; font-weight: 700; text-decoration:none; }

a.foot:link    { color: #0000a0; font-weight: 700; }
a.foot:active  { color: #00509f; font-weight: 700; }
a.foot:visited { color: #0000a0; font-weight: 700; }
a.foot:hover   { color: #00509f; font-weight: 700; }

a.boldred:link    { color: #ff0000; font-weight: 700; text-decoration:none; }
a.boldred:active  { color: #ff0080; font-weight: 700; text-decoration:none; }
a.boldred:visited { color: #ff0000; font-weight: 700; text-decoration:none; }
a.boldred:hover   { color: #ff0080; font-weight: 700; text-decoration:none; }

a.morelink:link    { color: #0000a0; font-style: italic; font-size: 90%; font-weight: 700; text-decoration:none; }
a.morelink:active  { color: #ff0000; font-style: italic; font-size: 90%; font-weight: 700; text-decoration:none; }
a.morelink:visited { color: #808080; font-style: italic; font-size: 90%; font-weight: 700; text-decoration:none; }
a.morelink:hover   { color: #ff0000; font-style: italic; font-size: 90%; font-weight: 700; text-decoration:none; }

a.head-nav:link    { color: #ffffff; font-weight: 700; text-decoration:none; }
a.head-nav:active  { color: #ff0000; font-weight: 700; text-decoration:none; }
a.head-nav:visited { color: #ffffff; font-weight: 700; text-decoration:none; }
a.head-nav:hover   { color: #ffff00; font-weight: 700; text-decoration:none; }