/* RESET (Based on YUI 2.5.2) --------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0; color:#444;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
a {text-decoration:none;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal; font-family:"Lucida Grande", Verdana, sans-serif;}
p,li,#cse-search-results{font-family:"Lucida Grande", Verdana, sans-serif; font-size:13px; line-height:22px;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}


/* GENERAL --------------------- */
body.home { background:url(/imgs/hmbg.jpg) 0 0 repeat-x;}
body.reg { background:url(/imgs/bgreg.jpg) 0 0 repeat-x;}

#wrapper { margin:0 auto 0; padding:138px 0 0; width:920px; position:relative; }

#banner p, #banner h1, #banner h3, #banner li, #ban p { color:#FFF; }
#banner { margin-bottom:30px; height:300px;}
#banner h1 {font-size:14px; font-weight:bold; text-transform:uppercase;}
#banner p {width:480px; font-size:16px; padding:28px 0 16px; line-height:26px;}
#banner .cola {width:212px; float:left; margin-right:25px;}
#banner .colb {width:260px; float:left; }

#ban p {width:600px; font-size:16px; padding:30px 0 45px; line-height:30px;}

div.hmphoto {position:absolute; top:120px; left:520px;}
.hmphoto img {border:2px solid #FFF;}


/* LAYOUT ---------------------  *:first-child+html  */
.thrcolnar #main { width:456px; margin:0 230px; }
* html .thrcolnar #main { width:452px;}
.thrcolnar #side1 {width:184px; float:left; padding:0 20px 10px 0; }
.thrcolnar #side2 {width:184px; float:right; padding:0 0 10px 20px;}

.thrcoleq #main { width:281px; margin:0 321px 0 310px; }
.thrcoleq #side1 {width:267px; float:left; padding:0; }
.thrcoleq #side2 {width:282px; float:right; padding:0; }
* html .thrcoleq #main { width:276px; margin:0 280px 0 318px; }
* html .thrcoleq #side1 {width:277px; float:left; padding:0 20px 0 0;}
* html .thrcoleq #side2 {width:277px; float:right; padding:0 0 0 20px;}

.twocolwidrt #main { width:600px;}
.twocolwidrt #side1 {width:250px; float:right; padding:0 0 10px 20px; }

.full #main {width:auto;}


.thrcolnar #side1.line, .thrcoleq #side1.line, .twocolnarlt #side1.line, .thrcollt #side1.line, .thrcollt #side2.line, .frcolnar #side1.line, .twocolwidlt #side1.line {border-right:1px solid #d9d9d9;}

.thrcolnar #side2.line, .thrcoleq #side2.line, .twocolnarrt #side1.line, .twocoleq #side1.line, .thrcolrt #side1.line, .thrcolrt #side2.line, .frcolnar #side2.line, .twocolwidrt #side1.line {border-left:1px solid #d9d9d9;}



.shade {background:#f7f7f7;}
.shadeborder {background:#f7f7f7; border:1px solid #e5e5e5;}
.thrcolnar #side1.shade h3, .thrcolnar #side1.shade p, .thrcolnar #side1.shadeborder h3, .thrcolnar #side1.shadeborder p {padding-left:20px;}
.thrcolnar #side2.shade h3, .thrcolnar #side2.shadeborder h3, .thrcolnar #side2.shade p, .thrcolnar #side2.shadeborder p {padding-right:20px;}
.twocolnarrt #side1.shade h3, .twocolnarrt #side1.shade p, .twocolnarrt #side1.shadeborder h3, .twocolnarrt #side1.shadeborder p {padding-right:20px;}
.twocolnarlt #side1.shade h3, .twocolnarlt #side1.shade p, .twocolnarlt #side1.shadeborder h3, .twocolnarlt #side1.shadeborder p {padding-left:20px;}
.thrcolnar #side1.shade h3, .thrcolnar #side2.shade h3, .thrcolnar #side1.shadeborder h3, .thrcolnar #side2.shadeborder h3, .twocolnarlt #side1.shade h3, .twocolnarlt #side1.shadeborder h3, .twocolnarrt #side1.shade h3, .twocolnarrt #side1.shadeborder h3 {padding-top:16px;}


/* COLUMNS --------------------- */
.container {width:100%; float:left;}

/* Width percentages customized for twocolnar layouts */
.col2, .col2-last { width:48%; float:left; margin-right:20px; margin-bottom:.5em;}
.col2-last {margin-right:0;}
.col2div, .col2div-last { width:46%; float:left; margin-right:20px; margin-bottom:25px;}
.col2div-last {margin-right:0; border-left:1px solid #d9d9d9; padding-left:20px;}

/* Width percentages customized for thrcolnar layout */
.thrcolnar .col2, .thrcolnar .col2-last { width:47%;}
.thrcolnar .col2div, .thrcolnar .col2div-last { width:45%;}


.col3, .col3-last { width:31%; float:left; margin-right:20px; margin-bottom:.5em; }
.col3-last {margin-right:0;}
.col3div, .col3div-last { width:28%; float:left; margin-right:20px; margin-bottom:25px; border-right:1px solid #d9d9d9; padding-right:20px;}
.col3div-last {margin-right:0; padding-right:0; border-right:0; }


/* BANNER --------------------- */
h1#logo {position:absolute; top:36px; left:0; font-size:34px;}
h1#logo a {color:#FFF;}
h1#logo a:hover {background:none;}

#globalnav {position:absolute; top:107px; left:0; }
ul#globalnav {width:550px; }
ul#globalnav li { float:left; margin:0 4px 0 0; background:#FFF; font-weight:bold; list-style:none;}
#globalnav a {display:block; padding:3px 12px 2px; color:#194b77; text-transform:uppercase; }
#globalnav a.selected {background:url(/imgs/tabhl.jpg) center bottom repeat-x; color:#FFF; }
#globalnav a:hover {color:#3075ba; background:#FFF;}

p.reslink {position:absolute; top:30px; right:0; font-size:20px;}

.hmwrapgear {width:auto; background:url(/imgs/icon-gear.jpg) 0 0 no-repeat; padding-left:65px; }
.hmwraptools {width:auto; background:url(/imgs/icon-tools.jpg) 0 0 no-repeat; padding-left:65px; }

ul {margin-bottom:1em;}
ul li {list-style:disc; margin-left:16px;}


/* MISC --------------------- */
.hide { display:none; }
.float-l { float:left; }
.float-r { float:right;  }
.clear { clear:both; height:1px; line-height:0; }
.padvert0 {padding-top:0px;}
.padvert10 {padding-top:10px;}
.padvert20 {padding-top:20px;}
.padvert30 {padding-top:30px;}
.padvert10btm {padding-bottom:10px;}
.padvert20btm {padding-bottom:20px;}

.linedown { border-bottom:1px solid #e7e7e7; margin-bottom:20px; padding-bottom:20px; }
.lineup { border-top:1px solid #e7e7e7; margin-top:20px; padding-top:20px; }

/* TYPOGRAPHY --------------------- */
p { font:normal 12px/1.5em "Lucida Grande", Verdana, sans-serif; margin:0 0 1em;}
h1 { font-size:22px; line-height:1em; line-height:1.3em; margin-bottom:.5em;}
h2 { font-size:16px; color:#1c950e; margin-top:1.5em; padding-bottom:5px; line-height:20px;}
h3 { font-size:13px; padding-bottom:3px; font-weight:bold;}
h4 { font-size:14px; line-height:20px; color:#006699; font-weight:bold; text-transform:uppercase; padding-bottom:6px;}
h5 { font-size:16px; margin-top:0; padding-bottom:5px; line-height:20px;}

p a, li a, a { color:#0088cc; } 
p a:hover, li a:hover { background-color:#e5f6ff; }

h2.gray {color:#79bb16; font-size:13px; font-weight:bold; text-transform:uppercase;}
strong {font-weight:bold;}


/* FOOTER --------------------- */
#footer { margin:0 auto; width:876px; margin-top:25px; padding:18px 22px 10px; height:120px; background:#fcfcfc; border-top:1px solid #e9e9e9; }
.footer-rt {float:right; text-align:right;}


/* IMAGES --------------------- */
#main img {margin:0 0 18px; }
#main img.left {margin:5px 20px 12px 0; float:left;}
#main img.right {margin:5px 0 12px 20px; float:right;}

#main .col2 img, #main .col2-last img, #main .col3 img, #main .col3-last img { margin-bottom:14px; border:1px solid #d9d9d9;}

* html #main .col2 img, * html #main .col2-last img, * html #main .col3 img, * html #main .col3-last img { margin-bottom:10px; border:1px solid #d9d9d9;}