/* CSS Document */
body{ background-color: #3399CC; text-align:center;}
/* DIV ID*/
#container{width:800px; border:1px solid gray; background-color:#FFFFFF;}
#main_content { float:right; background:#FFF; width:568px; text-align:left; margin:10px;}
#main_content p,ol,ul{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; background-color:#FFF;}
#side_nav{width:200px; background-color:#D6CDC0; float:left; height:auto; text-align:left;}
div#side_nav{width:200px; padding:5px; background-color:#FFF; height:auto; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
div#side_nav ul { background-color:#FFF;  list-style-type: none; /* get rid of the bullets */  padding:0; /* no padding */  margin:0; /* no margin for IE either */}
div#side_nav ul li {  margin: 0;  padding: 0;  background-color:#CCCCCC;  display:block;  border-bottom: 1px solid white; /* lines */}
div#side_nav ul li a {  display: block;/* lines extend to right, make area clickable */  color:#333; padding: 3px 3px 3px 23px;  font-size:10px; margin:0;  text-decoration: none;  height:12px; /* hint for IE, alternatively remove whitespace from HTML */ }
div#side_nav ul li a:hover {  display: block;/* lines extend to right, make area clickable */  color: white;  background-color:#D6CDC0;  padding: 3px 3px 3px 23px;  margin:0;  text-decoration: none;  height:12px; /* hint for IE, alternatively remove whitespace from HTML */ }
#footer{width:800px; background-color:#D6CDC0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:3px; text-align:left; text-indent:1.2em; }
#banner{width:800px; height:175px; background-image:url(images/home.jpg); background-color:#FFF;}
/*HTML Elements */
h1{font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
h2{font-size:22px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#990000;}
h3{font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif;}
h4{font-size:18px; background-color:#996666; color:#FFFFFF; padding:15px; font-family:Verdana, Arial, Helvetica, sans-serif;}
a {color:#CC6600;}
.top{color:#CC6600; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.r{color:#CC6600; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
/* Classes throughout website */
.home{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#5F2154; font-weight:bold;}
.header{ background-color:#990000; padding:5px; color:#FFFFFF;}
.sidebar_text{ background:#990000; height:15px; margin:10px; color:#FFFFFF; font-variant:small-caps;}
.sidebar_info{ background:#FFFFFF; font-size:10px; height:auto; padding:5px; margin:0px; border:1px solid #990000;}
.catalog{margin-left:15px; text-align:left; width:240px; padding:5px; height:250px; float:left;}
.catalog a, .catalog1 a{color:#CC6600;}
.catalog1{float:right; width:240px; height:250px; padding:5px;}
#display{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
#display h2{font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#990000; margin-bottom:2px;}
#display p{font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#display ul{font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#order_online{font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#CC0033; padding:5px; color:#FFFFFF; text-align:center; font-size:20px;}
#cart{font-family:Verdana, Arial, Helvetica, sans-serif; padding:5px; color:#000; font-size:12px;}
#advert{margin-top:15px; background-image: url(images/bg.jpg); padding:10px; border:1px solid gray; font-family:"Book Antiqua", "Bookman Old Style","Californian FB", serif; font-size:14px;}
#cards_container{width:770px; text-align:left; margin:10px; color:#666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; }
span{ border:1px solid black; padding:4px; font-size:14px; background-color:#FFCC33;}
#christmas{width:557px; height:215px; background-image:url(images/christmas.jpg);}