<!--* {margin:0; padding:0; }body {  text-align:center; /* Centers main div in IE 5, text-align:left is set on other main content div */  font-family: verdana, arial, helvetica, sans-serif;  font-size: 76%; /* font sizing in ems.  60%, 69%, and 76% are  appropriate smaller sizes */  color: #000;  background:#004e99;  }img {   border:0;   margin: 0px;  padding: 0px;  }  h1 { font-size: 1.6em; }h2 { font-size: 1.4em; }h3 { font-size: 1.2em; }h4 { font-size: 1.0em; }h5 { font-size: 0.9em; }h6 { font-size: 0.8em; }ol, ul, li {  font-size: 1.0em;  margin-top: 0em;  margin-bottom: 1.4em;  margin-left:20px;  list-style-position:outside;  }td { font-size:11px;}p {  font-size: 1.1em;  margin: 0.6em 0em 1.6em 0em;  }blockquote {  margin-left:20px;  }  /*MISC---------------*/.mainhdr {  padding:74px 0 12px 184px;  margin:0;  color:#ED1C24;  font-size:1.2em;  font-weight:bold;  }embed { vertical-align:bottom; margin:0; }a.btn_hedge { width:343px; height:38px; display: block;text-indent: -9999em;background:url("../images/btn_hedgeorderform2.gif") no-repeat;}a.btn_hedge:hover {  background-position: 0 -38px; }  /* LAYOUT STUFF--------------- */#mainwrapper {  text-align:left;  width:762px;  margin:0 auto;  background:#004E99 url("../images/ui/bg_body.gif") top center repeat-y;  }#footer {  clear:both;  margin:0 auto;  width:762px;  height:37px;  padding-top:20px;  background:  url("../images/ui/footer.gif") no-repeat;   text-align:center;   color:#fff;  font-size:10px;}  #footer select {   font-size:10px; }#footer a { color:#FFFFFF;  padding:0 6px;}#topnavwrap { background:#004E99 url("../images/ui/bg_topnav.gif") top repeat-x; height:90px; text-align:center;}#sidebar { width:217px; float:right; }#contentwrap {width:540px;}#contentwrappromo {width:540px; padding:51px 0 0 0;}#contentwrappromo p {width:346px}#leftnavwrap { width:172px; float:left; margin-top:10px;}#content {margin-left:185px;}#Muffincontent {margin-left:185px; margin-top:185px;}/*edited by brandon wilson 4_16 */body.twinkie    #content {	position:relative;}body.twinkie    #content {	padding-top:120px;}#headerWrap{	position:absolute;	top:-107px;	left:47px;	z-index:100;}#headerWrap h2{	width:313px;		display: block;		background-repeat: no-repeat;	padding-top: 239px; height: 0 !important;	height /**/: 239px; overflow: hidden;	clip:rect(0 313px 239px 0);	background-image: url(../images/twinkie_header.gif);	}body.twinkie    #content ul, body.twinkie    #content li{	margin-bottom: 0em;	margin-left:5px;	list-style-position:outside;	}body.twinkie    #content ul li ul li{	font-weight:normal;}#listHead{	list-style-type:none;	font-weight:bold;}/*-----------*/ * html #leftnavwrap { margin-right: 13px; } * html #content {  overflow: hidden;  o\verflow: visible;  width: 100%;  w\idth: auto;  he\ight: 1%;  margin-left: 0px;  }/* */#boxwrap { min-height:220px;}/* IE will treat height as min-height */ * html body #boxwrap { height:220px;}#wrapper {  background:  url("../images/ui/bg_bodytop.jpg") top center no-repeat;    width:762px;   margin:0 auto;  min-height: 355px;  padding-bottom:57px;  text-align:left;  }  #wrapperStrawberry {  background:  url("../images/ui/strawberryBG2.jpg") top center no-repeat;    width:762px;   margin:0 auto;  min-height: 355px;  padding-bottom:57px;  text-align:left;  }      /* -----------  --- TOP NAVIGATION -------------- */  #topnav {    margin: 0 auto;    padding: 0;    height: 90px;    width: 762px;    background:   url("../images/ui/topnav_logo.gif") top left no-repeat;  }  #nav {    position: relative;    top: 0px;    height: 30px;    margin:0; padding:0;   }  #nav a { text-decoration: none;  }  #nav li { /*float the main list items*/    margin:0; padding:0;     float: left;    display: block;    }  #nav li ul { display: none; margin:0; padding:0;  }  #nav li.off ul, #nav li.on ul  { /*put the subnav below*/    position: absolute;    top: 30px;    left: 186px;    background: #005BB3;    height: 30px;    margin:0; padding:0;     width:674px;    }  #nav li.on ul {  background: #f90;}  #nav li.on:hover ul, #nav li.over ul {   background: #005BB3;} /*for ie*/  #nav li a {    color: #005BB3;    font-weight: bold;    display: block;    margin:0; padding:0;   }  #nav li.on ul a, #nav li.off ul a {    border: 0;    margin:0; padding:0;     float: left; /*ie doesn't inherit the float*/    color: #f90;    width: auto;  }  #nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/    background: #005BB3;  }  #nav li.on ul {  display: block;  }  #nav li.off:hover ul, #nav li.over ul {    display: block;    z-index: 6000;  }/*do the image replacement */#nav li span {  display:none;  /* \*/  display:inline;  /* */  position: absolute;  left: -9384px;  }#nav-home a, #nav-products a, #nav-about a, #nav-contact a, #nav-media a, #nav-faq a {  display: block;  position: relative;  height:25px;  /* \*/  height: 30px;  /* */  background:   url("../images/ui/topnav_full.gif") no-repeat; /*contains all hover states*/}/*first, put the initial states in place*/#nav-logo a { width:186px; height:90px; background-position: 0 0; background:   url("../images/spacer.gif") no-repeat}#nav-home a { width:100px; background-position: 0 0; }#nav-products a { width:103px; background-position: -100px 0; }#nav-about a { width:86px; background-position: -203px 0; }#nav-contact a { width:93px; background-position: -289px 0; }#nav-media a { width:68px; background-position: -382px 0; }#nav-faq a { width:126px; background-position: -450px 0; }/*active area - for this demo - the code could be based on a body class, and probably work better.*/ #nav-products.on a {  background-position: -100px -30px; }  /*add selectors for the other li's and background-positions*//*hover states*/#nav-home a:hover, #nav-home:hover a, #nav-home.over a { background-position: 0 -30px; }#nav-products a:hover, #nav-products:hover a, #nav-products.over a { background-position: -100px -30px; }#nav-about a:hover, #nav-about:hover a, #nav-about.over a {  background-position: -203px -30px; }#nav-contact a:hover, #nav-contact:hover a, #nav-contact.over a { background-position: -289px -30px; }#nav-media a:hover, #nav-media:hover a, #nav-media.over a { background-position: -382px -30px; }#nav-faq a:hover, #nav-faq:hover a, #nav-faq.over a { background-position: -450px -30px; }/*subnav formatting*/#nav li.off ul a, #nav li.on ul a {  display: block;  background: #005BB3;  color: #fff;  font-family: arial, verdana, sans-serif;  font-size: small;}    #nav li.on ul a { background: #f90; }/* ----------------  --- LEFT NAVIGATION ------------------- */  /*do the image replacement*/#leftnav { margin:0; padding:0; }#leftnav li { margin:0; padding:0; display: block; }#leftnav li span { display:none; }#leftnav-action a, #leftnav-world a, #leftnav-twinkie a, #leftnav-game a, #leftnav-free a, #leftnav-recipes a {  display: block;  height: 22px;  width:172px;  background:   url("../images/ui/leftnav.jpg") no-repeat; /*contains all hover states*/  }/*first, put the initial states in place*/#leftnav-action a { background-position: 0 0; }#leftnav-world a { background-position: 0 -22px; }#leftnav-twinkie a { background-position: 0 -44px; }#leftnav-game a { background-position: 0 -66px; }#leftnav-free a { background-position: 0 -88px; }#leftnav-recipes a { background-position: 0 -110px; }#leftnav-action a:hover { background-position: -172px 0px; }#leftnav-world a:hover { background-position: -172px -22px; }#leftnav-twinkie a:hover { background-position: -172px -44px; }#leftnav-game a:hover { background-position: -172px -66px; }#leftnav-free a:hover { background-position: -172px -88px; }#leftnav-recipes a:hover { background-position: -172px -110px; }#leftnav-hedge a {  display: block;  height: 293px;  width:172px;  background:   url("../images/ui/leftnav_hedge.jpg") no-repeat; /*contains all hover states*/  }#leftnav-hedge a:hover { background-position: -172px 0px; }#leftnav-rudolph a {  display: block;  height: 321px;  width:172px;  background:   url("../images/ui/leftnav_rudolph.jpg") no-repeat; /*contains all hover states*/  }/* This goes in the stylesheet to hide the browser text before it is replaced by flash */.sIFR-hasFlash .mainhdr{  visibility: hidden;  margin:0;  width:350px;  font-size:15px;}.sIFR-flash {  visibility: visible !important;  margin: 0;}.sIFR-replaced {  visibility: visible !important;}span.sIFR-alternate {  position: absolute;  left: 0;  top: 0;  width: 0;  height: 0;  display: block;  overflow: hidden;}/* END FLASH REPLACEMENT STYLES */.error {	padding: 10px;	border: red 1px solid;	background-color:#efefef;	margin: 10px;}/* Muffin page styles */ #wrapperMuffin {  background:  url("../images/ui/muffinBG.jpg") top center no-repeat;    width:762px;   margin:0 auto;  min-height: 284px;  padding-bottom:35px;  text-align:left;  }   .muffinList ul {	margin:0;}.muffinList ul li {    list-style-type: none;    background: url("../images/ui/checkmark.jpg") 0px 3px no-repeat;    padding-left: 35px;	padding-top:9px;	padding-bottom:3px;	margin:0 0 0 65px;	font-family:Verdana, Geneva, sans-serif; font-weight:bold;	font-size:14px;	color:#ff0014;} /* Muffin jquery gallery */#galleryWrapper {	/* The main container */	margin:15px auto;	text-align:center;	width:387px;	position:relative; overflow:hidden;}#gallery{		background:url(img/panel.jpg) repeat-x bottom center #ffffff;		/* The width of the gallery */	width:387px;	overflow:hidden;}#slides{	/* This is the slide area */	height:225px;		/* jQuery changes the width later on to the sum of the widths of all the slides. */	width:387px;	overflow:hidden;}.slide{	float:left;}#menu{	/* This is the container for the thumbnails */	height:40px;}#menu ul{	margin:0px;	padding:0px;	height:40px;}#menu li{	/* Every thumbnail is a li element */	width:115px;	display:inline-block;	list-style:none;	height:35px; float:left;	overflow:hidden; margin:0; border:1px solid #004e99;}#menu li.inact:hover{	/* The inactive state, highlighted on mouse over */}#menu li.act,li.act:hover{	/* The active state of the thumb */	background:url(../images/temp/activeButton.jpg) no-repeat;	border:1px solid #fff;}#menu li.act a{	cursor:default;}#menu .fbar{	/* The left-most vertical bar, next to the first thumbnail */	width:2px; border:1px solid #fff;	}#menu li a{	display:block;		height:35px;}#menu a img{	border:none;}