* {
margin: 0;
padding: 0;
}

body {
text-align: center;
font: 62.5% arial, tahoma, sans-serif;
background: #4f55a4 url(images/bg.jpg) repeat-y 50% 0;
color: #333;
}

img {
border:0;
}

#skip {
position: absolute;
left: -999px;
}


#wrapper {
width: 900px;
height:auto;
margin: 0 auto;
min-height:50em;
text-align: left;
font-size: 1.25em;
background-color:#fff;
}


/* for Internet Explorer */
/*\*/
* html #wrapper {
height: 100%;
}


#header {
	height: 201px;
	background:#8fbae5 url(images/header.jpg) no-repeat 50% 0;
}

#bar {
	height: 30px;
	background-color: #ffed00;
}

#bar p a {
	padding-left:10px;
	font-weight:bold;
	line-height:200%;
	color:#4f55a4;
}



/*-- for the padding of the text --*/

div.padding_left  { padding: 20px 10px 10px 10px; }
div.padding_center  { padding: 10px 0px 10px 10px; }
div.padding_right  { padding: 10px 10px 10px 10px; }

div.padding_footer  { padding: 10px 10px 0px 10px; }




#left {
float:left;
width:175px;
height:auto;
}

div#left img {
float:left;
margin:0px 0px 20px 0px;
padding:0;
}




div#center {
float:left;
width:540px;
height:auto;
}

div#center img {
float:left;
margin:15px 10px 0 0;
padding:0;
}




div#right {
width:175px;
height:auto;
float:right;
}

div#right img {
float:left;
margin:0px 0px 20px 0px;
padding:0;
}

div#home_text {
clear:both;
}

/* this is for the home page sales items*/
#left_column {
float:left;
width:50%;
height:auto;
}

div#left_column img {
float:left;
margin:0px 0px 10px 0px;
padding:0;
}

#right_column {
float:right;
width:50%;
height:auto;
}

div#right_column img {
float:left;
margin:0px 0px 10px 0px;
padding:0;
}







div#contact hr {
  clear:both
}

div#contact img, div#contact script {
  padding-bottom:20px;
}


#footer {
clear: both;
font-size:0.85em;
line-height:120%;
letter-spacing: 0.01cm;
color:white;
background:#333 url(images/footer.jpg) no-repeat 50% 0;
margin-top:50px;
padding-bottom:50px;
}

#footer p {
padding-left:10px;
}

#footer a { color: white; font-weight: bold; text-decoration:none;}
#footer a:focus,
#footer a:hover,
#footer a:active {color: yellow; font-weight: bold; text-decoration:none;}






/*--- content things ---*/

  h1, h2 {  font-weight:bold;
  	color:#504e4a;
  	margin: 0.35em 0 0.35em 0;
  	padding: 0.35em 0 0.35em 0;
        font-size: 150%;
        line-height:120%;
  }
  
  h3,h4,h5,h6 {
  	font-weight:bold; 
  	color:#504e4a;
  	margin: 0.55em 0 0.35em 0;
  	padding: 0.55em 0 0.35em 0;
  	font-size: 120%;
        line-height:120%;
  }   
  

  p,ul,address {
    padding: 0.2em 0 0.6em 0;
    line-height: 150%;
    font-style:normal;
    }

  strong {
    color:#504e4a;
  }

  
  a {color: #2c517a; text-decoration:none;}
  a:focus,
  a:hover,
  a:active {color:red; text-decoration:underline;}
  
  .tiny {
  font-size:0.8em;
  }

/*--- below is for side navigation---*/

  #submenu {
    width: 150px;
    overflow: hidden;
    margin: 10px 0 0 0;
    padding:0;
    list-style-type: none;
    margin-bottom:30px;
  }

  #submenu ul { list-style-type: none; margin:0; padding: 0;}
  #submenu li { float:left; width: 100%; margin:0; padding: 0;
    font-size:0.8em;
    line-height:1.6em;
    border-bottom: 1px #333 solid;
    }

  #submenu a,
  #submenu strong {
    display:block;
    width: 100%;
    padding: 3px 0px 3px 1%;
    text-decoration: none;
    background-color: transparent;
  }


  #submenu li span {             /* -------- this is active for the top level - eliminate a href ----  */
    display:block;
    width: 100%;
    padding: 3px 0px 3px 1%;
    font-size:1.2em;
    line-height:1.6em;
    color: #fff;
    background-color:#4f55a4;
  }

  /* Level 1 */
  #submenu li#active,
  #submenu li strong {
    width: 100%;
    padding: 3px 0px 3px 1%;
    color: green;
    border-bottom: 0px #115d71 solid;
    font-size:1em;
  }

  #submenu li a { width: 99%; padding-left: 1%; background-color:#fff; color: #333; font-size:1.2em; line-height:1.8em;}
  #submenu li a:focus,
  #submenu li a:hover,
  #submenu li a:active { background-color:#4f55a4; color: #fff; }


  /*--- list types ---*/

ul.list, ul.list_tight {
        list-style-type: disc;
        /*list-style-image: url(bullet.gif);*/
	list-style-position: inside;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}

.list li, .list_tight li {
      margin-bottom: 0.8em;
}

.list_tight li {
      margin-bottom: 0.4em;
}


  
  /*--- extras ---*/

  hr {
    color: #4f55a4;   /* IE6 background color */
    background:#4f55a4;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border-bottom: 2px #4f55a4 solid;
    clear:both;
  }
  
  .date {
    padding: 20px 0 100px 0; 
    font-size: 90%
  }

  /*---- for the covers ----*/
  
  .covers_new,.covers_newest {
  float:left;
  width: 165px;
  height:290px;
  margin: 5px 5px 0 0;
  }
  
  .covers_newest img {
     width:160px;
     height:231px;
  }
  
  .covers_new img {
     width:160px;
     height:229px;
  }
  
  .covers_new p,.covers_newest p {
  text-align:center;
  }
  

  /*---- for the old covers ----*/
  
  .covers {
  float:left;
  width: 165px;
  height:250px;
  margin: 5px 5px 0 0;
  }
  
  .covers img {
     width:160px;
     height:224px;
  }
  
  .covers p {
  text-align:center;
  }
  
  /*---- for the crosswords page ----*/
  
  div#crosswords {
    height:1000px;
  }
  
  #crosswords img {
     margin: 10px;
     clear:both;
  }
  

  /*--- for the advertisement sizes ---*/
  
  .prices {
  float:left;
  width: 170px;
  margin: 5px 5px 5px 0;
  }    
  
  .prices_double {
  float:left;
  width: 330px;
  margin: 5px 5px 5px 0;
  }
  
  .prices img {
  }
  
  .prices p {
  text-align:left;
  }

  /*--- to hide the email address form spam ---*/
  del {
  display: none;
  }
  
  ins {
  text-decoration: none;
  }
  
  /*--- for the form on contact page and email capture (row_capture) ---*/
  

div.row {
  clear: both;
  padding-top: 4px;
  width:500px;
}

div.row_capture {
  clear: both;
  padding-top: 4px;
  width:155px;
}

div.row span.label {
  float: left;
  width: 180px;
  text-align: right;
}

div.row span.formw {
  float: right;
  width: 300px;
  text-align: left;
}

div.row_capture span.formw {
  float: left;
  width: 155px;
  text-align: left;
}

.submit {
  text-align:right;
  margin-bottom:50px;
}
.submit_capture {
  text-align:right;
}

.submit input, .submit_capture input {
color: #fff;
width:100px;
height:22px;
text-align:center;
padding-left:5px;
background: #4f55a4;
border: 2px outset #333366;
}