html,body,div,h1,h2,h3,p { margin: 0; padding:0; font-size:1em; font-weight:normal; font-style:normal;}
body {font: 12px Verdana, Arial, sans-serif; background-color:#ffffff; color:#333333; background-image: url(images/background2.gif);}
/* body {font: 12px Verdana, Arial, sans-serif; background-color:#ffffff; color:#333333; background-image: url(images/background2.gif);} */


a.tickl{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; line-height:16px; text-decoration:none; color:#000099; font-weight:bold; background-color:#; border:0px;}
a.tickl:hover{color:#0066ff; text-decoration:underline;}
.ticki{width:629px; height:16px; overflow:hidden;}
.ticko{width:629px; border-top:1px solid #ff0000; border-bottom:1px solid #990000; padding:1px 0 4px 0; margin:4px 0 0px 0; display:block;}
.tickls{color:#ff0000;}
.tickh{display:none;}


a {color: #0000ff;}
img {border: none; behavior:url(iepngfix.htc);}
ul,ol {list-style: none;}

#container {width: 980px; margin: 0 auto; position: relative; background-image: url(images/background2.gif);}
#main {width:100%; position: relative; border:0px solid #ff9966;}
#content {padding: 18px 20px; position: relative; color: #333333;}

.column {float: left;}

.grid1 {width: 100%;}
.grid1 .column {width: 58%; margin-left: 2%;}
.grid1 .column.first, .grid1 .column.last {width: 19%;}

#main .box .featured {position: relative; min-height:322px; height: 312px;}

#main .box.middlecontent .boxbottom .column { position: relative; min-height: 150px; *height:150px;}
#main .box.middlecontent h2 {text-indent:-9999px; height:12px;}
#main .box.middlecontent hr {margin-top:.4em; *margin-top:-10px;}
#main .box.middlecontent p {font-size:12px; line-height:1.3em; margin-bottom:10px;}
#main .box.middlecontent .boxbottom p {font-size:11px;}
#main .box.middlecontent h2 {width: 308px; line-height: 28px;}

#main #sidenav {height:522px;}
#main #sidenav .drawer .drawercontent {height:40.8em;}

.column.first, .column.last {margin-left: 0 !important;}
.column.last {float: right !important;}

#container:after, #content:after, .grid1:after {content: "."; display:block; height:0; clear: both; visibility: hidden;}

#main p {margin-bottom: 18px; }
#main h1 {font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px;}
#main h2 {font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px;}
#main h3 {font-weight: bold; font-size: 1em; line-height: 18px;}
#main .more {text-align: right; }
#main .sidebar {font-size: 10px; line-height: 18px; color:#686868;}
#main .last {margin-bottom: 0; }
#main ul {margin-bottom: 18px; list-style: none outside;}
#main ol {margin-bottom: 18px; list-style: decimal; margin-left: 2.2em;}

.grid1 .column {width:582px; margin-left:11px;}
.grid1 .column.first, .grid1 .column.last {width:188px;}
.grid2 .column.first {width:270px;}
.grid2 .column.last {width:300px;}

#content {padding:0; color:#555;}

#main h2 {font-size:22px; margin-bottom:.6em; color:#383838; font-weight:normal;}
#main h3 {font-size:16px; margin-bottom:.2em; color:#000000;}

#main a {color:#2970a6; text-decoration:none;}
#main a:hover {text-decoration:underline;}

#main hr {clear:both; width:100%; color:#ffffff; background:none; border:none; margin:0 -1px 1em; border-bottom:1px solid #ff9966;}

#main .sidebox {padding:0 12px; margin:0 0 1em; font-size:11px; color:#76797c; line-height:1.3em; background: url(images/sidebox_bgbottom.gif) no-repeat 0 100%;}
#main .sidebox h2, #main .sidebox h2 a {display:block; height:25px; text-indent:-9999px; padding:0 12px; margin:0 -12px; background:no-repeat 0 0;}
#main .sidebox h2.alt, #main .sidebox h2.alt a {padding:.8em 12px; margin:0 -12px .8em; text-indent:0; font-size:11px; line-height:1.4em; font-weight:bold; background: url(images/sidebox_bgtop_alt.gif) no-repeat 0 0; }

#main .sidebox img.left {margin-right:10px; margin-bottom:10px;}
#main .sidebox img.right {margin-left:10px; margin-bottom:10px;}
#main .sidebox img.across {margin-bottom:10px;}

#main .sidebox img.flushright {margin-right:-12px;}
#main .sidebox img.flushleft {margin-left:-12px;}
#main .sidebox.light { background:url(images/sideboxlight_bg.gif) repeat-y 0 0; }
#main .sidebox.light .clearer { height:6px; margin:0 -12px; background:url(images/sidenav_capbottom.png) no-repeat bottom left; behavior:url(iepngfix.htc); }
#main .sidebox.light .inside { margin:0 -12px; padding:0 12px; background:url(images/sideboxlight_bggradient.gif) no-repeat 0 0; }

#main .sidebox#choosetype .clearer { margin:-5px 0 0 0; position:relative; }
#main .sidebox#choosetype {width:188px; padding:0; overflow:hidden;}
#main .sidebox#choosetype h2 {padding:0; margin:0; background-image:  url(images/sidenav_bgtop_browse.png);}

#main #sidenav .drawer {padding:0; margin:0; width:188px;}
/*  #main #sidenav .drawer h3.drawerhandle {height:17px; padding:7px 0; width: 100%; text-indent:10px; margin:0; color:#333333; font-size:12px; font-weight:normal; background-color:#72839D; background: url(images/sidenav_bg_drawerhandle.png) 0 0 no-repeat;} */

#main #sidenav .drawer h3.drawerhandle {height:17px; padding:7px 0; width: 100%; text-indent:10px; margin:0; color:#333333; font-size:12px; font-weight:normal; background-color:#72839d; background: url(images/drawerhandleani.gif) 0 0 no-repeat;}
#main #sidenav .drawer h3.drawerhandle.open {position:relative; background-position:-188px 0; color:#993300;}
#main #sidenav .drawer h3.drawerhandle {display:none;}
#main #sidenav .drawer h3.drawerhandle a {color:#ff0099; font-weight:bold;}
#main #sidenav .drawer h3.drawerhandle.last a {color:#0066cc; font-weight:bold;}
#main #sidenav .drawer .drawercontent {display:none;}
#main #sidenav.hasjs .drawer h3.drawerhandle, #main #sidenav .drawer h3.drawerhandle.open {display:block; width: 100%; font-weight:bold;}
#main #sidenav.hasjs .drawer .drawercontent, #main #sidenav .drawer .drawercontent.open {display:block; width: 100%;}

#sidenav ul.packagesB {margin:-1px 0 0; padding:0 0 1px; font-size:10px; list-style-position:inside;}
#sidenav ul.packagesB li {margin:0; padding:7px 7px 7px; color:#2970a6; font-weight:bold; border-top:1px solid #ffcc99; background:transparent url(images/arrow.gif) no-repeat 167px .6em;}
#sidenav ul.packagesB li a {color:#ff0099;}
#sidenav ul.packagesB li a.bottom {margin-bottom:1em;}
#sidenav ul.packagesB li span.description {display:block; color:#555555; font-weight:normal;}

#sidenav ul.packagesA {margin:-1px 0 0; padding:0 0 1px; font-size:10px; list-style-position:inside;}
#sidenav ul.packagesA li {margin:0; padding:7px 10px 7px; color:#2970a6; font-weight:bold; border-top:1px solid #ffcc99; background:transparent url(images/arrow.gif) no-repeat 167px .6em;}
#sidenav ul.packagesA li a {color:#0066cc;}
#sidenav ul.packagesA li span.description {display:block; color:#555555; font-weight:normal;}
#sidenav ul.packagesA li a.smallpic div {height:127px; width:172px; overflow:hidden; margin:1em 0 -7px 0;}

#main h2#titleleaditems {font-size:21px; height:17px; padding:4px 12px; margin:-1px 0 0; color:#333333; background:url(images/sidenav_bgtop_wow.png) no-repeat 0 0;}
#main .boxtop h2 {line-height: 1em;}
#lead1 		{font-size:21px; height:24px; padding:4px 12px; margin:-1px 0 0; color:#333333; background:url(images/boxlightani.gif) no-repeat 0 0;}

#leaditems.sidebox {height: 555px; padding: 0 0;}

#leaditems .drawers {margin: 0; padding: 0; position: relative; overflow: hidden; height: 100%;}
#leaditems .drawers li {margin: 0; padding: 0; width: 188px; display: block; position: absolute; top: 0; z-index: 1;}
#leaditems .drawers a.smallpic {display: block; padding: 16px 0 0; text-decoration:none; text-align:center; background: url(images/shingles_2.png) -188px 82% no-repeat;}
#leaditems .drawers a.smallpic img {margin-bottom: -10px;}
#leaditems .drawers .handle {display: block; padding: 12px 15px 9px; height: 67px; margin-bottom: -6px; overflow: hidden; background: url(images/shingles_2.png) -188px 100% no-repeat;}
#leaditems .drawers .handle:hover {text-decoration: none;}
#leaditems .drawers .handle strong {display: block; font-size: 14px; color: #333333; height: 18px; white-space: nowrap; overflow: hidden;}
#leaditems .drawers .handle .description {color: #333333; height: 26px; overflow: hidden; line-height: 14px;}
#leaditems .drawers .handle .more {display: block; float: left; color: #2970A6; padding-right: 20px; background: url(images/arrow2.gif) no-repeat right .1em; font-weight: bold;}
#leaditems .drawers li.obscured .handle {background-position: 0 100%;}
#leaditems .drawers li.obscured a.smallpic {background-position: 0 82%;}
#leaditems .drawers li.obscured .handle strong {color: #333333; text-shadow: 0 0 0 #000000;}
#leaditems .drawers li.obscured .handle .description {color: #666666; text-shadow: none;}
#leaditems .drawers li.obscured .handle .more {color: #ff0000; background: url(images/arrow2.gif) no-repeat right .1em; background-image:none;}

#hilite1 {text-align:center; padding: 10px 10px 10px 10px;}
#hilite { text-decoration:underline; background-color:#ffd1b3; padding:4px 12px; font-color: #ff0000; font-weight: bold; border:1px solid #ff0000;}
#hilite:hover {text-decoration:underline; background-color:#ffff00; color: #ff0000; font-weight: bold; background: url(images/drawerhandleani.gif) no-repeat;}
#hilite a:hover {text-decoration:underline; padding:4px 12px;color: #ff0000; font-weight: bold;}

.hilite1 {text-align:center; padding: 10px 10px 10px 10px;}
.hilite { text-decoration:underline; background-color:#ffd1b3; padding:4px 12px; font-color: #ff0000; font-weight: bold; border:1px solid #ff0000;}
.hilite:hover {text-decoration:underline; background-color:#ffff00; color: #ff0000; font-weight: bold; background: url(images/drawerhandleani.gif) no-repeat;}
.hilite a:hover {text-decoration:underline; padding:4px 12px;color: #ff0000; font-weight: bold;}