/*
      Created by Ian Harding
	  
	  E-Mail: ian@ianharding.org

*/

* { padding: 0; margin: 0; }

body {
 font-family: "Tahoma", Verdana, Arial, sans-serif;
	font-size:12px;
	color:#502a15;
}

a,a:link,a:visited
{
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	text-decoration:none;
    font-weight: bold;
    font-size: 16px;
	color:#fff;
}
a:hover
{
	text-decoration:underline;
    font-weight: bold;
    font-size: 16px;
	color:#fff;
}

.nav li
{
	display:inline;
	line-height:20px;
	padding:0 22px;
	display:block;
	float:left;
}

h1 {

   font-family: "Tahoma", Verdana, Arial, sans-serif;
   font-size:20px;
   font-weight: bold;
   text-align: left;
   color:#ff3333;
   line-height: 40px;
}

h2 {
   font-family: "Tahoma", Verdana, Arial, sans-serif;
   font-size:16px;
   font-weight: bold;
   text-align: left;
   color:#ff3333;
   line-height: 30px;
}

h3 {
   font-family: "Tahoma", Verdana, Arial, sans-serif;
   font-size:12px;
   font-weight: bold;
   text-align: left;
   color:#ff3333;
}

h4 {
   font-family: "Tahoma", Verdana, Arial, sans-serif;
   font-size:20px;
   font-weight: bold;
   text-align: left;
   color:#000;
}

h5 {
   font-family: "Tahoma", Verdana, Arial, sans-serif;
   font-size:14px;
   font-weight: bold;
   text-align: left;
   color:#ff3333;
}

h6 {
   font-family: "Tahoma", Verdana, Arial, sans-serif;
   font-size:15px;
   font-weight: bold;
   text-align: left;
   color:#ff3333;
}


.bgheaderh{background: url('stripey_wallpaper4.jpg') center;width: 100%;height:350px;}

#wrapper {
 margin: 0 auto;
 width: 936px;
 overflow: hidden;
}
#header {
 color: #333;
 width: 900px;
 float: left;
 padding: 10px;
 border: 0px solid #ccc;
 height: 100px;
 margin: 10px 0px 5px 0px;
 background-image: url(header.png);

}
#navigation {
 float: left;
 width: 900px;
 color: #333;
 padding: 10px;
 margin: 0px 0px 5px 0px;

}





#content {
 color: #333;
 text-align: justify;
 background: transparent;
 margin: 10px 5px 5px 0px;
 padding: 20px 0px 0px 0px;
 height: auto;
 width: 900px;
 float: left;
 font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
 font-size:15px;
 color:#502a15;
}

.box_1 {
 border: 1px solid #ccc;
 background: #FFF;
 margin: 0px;
 padding: 0px;
 height: 360px;
 width: 550px;
 float: left;
 font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
 font-size:15px;
 color:#502a15;

}
.small_italic_bold {
  font-size: xx-small;
  font-style: italic;
  font-weight: bold;
  text-align: right;
}


 .left {
    float: left;
    margin: 10px 15px 5px 0px;
 }

 .coupons {
    float: left;
    margin: 0px 15px 5px 15px;
 }

.box_1 h1 {
   font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
   margin-bottom: 10px;
   font-size:20px;
   font-weight: bold;
   color:#ff3333;
}

.donut_pic {
  display:block;
  float:left;
  margin: 0px 30px 0px 0px;
}

.box_2 {
  color: #333;
 background: transparent;
 margin: 0px ;
 padding: 0px;
 height: auto;
 width: auto;
 float: right;
 text-align: left;
 font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
 font-size:18px;
 color:#000;
}

.box_2 h1 {
   font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
   margin-bottom: 10px;
   font-size:18px;
   font-weight: bold;
   font-style: italic;
   color:#000;
}

.box_3 {
  color: #333;
 border: 0px;
 background: #FFF;
 margin: 20px 0px 0px 20px;
 padding: 20px 0px 0px 20px;
 height: auto;
 width: 280px;
 float: right;
 text-align: left;
 font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
 font-size:16px;
 color:#000;
}

.box_3 h1 {
   font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
   margin-bottom: 10px;
   font-size:18px;
   font-weight: bold;
   font-style: italic;
   color:#000;
}

.box_4 {
 color: #333;
 border: 1px solid #ccc;
 background: #FFFF99;
 margin: 0px ;
 padding: 20px;
 height: 100px;
 width: 550px;
 float: right;
 font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
 font-size:15px;
 color:#502a15;
}

.box_4 h1 {
   font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
   margin-bottom: 10px;
   font-size:20px;
   font-weight: bold;
   color:#ff3333;
}

.box_5 {
 background: transparent;
 margin: 0px ;
 padding: 20px 0px 20px 0px;
 height: auto;
 width: auto;
 float: left;
 text-align: left;

}

blockquote.style1 {
  font: 14px/20px "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
  padding: 8px;
  background-color: #faebbc;
  border-top: 1px solid #e1cc89;
  border-bottom: 1px solid #e1cc89;
  margin: 5px;
  background-image: url(images/openquote1.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 23px;
  }
  blockquote.style1 span {
     display: block;
     background-image: url(images/closequote1.gif);
     background-repeat: no-repeat;
     background-position: bottom right;
   }
  blockquote  a:link, blockquote a:visited {
   font-size: xx-small;
  font-style: italic;
  font-weight: bold;
  color: #000;
  text-align: right;
  padding: 20px 0px 0px 0px;
  }
#section1 {
    float: left; /* Sets this section to the left */
    background: #fff;
    width: 600px;
    text-align: left;
}

    #column1 {
        float: left; /* Sets this column to the left inside its section */
        background: #fff;
        width: 280px;
    }

    #column2 {
        float: right; /* Sets this column to the right inside its section*/
        background: #fff;
        width: 280px;
    }

#section2 {
    float: right; /*Sets this sectionto the right */
    background: #fff;
    width: 300px;
    text-align: left;
}

    #column3 {
        float: left; /* Sets this column to the left inside its section */
        background: #fff;
        width: 280px;
    }



#footer {
 width: 900px;
 clear: both;
 color: #fff;
 border: 1px solid #ccc;
 background: #ff3333;
 margin: 0px 0px 0px 0px;
 padding: 10px;
}