@charset "UTF-8";
/* CSS Document */

body {margin:0;padding:0;font-size:1.0em;background:white url(bodyback.jpg) top center repeat-x;}
h1 {font-family:Arial, Helvetica, sans-serif;font-size:100%;color:#333333;}
h2 {font-family:Arial, Helvetica, sans-serif;font-size:90%;color:#333333;}
p {font-family:Arial, Helvetica, sans-serif;font-size:75%;color:#333333;}
ul {font-family:Arial, Helvetica, sans-serif;font-size:75%;color:#333333;line-height:1.5em;}
ol {font-family:Arial, Helvetica, sans-serif;font-size:75%;color:#333333;line-height:1.5em;}
.special {line-height:1.5em;}
*:first-child+html .caption {margin-top:-5px;} 
* html .caption {margin-top:-5px;}
a:link {color:#669933;text-decoration:none;font-weight:bold;}
a:visited {color:#669933;text-decoration:underline;font-weight:bold;}
a:hover {color:#009933;}
a:active {}

.tableref td {border:#333333 1pt solid; border-collapse:collapse;}

/* SPECIFIC DIVS */

#container {width:950px;margin:0 auto;border-left:2pt #6e8b6c solid;border-right:2pt #6e8b6c solid;border-bottom:2pt #6e8b6c solid;}
#header {width:950px;float:left;}
#left {width:200px;float:left;}
#content {width:730px;padding:0 5px;float:right;margin-top:5px;}
#footer {width:950px;clear:both;background:url(footer.jpg) top repeat-x;padding:2px 0;}
#footer p {font-weight:bold;color:white;}
#footer a {color:white;}
#contentcontainer {width:950px;float:left;background:url(back.jpg) repeat-y;}

.headbanner {width:950px;background:url(header.jpg);height:155px; float:left;}
.headnav {width:950px; float:left;background:white;}

.box {border:#2c5629 solid 1pt;background:url(box.jpg) bottom repeat-x;float:left;width:99%;margin-bottom:6px;}
.box h1 {background:url(boxhead.jpg) top repeat-x;width:100%;padding:3px 0;margin-top:-1px;text-align:center;color:white;border-bottom:1pt #6c896a solid;}
.box p,h2,h3 {padding:0 5px;}

#homebox1 {border:#2c5629 solid 1pt;background:url(box.jpg) bottom repeat-x;float:left;}
#homebox1 h1 {background:url(boxhead.jpg) top repeat-x;width:100%;padding:3px 0;margin-top:-1px;text-align:center;color:white;border-bottom:1pt #6c896a solid;}
#homebox1 p,h2,h3 {padding:0 5px;}
#homebox1 h1 a {color:white;}

#homebox2 {border:#2c5629 solid 1pt;background:url(box.jpg) bottom repeat-x;float:left;width:99%;}
#homebox2 h1 {background:url(boxhead.jpg) top repeat-x;width:100%;padding:3px 0;margin-top:-1px;text-align:center;color:white;border-bottom:1pt #6c896a solid;}
#homebox2 p,h2,h3 {padding:0 5px;}
#homebox2 h1 a {color:white;}

#homebox3 {border:#2c5629 solid 1pt;background:url(box.jpg) bottom repeat-x;float:left;width:99%;}
#homebox3 h1 {background:url(boxhead.jpg) top repeat-x;width:100%;padding:3px 0;margin-top:-1px;text-align:center;color:white;border-bottom:1pt #6c896a solid;}
#homebox3 p,h2,h3 {padding:0 5px;}
#homebox3 h1 a {color:white;}

.tablehead {background:#2c5629;padding:0 2px;}
.tablehead p {color:white;}

.column1-unit {width:730px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-left {float:left; width:361px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {float:right; width:361px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-left {float:left; width:239px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/}
.column3-unit-middle {float:left; width:239px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:7px;}
.column3-unit-right {float:right; width:239px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-dist-left {float:left; width:500px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-dist-right {float:right; width:220px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-usa-left {float:left; width:140px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-usa-right {float:right; width:350px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-can-left {float:left; width:190px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-can-right {float:right; width:300px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-toppings-left {float:left; width:220px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-toppings-right {float:right; width:500px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

.block1 { background:url(images/block_bgd.gif) left top repeat-x;}
.block1 .r { background:url(images/line1.gif) right top repeat-y;}
.block1 .b { background:url(images/line1.gif) left bottom repeat-x;}
.block1 .l { background:url(images/line1.gif) left top repeat-y;}
.block1 .t { background:url(images/line1.gif) left top repeat-x;}
.block1 .l_t { background:url(images/l_t_1.gif) no-repeat left top;}
.block1 .r_t { background:url(images/r_t_1.gif) no-repeat right top;}
.block1 .r_b { background:url(images/r_b_1.gif) no-repeat right bottom;}
.block1 .l_b { background:url(images/l_b_1.gif) no-repeat left bottom; width:100%;}
.block1 .ind { padding:12px 7px 14px 7px;}

.clear {clear:both;display:none;}

.left {float:left;margin-right:6px;}
.right {float:right;margin-left:6px;}


.glossymenu{
margin: 5px 0;
padding: 0;
width: 198px; /*width of menu*/
border: 1px solid #405b40;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #405b40;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #333333;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #405b40;
color: white;
}

.block1 { background:url(images/block_bgd.gif) left top repeat-x;}
.block1 .r { background:url(images/line1.gif) right top repeat-y;}
.block1 .b { background:url(images/line1.gif) left bottom repeat-x;}
.block1 .l { background:url(images/line1.gif) left top repeat-y;}
.block1 .t { background:url(images/line1.gif) left top repeat-x;}
.block1 .l_t { background:url(images/l_t_1.gif) no-repeat left top;}
.block1 .r_t { background:url(images/r_t_1.gif) no-repeat right top;}
.block1 .r_b { background:url(images/r_b_1.gif) no-repeat right bottom;}
.block1 .l_b { background:url(images/l_b_1.gif) no-repeat left bottom; width:100%;}
.block1 .ind { padding:12px 7px 14px 7px;}


.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 12px Arial;
width: 100%;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #cccccc;
border-width: 1px 0;
background: black url(images/blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: #333333;
padding: 4px 14px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: #333333;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: #33333;
background: transparent url(images/blockactive.gif) center center repeat-x;
}

.arrowlistmenu{
width: 140px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(media/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(media/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 0; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 100%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

.arrowgreen{
	width: 220px; /*width of menu*/
	border-style: solid solid none solid;
	border-color: #94AA74;
	border-size: 1px;
	border-width: 1px;
}

.arrowgreen ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
.arrowgreen li a{
	font: bold 11px Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url(arrowgreen.gif) 100% 0;
  height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 5px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}	
	
.arrowgreen li a:link, .arrowgreen li a:visited {
	color: #5E7830;
}

.arrowgreen li a:hover{
	color: #26370A;
	background-position: 100% -32px;
}

	
.arrowgreen li a.selected{
	color: #26370A;
	background-position: 100% -64px;
}