/* CSS Document */

.color1		{color:#f9b01a;}			/*yellow */
.bg1		{background:#f9b01a;}		/*orange */
.color2		{color:#e9161f;}			/*red */
.bg2		{background:#e9161f;}		/*red */
.color3		{color:#6a9bd1;}			/*light blue */
.bg3		{background:#6a9bd1;}		/*light blue */
.fff		{color:#fff;}			/*light blue */
.bgfff		{background:#fff;}		/*light blue */	

.subheading		{
	letter-spacing:.5px;
	font-size:15px;
	padding-bottom:4px;
	}
.hhhimage 	{margin:-33px 0 0 0;float:left;}

*html .hhhimage {margin:0px;}

img {behavior: url(inc/pngbehavior.htc);}

html,body	{
	height:100%;
	width: 100%;
	margin: 0 auto;
	}
body	{
	margin:0 auto;
	padding:0;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #3a3e4a;
	line-height:18px;
	background:#F5AA18 url(../images/bg.gif) repeat-x;
	}

body#form	{
	margin:0 auto;
	padding:0;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #3a3e4a;
	line-height:18px;
	background:#fff;
	}
	

#wrapper	{
	width:750px;
	margin: 0 auto;
	text-align:left;
	}
	

	
#header	{
	width:750px;
	height:198px;
	margin:0 auto;
	}

#logo	{
	margin-left:6px;
	}


#middle	{
	width:760px; 
	padding:5px 0px 0px 0px;
	margin:0 auto;
	}
	
*html #middle {width:800px;}


#content	{
	width:550px;
	margin-left:195px;
	padding:0 0px 10px 10px;
	min-height:480px;
	background:url(../images/contentbg.png);
	border:1px solid #fff;
	}
	
*+html #content {padding:0 5px 10px 5px; margin-left:190px;}	

*html #content {margin-left:0px;width:550px;padding:0;float:right;}

a,
a:link,
a:visited,
a:hover,
a:active	{color:#000;}

.left		{float:left;}
.right		{float:right;}
.clear		{clear:both;}
.clrright	{clear:right;}
.clrleft	{clear:left;}

h1			{font-size:18px;margin:0;padding:0}
h2			{font-size:16px;margin:0;padding:0}
h3			{font-size:14px;margin:0;padding:0}



.pad5		{padding:5px;}

.header	{
	margin:-45px 0 0 55px;
	float:left;
	width:400px;
	}

*html .header {margin:0px 0px 0px 55px; float:right;width:520px; height:75px;}

#footer	{
	width:530px;
	height:90px;
	font-size:9px;
	color:#fff;
	margin-left:210px;
	}
	
#footer a	{
	color:#fff;
	font-size:9px;
	text-decoration:none;
	}

#footer #credit				 {float:right;width:120px;}
#footer #credit a 	 		 {color:#f8d695;text-decoration:none;}
#footer #credit a:hover 	 {color:#fff;text-decoration:none;}	
	
#mailing	{
	width: 178px;
	padding: 2px 3px;
	text-align:center;
	background: url(../images/contentbg.png);
	ackground:#6a9bd1;
	border:1px solid #fff;
	color:#e9161f;
	height:90px;
	float:left;
	margin: 8px 3px;
	}

#mailing input	{padding: 3px;}

.box	{
	width: 165px;
	padding: 2px 5px;
	margin: 10px 2px 0 0px;
	ackground: url(../images/bgbox.jpg) no-repeat;
	background:#6a9bd1;
	border:3px solid #5382b7;
	color:#fff;
	height:185px;
	float:left;
	
	}
* html .box	{width: 163px;}

.box a	{color:#fff;}

.box h2	{
	padding: 5px 0 7px 0;
	letter-spacing: -0.03em;
	font: Geneva, Arial, Helvetica, sans-serif;
	}

/**********  HOME PAGE BOXES   **********/
#box1	{
	width:210px; 
	height:80px;
	font: 2.2em tahoma, "Lucida Grande", Tahoma, Arial, Helvetica, Sans-serif;
	background:#6a9bd1;
	border:3px solid #5382b7;
	color:#fff;
	float:left;
	padding:5px 0 0 5px;
	text-decoration:none;
	display:block;
	text-align:center;
	}
.date	{margin:0;padding:0;line-height:0.2em;}
#box1 #countdown1	{font-size: 19px;line-height:5em;color:#F5CE19}


/* BUTTONS */

button, a.button	{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #ccc;
    font: 100% "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
button, a.button  {
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
button[type], a.button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}

/* STANDARD */

.negative:hover, a.negative:hover, .negative{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.negative a:active, a.negative:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, a.button.positive{
    color:#529214;
}
button.positive:hover, a.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
button a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */


button.negative:hover, a.negative:hover{
    background:#4c7eb5;
    border:1px solid #fff;
    color:#fff;
}
.button a.negative:active, a.button{
    background-color:#8dbbef;
    border:2px solid #4c7eb5;
    color:#fff;
}


button.signup	{margin:8px 0px 8px 40px;}

.signup:hover, .signup:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.signup a:active, .signup:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
	}
	
	
	
	

/**********  CONTACT FORM   **********/
form#contact 	{
	margin:0;
	padding: 5px;
	float:right;
	width: 275px;
	}	


#contact label,#contact input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
	}

#contact label {
	text-align: right;
	width: 75px;
	padding-right: 5px;
	}

#contact br {clear: left;}

#contact fieldset	{
	background: #6a9bd1;
	color:#fff;
	margin:20px 0px 20px 0px;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
	} 
	
#contact legend	{
	color:#fff;
	font-weight:bold;
	font-variant:small-caps;
	font-size:15px;
	padding:2px 5px;
	position: relative;  
	left: -7px;  
	top: -0.75em;
	}
	
#contact legend {  
	position: relative;  
	left: -7px;  
	top: -0.75em;
	}
#contact fieldset ol {  
	padding-top: 0.25em;
	}
	
#contact span.state	{width:130px;float:left;text-align:right;}
	
#contact #zip {
	width: 60px;
	margin-right:12px;
	float: left;
	}
#contact #zipname	{width:27px;margin-left:13px;float:left;}
	
#contact #comments	{
	display: block;
	width: 240px;
	height:70px;
	margin-bottom: 15px;
	}

textarea{overflow:auto;}
	
#contact #submit	{
	width: 85px;
	height:32px;
	margin-left:90px;
	}
	
#contact .shhhh, .shhhh {display:none;}






	

/**********  CONTACT FORM   **********/
form#volform 	{
	margin:0 auto;
	padding: 5px;
	z-index:10;
	width: 475px;
	}	


#volform label,#volform input {
	display: block;
	width: 250px;
	float: left;
	margin-bottom: 10px;
	}

#volform label {
	text-align: right;
	width: 155px;
	padding-right: 5px;
	}

#volform br {clear: left;}

#volform fieldset	{
	background: #6a9bd1;
	color:#fff;
	margin:5px 0px 15px 0px;

	z-index:10;
	display:block;
	padding: 0px 10px 10px 10px;
	} 
	
#volform legend	{
	color:#000;
	font-weight:bold;
	font-variant:small-caps;
	font-size:21px;
	padding:5px 5px;
	z-index:10;
	left: -7px;  
	top: -0.75em;
	}

#volform .check	{
	width:15px;
	}

#volform fieldset ol {  
	padding-top: 0.25em;
	}
	
#volform #city {
	display: block;
	width: 160px;
	margin-right:12px;
	float: left;
	margin-bottom: 10px;
	}
	
#volform textarea	{
	display: block;
	width: 440px;
	height:80px;
	margin-bottom: 15px;
	}
	
#volform #submit	{
	width: 85px;
	height:32px;
	margin-left:90px;
	}

#volform .shhhh { display:none; }








/********  MAIN NAV   ********/
/* Root = Vertical, Secondary = Vertical */

  
div#menu	{
	float:left;
	width:198px;
	z-index:500;
	}
 
ul#navmenu	{
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 198px; /*For KHTML*/
  list-style: none; 
  margin: 0 0px 20px 0px;
  float:left;
  position:relative;
  behavior: url(inc/pngbehavior.htc);
  z-index:500;
}

ul#navmenu li,
ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 198px; /*For KHTML*/
  list-style: none;
  z-index:500;

}

ul#navmenu li {
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
  
}

/* Root Menu */
ul#navmenu a {
  border-bottom: 1px solid #FFF;
  display: block;
  color: #fff;
  font: bold 13px/28px Arial, Helvetica, sans-serif;
  text-indent: 15px;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  behavior: url(inc/pngbehavior.htc);
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  ackground: #F8ECAC;
  background: url(../images/navbg.png) repeat-y;
  color: #ffd174;
}

* html ul#navmenu a:hover,
* html ul#navmenu li:hover a,
* html ul#navmenu li.iehover a  {background:#ea221e url();}

ul#navmenu li:hover ul {border:1px solid #fff;width:210px;}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  background: #f0631b;
  behavior: url(inc/pngbehavior.htc);
  color: #fff;
  width:210px;
  position:relative; 
  z-index:500;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #ec351e;
  behavior: url(inc/pngbehavior.htc);
  color: #f9b01a;
  position:relative; 
  z-index:500;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu ul,
ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 198px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}








/**********  CONTACT FORM   **********/
form#cans 	{
	margin:5px;
	padding: 5px;
	width: 275px;
	background: #6a9bd1;
	color:#fff;	
	}	

#cans label,#cans input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
	}

#cans label {
	text-align: right;
	width: 75px;
	padding-right: 5px;
	}

#cans br {clear: left;}

#cans fieldset	{
	margin:0px 0px 10px 0px;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
	} 
	
#cans legend	{
	color:#eed217;
	font-variant:small-caps;
	font:bold 1.0em Verdana, Arial, Helvetica, sans-serif;
	padding:2px 5px;
	position: relative;  
	}

#cans span.state	{width:130px;float:left;text-align:right;}
	
#cans #zip {
	width: 60px;
	margin-right:12px;
	float: left;
	}
#cans #zipname	{width:27px;margin-left:13px;float:left;}
	
#cans #amtcanslabel	{width:200px;}
#cans #amtcans	{width:25px;}
	
#cans #comments	{
	display: block;
	width: 240px;
	height:70px;
	margin-bottom: 15px;
	}

textarea{overflow:auto;}
	
#cans #submit	{
	width: 85px;
	height:32px;
	margin-left:90px;
	}
	
#cans .shhhh, .shhhh {display:none;}



#flash {width:559px; height:287px; margin:-7px -4px 0px 10px; padding:0px;float:right;}
*+html #flash {margin:-7px 8px 0px 0px;}