/*** import base css  ****************/
@import url("base.css");

/*** begin main stylesheets ****************/
body 
{
background-color: #333;
background-image: url(images/bg.gif);
margin:0px;
padding: 0px;
}

h1 
{
font-size: 21px;
color: #657B6F;
font-family: Times New Roman, Serif;
font-weight: normal;
border-bottom: 1px dashed #DDE3E0;
padding-bottom: 2px;
margin-bottom: 12px;
}

h5 
{
color: #3C4941;
font-size: 15px;
font-family: Trebuchet MS, Verdana, Arial, Sans-Serif;
margin-bottom: 5px;
}

p
{
margin-bottom: 8px;
}

/*** amazon.com ad banners ****************/
iframe 
{
float:left;
margin-right: 15px;
margin-bottom: 15px;
width: 120px;
height: 240px;	
}

/*** site wide links ****************/
a, a:visited
{
color: #3b0084;
text-decoration: none;
font-size: 11px;

 }
 
a:hover
{
color: #8d65d2;
text-decoration: none;
}

a.normal
{
font-size: 12px;
color: red;
}

/*** general layout components ************/
#container 
{
width: 760px;
border: 2px solid #BCC9C1;
/* border-right: 2px solid #BCC9C1;
border-bottom: 2px solid #BCC9C1; */
margin-bottom: 6px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
padding: 8px;
background-color: #fff;
}

#banner 
{
padding-top: 5px;
margin-bottom: 0px;
background-color: #fff;
font-size: 26px;
font-family: Times New Roman;
color: #fff;
}

#adbanner
{
float:right; 
width:468px;
height: 60px; 
color: #779182;
margin-top: 15px;
font-size: 18px;
text-align: center;
font-family: Arial, Verdana;
}

#logo 
{
float:left; 
width:280px;
}

#menu {
background-color: #777;			
height: 25px;
}

#submenu {
clear: both;
border-top: 4px solid #779182;
padding: 0px;
margin-top: 2px;
font-size: 1px;
color: #657B6F;
font-family:"times new roman", times, serif;
}

#content {
padding-top: 6px;
padding-bottom: 6px;
background-color: #fff;
font-family:verdana, arial, helvetica, sans-serif;
font-size: 12px;
}

#main1 {
float: left;
width: 580px;
padding-left: 10px;
padding-right: 10px;
}

#main2 {
float: right;
width: 590px;
padding-left: 10px;
}

#main3 {
float: right;
width: 580px;
padding-left: 10px;
padding-right: 10px;
}

#featured-right {
float: right;
width: 140px;		
}

#featured-right img {
margin-bottom: 5px;
border: none;
}

#featured-left {
float: left;
width: 140px;		
}

#featured-left img {
margin-bottom: 5px;
border: none;
}

/*** side boxes **************/
#sidebox-border {
border: 1px solid #BCC9C1;
font-size: 11px;	
padding: 3px;
margin-bottom: 7px;
}

#sidebox-clear {
font-size: 11px;	
margin-bottom: 7px;
}

#title {
background-color: #BCC9C1;
color: #444;
padding: 3px;
font-size: 10px;
text-align: center;
text-transform: uppercase;
background-position: top right;
background-repeat: no-repeat;
background-image:url(images/round-top.gif); 
}

.title2 {
background-color: #657B6F;
color: #fff;
padding: 3px;
font-size: 10px;
text-align: center;
text-transform: uppercase;
background-position: top left;
background-repeat: no-repeat;
background-image:url(images/round-top.gif);

}

/*** franchise data title *************/

#title3 {
background-color: #DDE3E0;
color: #3C4941;
padding: 3px;
font-size: 10px;
text-align: center;
text-transform: uppercase;
}

/*** homepage search box ***************/
#searcharea {
background-position: bottom right;
background-repeat: no-repeat;
background-image:url(images/searcharea.gif); 
margin-left: 50px;
margin-bottom: 16px;
width: 450px;
padding: 15px;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
}

/*** footer and disclaimer ************/
#footer {
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 10px;
background-color: #DDE3E0;
text-align: right;
font-family:verdana, arial, helvetica, sans-serif;
font-size: 11px;
color: #596D62;
background-position: top right;
background-repeat: no-repeat;
background-image:url(images/lg-round-top.gif); 
}

#footer a, #footer a:visited 
{
color: #596D62;
text-decoration: none;
}

#footer a:hover
{
color: #BCC9C1;
}



/*** franchise data box ***********/
#franchisedata
{
width:210px; 
float:right; 
margin: 0px 0px 10px 10px;
}

.franchisedata-table 
{
border-left:1px solid #DDE3E0; 
border-right:1px solid #DDE3E0; 
border-bottom:1px solid #DDE3E0; 
font-size: 10px; 
width:210px;
padding: 5px;
margin-bottom: 10px;
}


/*** main navigation menu **************/
#navlist
{
margin: 0;
padding: 0 0 20px 70px;
font-family: geneva, arial, helvetica, sans-serif;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
float: left;
line-height: 14px;
margin: 3px 2px;
text-decoration: none;
color: #fff;
font-size: 11px;
border: 1px solid #666;
padding: 1px 12px;
background-color: #777;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover {
background-color: #888;
color: #fff;
border: 1px solid #fff;
}

/*** franchise listing columns ************/
.col{
float: left;
color: #000;
font-size: 11px;
}

#col1{
width: 140px;
margin-right: 10px;
}
#col2{
width: 140px;
margin-right: 10px;
}
#col3{
width: 140px;
margin-right: 10px;
}
#col4{
width: 140px;

}

/* lists */
.normallist li 
{
padding-bottom: 5px;	
}

.listing, .listing a
{
margin-top:5px; 
font-weight:bold;
text-decoration: none;
color: #4f7cbf;
}

.listing a:hover
{
color: #283e60;	
}

.articlelist
{
font-size:12px; 
margin-left: 2em; 
margin-top:0px; 
padding-left:0; 
padding-right: 5px;
list-style-image: url(images/icon_article.gif); 
text-decoration: none;
color: #141F30;
}

.articlelist li 
{
padding-bottom: 5px;	
}

.resourcelist
{
font-size:11px; 
margin-left: 1.5em; 
margin-top:1em; 
padding-left:0; 
padding-right: 5px;
list-style-image: url(images/arrows.gif); 
text-decoration: none;
color: Red;
}

.resourcelist li 
{
	padding-bottom: 5px;	
}

/*** right side fixed box ****************/
div#fixedRight 
{ 
position: relative; 
top: auto; 
right: auto; 
width: 140px; 
margin-top: auto;
margin-right:auto; 
}  

/* ie hack */
@media screen
{ 
	div#fixedRight 
    { 
    position: fixed; 
    } 
 
	* html 
    { 
    overflow-y: hidden; 
    } 
	* html body 
    { 
    overflow-y: auto; 
    height: 100%; 
    font-size: 100%; 
    } 
	* html div#fixedRight 
    { 
    position: relative; 
    top: auto; 
	right: auto; 
	width: 140px; 
	margin-top: auto;
	margin-right:auto;
    } 
} 


/*** left side fixed box ****************

div#fixedLeft 
{ 
   position: relative; 
   top: auto; 
   left: auto; 
   width: 140px; 
   margin-top: auto;
   margin-left:auto;
} 

/* ie hack 
@media screen
{ 
	div#fixedLeft 
	{ 
	position: fixed; 
	}  
	* html 
    { 
    overflow-y: hidden; 
    } 
	* html body 
    { 
    overflow-y: auto; 
    height: 100%; 
    font-size: 100%; 
    } 
	* html div#fixedLeft 
    { 
    position: relative; 
	top: auto; 
	right: auto; 
    width: 140px; 
    margin-top: auto;
    margin-left:auto;
    } 
} ***/

/* Multicolumn List *****************/

.wrapper 
{
	float:left;
}
  /* change the number to size number of columns */
  .wrapper ol
  {
    width: 600px;
    list-style-type: none;
    margin-left: 0px;
    padding: 0px;
  }

  /* float & allow room for the widest item */
  .wrapper ol li
  {
    float: left;
    width: 140px;
    margin-right: 10px;
    margin-bottom: 10px;

  }

  /* stop the float */
  br
  {
    clear: left;
  }

  /* separate the list from subsequent markup */
  
  div.franchise 
  {	
  padding: 0px;
  font-size: 11px;
  clear: left;
  height: 330px;
  }