body  {
    font-family: Arial, Times, Sans-serif;
    padding:0px;
    margin:0px;
    background-color: #ccf;
    text-align:center;
}

li { padding: 0px 0px 10px 0px }

a:link, a:visited {
     text-decoration: none;
     font-weight: bold;
}

a:hover  {
     text-decoration: underline;
}
   



#frame {
    margin:5px 0;
    padding:0px;
    width:800px;
    margin-left:auto;
    margin-right:auto;    
    text-align:left;

    border: 1px black solid;
    
}

#container {
    width:800px;
		padding:0;
		margin:0;
		background-color:#fff;
		}  

#header {
   background-color:#fff;
   width:800px;
   margin:0px;

   
}

#pad_header {padding: 20px 10px 5px 10px;}




/* - - Rollover menu - - */

#menu_top { 

   font-family: Verdana, Arial, Helvetica;
   font-size:10pt;



   width:800px;
   text-align:left;
   background-color:#00f;
   color:#036;
   padding:3px 0px;

}


#menu_top ul {
   display:inline;
   margin-left: 0;
   padding-left: 0;
   list-style-type: none;
   font-family: Verdana, Arial, Helvetica,sans-serif;
}

#menu_top li {
   display:inline;
   float:left;

   text-align:center;
   border-width: 0px 1px 0px 0px;
   border-color:#aaa;
   border-style:solid;
	 padding:0px;
}

#menu_top a {
   height: 14px;
   padding: 0px 10px;
   width:100px;
   background-color: #00f;
   display:block;
	 float:left;
   text-decoration:none;
   color:#fff;
}


#menu_top a:link, #menu_top a:visited {
   color: #fff;
   text-decoration: none;
}


#menu_top a:hover {
   color:#f66;
   text-decoration:none;
}

.selected  {color:#f66 }


/* - - Content columns - - */


/* #container_content  {
  /* display:inline;   
	 clear:both;
   width:800px;
   padding: 10px 0px;

   text-align:left;
   background-color:#fff;
   float:left;   
} */



#column_primary {
  
   width:550px;
   padding: 10px 0px;   

   text-align:left;
   
   background-color:#fff;
   float:left;   

   border-width: 0px 1px 0px 0px;
   border-style:dotted;
   border-color:black;
	 margin-bottom:1px;  /* Firefox had a problem where this div was overlapping the border on the copyright div, and this margin fixes that issue  */
}  

#column_primary h1 {color: #f60;}

#column_primary h2 {color: #f90;}

#column_right {
   width:248px;
   float:left;
   padding: 20px 0px;
	 background-color:#fff;
}

/* - - - Text ids/classes  - - - */
 
#copyright { 
   clear:both;
   font-size:8pt; 
   color:#333;
	 text-align:center;
	 border-top: 1px #000 solid;
	 padding: 10px 0;
	 width:800px;
}

.emphasize {font-weight:bold}

.freecoupon {
   padding:0px 5px 0px 20px; 
   color:#ff6600; 
   font-size:18pt; 
   font-weight:bold;
}
.text  {
   padding: 0px 25px;
}

.larger_text {font-size:120%}

.hr_dotted {
   height:2px;
   border-width: 1px 0px 0px 0px;
   border-color: black;
   border-style: dotted;
   margin: 0px;
   padding: 0px;
}