/* CSS Document */
	
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */
/* http://www.tantek.com/log/2004/undohtml.css */
/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */
	
	body,
	html {
	background:#818b2b url(../images/background_vignette.jpg) repeat-x fixed;
	color:#818B2A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	line-height: 170%;
	}

	
	#wrap {
		background:#f2f3e9;
		margin:0 auto;
		width:760px;
	}
	
	#header {
	background:#333 url(../images/header_tile.jpg);
	height: 114px;
	
	}
	
	#graphicpanel, #graphicpanel2,#graphicpanel3,#graphicpanel4,#graphicpanel5 {
	height: 252px;
	background-color:#333
	
	}
	
	#graphicpanel {
	background: url(../images/graphic_01a.jpg);
	}
	
	#graphicpanel2 {
	background: url(../images/graphic_02a.jpg);
	
	}
	
	#graphicpanel3 {
	background: url(../images/graphic_03a.jpg);
	
	}
	
	#graphicpanel4{
	background: url(../images/graphic_04a.jpg);
	
	}
	
	#graphicpanel5{
	background: url(../images/graphic_05a.jpg);
	
	}
	
	h1 {
	font-size: 155%;
	font-weight: bold;
	color: #818B2A;
	margin-top: 25px;
	letter-spacing: .5pt;
	line-height: 125%;
	padding-bottom: 15px;
}

	h2 {
	font-size: 130%;
	font-weight: bold;
	color: #818B2A;
	padding-bottom: 10px;
}

	h3 {
	font-size: 110%;
	font-weight: bold;
	color: #818B2A;
	padding-bottom: 10px;
	padding-top: 10px;
}

	a:link {
	color: #7B7E24;
	text-decoration: none;
}
	a:visited {
	color: #7B7E24;
	text-decoration: none;
}
	
	
	/* ~~~~~~~~~ SWEET MENU BY EXPLODING-BOY.COM ~~~~~~~~~ */

    #tabs6 {
	width: 675px;
	font-size:85%;
	line-height:normal;
	height: 40px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: -40px;
	margin-right: -62px;
	margin-bottom: auto;
	letter-spacing: 3px;
	position: relative;
      }
    #tabs6 ul {
	margin:0;
	list-style:none;
	padding-top: 10px;
	padding-left: 32px;
      }
    #tabs6 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs6 a {
      float:left;
      background:url(../images/tableft6.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs6 a span {
      float:left;
      display:block;
      background:url(../images/tabright6.gif) no-repeat right top;
      padding:5px 10px 4px 6px;
      color:#FFF;
      }
	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
	
    #tabs6 a span {float:none;}
	
    /* End IE5-Mac hack */
	
    #tabs6 a:hover span {
      color:#FFF;
      }
	  
    #tabs6 a:hover {
      background-position:0% -42px;
      }
	  
    #tabs6 a:hover span {
      background-position:100% -42px;
    }

	#main {
	background:#f2f3e9;
	float:right;
	width:510px;
	padding-right: 20px;
	padding-bottom: 10px;
	}
	
	#main ul, #main li {
	margin:0; 
	padding:0; 
	list-style-type:none; 
	} 
	#main li {
	background:url(../images/bullet_green.gif) 0px 7px no-repeat;
	padding-left: 12px;
	padding-top: 1px;
	padding-bottom: 1px;
	}
	#img {
	padding-bottom: 10px;
	}
	
	#caption {
	font-size: 95%;
	color: #393E11;
	}
	
	
	#sidebar {
	background:#f2f3e9;
	float:left;
	width:195px;
	padding-right: 10px;
	padding-left: 20px;
	position: relative;
	color: #777;
	padding-top: 30px;
	font-size: 95%;
	line-height: 130%;
	}
	
	#sidebar a:link {
	color: #666666;
	text-decoration: none;
    }
	
    #sidebar a:visited {
	color: #666666;
	text-decoration: none;
    }

	#sidebar ul, sidebar li {
	margin:0; 
	padding:0; 
	list-style-type:none;
    }
	
	#sidebar li {
	background:url(../images/arrow.gif) 0px 9px no-repeat;
	padding-left: 16px;
	padding-top: 6px;
	}
	
	
    #sidebar h3, #sidebar p {
		padding:10 0px 0 0;
    }
	#footer {
	background:#f2f3e9 url(../images/footer.jpg);
	clear:both;
	height: 105px;
	}
	
	#footer p {
	padding:15px 20px;
	margin:0;
	color: #999;
	text-align: center;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	font-size:90%;
    }
	
	/* CSS Document */