/* STRUCTURE */
body {margin:0;padding:0;behavior:url("csshover3.htc");}
#wrap {position:relative;width:980px;margin:0 auto;overflow:hidden}
#container2 {clear:left;float:left;width:100%;overflow:hidden;background:#fff}
#container1 {float:left;width:100%;position:relative;right:780px}
#containerpromo1 {float:left;width:100%;}
#main {position:relative;overflow:hidden;width:750px;left:780px;float:left;padding:0 15px 20px 15px}
img {border:0;display:block;position:relative}

/* superscript for trademark symbol */
sup {font-size: 0.55em; line-height: 1em; vertical-align:top} 

/* italic + bold */
em {font-style:italic}
strong {font-weight:bold}

/* content wrap */
#content {float:left;margin-top:15px;position:relative;z-index:100;font:13px georgia;line-height:20px;float:left}
#content p {margin:0 0 10px 0;padding:0}
#content ul, #content ol {margin:0 0 10px 0;padding:0}
#content ul li {list-style:none;background:url(/images/index/bullet.gif) no-repeat 2px 8px;padding-left:15px}
#content blockquote {margin:0 0 10px 15px;padding:0}

/* heads */
#content h1 {font:normal 22px georgia;margin:0 0 10px 0;padding:0;line-height:26px;color:#666}
#content h2 {font:normal 16px georgia;margin:20px 0 10px 0;padding:0;line-height:20px}
#content h3 {font:bold 13px georgia;margin:20px 0 10px 0;padding:0;line-height:20px}
#content h3.jazz {font:bold 12px georgia;}
#content h6 {font:bold 13px georgia;margin:0;padding:0;}

/* captions */ 
#content p.caption, #content .caption p {font:10px verdana;line-height:14px;padding:0;margin:5px 0 5px 0;color:#888}
#content p.georgia-small, #content .georgia-small p {font:11px georgia;line-height:14px;color:#000}

/* contentmag wrap */
#contentmag {float:left;margin-top:15px;position:relative;z-index:100;font:13px georgia;line-height:20px;float:left}
#contentmag p {margin:0 0 10px 0;padding:0}
#contentmag ul, #contentmag ol {margin:0 0 10px 0;padding:0}
#contentmag ul li {list-style:none;background:url(/images/index/bullet.gif) no-repeat 2px 8px;padding-left:15px}
#contentmag blockquote {margin:0 0 10px 15px;padding:0}

/* heads 
#contentmag h1 {font-size:22px;margin:0 0 10px 0;padding:0;line-height:26px}
#contentmag h2 {font-size:16px;margin:20px 0 10px 0;padding:0;line-height:20px}
#contentmag h3 {font-size:13px;font-weight:bold;margin:20px 0 10px 0;padding:0;line-height:20px}*/

/* captions */ 
#contentmag p.caption, #contentmag .caption p {font:10px verdana;line-height:14px;padding:0;margin:5px 0 5px 0;color:#888}


/* set all the columns to floating left */ 
.thirty, .seventy, .oneten, .onetwenty, .onefifty, .oneseventy, .oneninety, .twothirty, .twoseventy, .threeten, .threethirty, .threefifty, .threesixty, .threeninety, .fourthirty, .fourseventy, .fiveten, .sevenfifty {position:relative;float:left;display:inline}

/* 30px column */
.thirty {width:30px}

/* 70px column */
.seventy {width:70px}

/* 110px column */
.oneten {width:110px}

/* 120px column */
.onetwenty {width:120px}

/* 130px column */
.onethirty {width:130px}

/* 130px column left */
.onethirtyleft {width:130px; float:left;}

/* 140px column */
.oneforty {width:140px}

/* 150px column */
.onefifty {width:150px}

/* 170px column */ 
.oneseventy {width:170px}

/* 170px column */
.oneseventyleft {width:170px; float:left;}

/* 190px column */
.oneninety {width:190px}

/* 190px column */
.oneninetyleft {width:190px; float:left;}

/* 205px column */
.twofive {width:205px; float:left;}

/* 210px column */
.twoten {width:210px; float:left;}

/* 230px column */
.twothirty {width:230px}

/* 260px column */
.twoseventy {width:260px}

/* 270px column */
.twoseventy {width:270px}

/* 310px column */
.threeten {width:310px}

/* 350px column */
.threefifty {width:350px}

/* 360px column */
.threesixtyleft {width:360px; float:left;}

/* 390px column */
.threeninety {width:390px}

/* 390px column */
.threeninetyleft {width:390px; float:left;}

/* 430px column */
.fourthirty {width:430px}

/* 470px column */
.fourseventy {width:470px}

/* 510px column */
.fiveten {width:510px}

/* 750px row */
.sevenfifty {width:750px}



/* pad the paragraph text 10 pixels on the right */
.pad-ten p, .pad-ten ul, .pad-ten blockquote, .pad-ten h1, .pad-ten h2, .pad-ten h3 {padding-right:10px}



/* MARGINS */

/* no margins */
.no-margin, p.no-margin, .no-margin p, #content.no-margin {margin:0}

/* left margins */
.left-five, p.left-five {margin-left:5px}

/* left-ten was set to 9px to correct a bug - when zooming out our layouts broke */
.left-ten, p.left-ten {margin-left:9px}

.left-fifteen {margin-left:15px}
.left-twenty {margin-left:20px}
.left-thirty {margin-left:30px}
.left-forty {margin-left:40px}
.left-fifty {margin-left:50px}
.left-ninety {margin-left:90px}

/* right margins */
.right-ten, p.right-ten {margin-right:10px}
.right-fifteen {margin-right:15px}
.right-thirty {margin-right:30px}
.right-forty {margin-right:40px}
.right-fifty {margin-right:50px}

/* top margins */
.top-five, p.top-five {margin-top:5px}
.top-ten, p.top-ten {margin-top:10px}
.top-fifteen, p.top-fifteen {margin-top:15px}
.top-thirty, p.top-thirty {margin-top:30px}
.top-forty {margin-top:40px}
.top-fifty {margin-top:50px}

/* bottom margins */
.bottom-five, p.bottom-five {margin-bottom:5px}
.bottom-ten, p.bottom-ten {margin-bottom:10px}
.bottom-fifteen {margin-bottom:15px}
.bottom-thirty {margin-bottom:30px}
.bottom-forty {margin-bottom:40px}
.bottom-fifty {margin-bottom:50px}

/* for aligning to bottom */
p.bottom {position:absolute;left:0;bottom:0;margin:0;padding:0}

/* for clearing floats 
.clear {clear:both;margin:0;padding:0;line-height:0;height:0;overflow:hidden;font-size:0;visibility:hidden;float:none;width:100%}
*/

/* for clearing floats */
.clear {clear:left}

/* PROMO */

#promo {float:left;width:980px;padding:0px 0px 0px 0px;font:10px verdana;position:relative;overflow:visible;}

/* T-SHIRT DROP DOWNS */
#ddown select {font:11px verdana;height:20px;background:#fff;}
#ddown .dropselect {width:170px;height:20px;margin:0;padding:0;}

/* LEFT COLUMN */

#left {float:left;width:170px;padding:11px 15px 15px 15px;font:10px verdana;position:relative;left:780px;overflow:hidden;}
.head {margin-bottom:6px}
#left .sunburst {padding-bottom:71px}
#left div {margin-bottom:15px}
#left div p.advanced-search {clear:left;display:block;margin:0;padding:0;width:auto}

/* left col select */
#left select {border:0;width:100%;margin:0;padding:0;font:10px verdana;height:20px;background:#fff;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;color:#526c79}
#left .dropselect {width:100%;height:20px;margin:0;padding:0}

/* left col input */
#left input.search, #left input.email {font:10px verdana;color:#999;margin:0;padding:3px 3px 2px 5px;height:15px;border:0;float:left;width:130px;margin-bottom:3px}
#left a.gobutton, #left input.submitbutton {cursor:pointer;border:0;position:relative;display:inline-block;width:32px;height:20px;overflow:hidden;text-indent:-9999px}
#left input.email {margin-bottom:0}
#left a:hover.gobutton, #left input:hover.submitbutton {background-position:0 -20px}

/*left col magazine */
#left #magazine {padding-bottom:10px}
#left #magazine ul {border-top:0;color:#fff;padding:4px 0 0px 10px;margin:0 0 0 15px;}
#left #magazine li {margin:0;padding:0;list-style:disc}
#left #magazine li a:hover {color:#fff}
#left #magazine img.date {margin-top:5px;margin-left:10px}

/* left column related links */
#left ul.related-links {margin:8px 0 0 0}
#left ul.related-links li a {height:10px;width:170px;display:block;text-indent:-9999em;margin:5px 0 0 0}



/* COLLAPSE */
#collapse .showDD {display:block;border-bottom:1px dotted #666;}
#collapse dd, #collapse .hideDD {display:none}
#collapse dt {font-weight:bold;margin-top:10px}
#collapse dt a {padding-top:5px;display:block}
#collapse dd p em {font-style:italic} /* for some reason this is needed */
#collapse dt.DTminus a {display:block}
#collapse span {color:#000;font-weight:normal}
#collapse a:hover span {color:#214873}

/* small type for captions */
p.verdana-ten {font:10px verdana;line-height:15px;padding:0;margin:0}
p.verdana-black {font:12px verdana;line-height:16px;padding:0;margin:5px 0 5px 0;color:#000}

/* NAV */
#nav {height:40px;padding:19px 0 0 0; margin:0; list-style:none; position:relative;z-index:200}
#nav li {display:block;float:left;}
#nav li a {display:inline; float:left;height:14px;text-decoration:none; padding:0; margin:0 15px 0 0; cursor:pointer; }
#nav li a span {margin-left:-9999px;}
#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}
#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover {position:relative}
#nav a:hover {position:relative; white-space:normal;}
#nav :hover ul.sub {left:0; top:14px;height:auto; padding:5px 0 3px 0;filter:alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95; }
#nav :hover ul.sub li {display:block; height:18px;position:relative; float:left; font-weight:normal;margin:0;padding:0}
#nav :hover ul.sub li a {display:block; height:15px; text-decoration:none;margin:0; padding:0; cursor:pointer;}
#nav :hover ul.sub li a span {position:absolute; left:-9999px; margin:0;}
#nav :hover ul.sub li a:hover {background-color:#fff;background-position: 0 -16px; position:relative}


/* DOWNLOAD GRAPHICS */
a.dl span, a.elink span, a.dlpdf span, a.dldoc span, a.dlpdf2, a.dldoc2 {display:inline-block;background-repeat:no-repeat;background-position:top right;margin-left:2px}
a.dl span, a.elink span {width:13px;height:13px}
a.dlpdf span, a.dldoc span, a.dlpdf2, a.dldoc2 {width:42px;height:13px}
a.dlpdf2, a.dldoc2 {margin:3px 5px 4px 0}
/* hovers */
a.dl:hover span, a.elink:hover span, a.dlpdf:hover span, a.dldoc:hover span, a.dlpdf2:hover, a.dldoc2:hover {background-position:bottom right}


/* FOOTER */
#footer {clear:both;font:12px georgia;width:100%;padding-top:8px}
#footer a {color:#777}
#footer a:hover {color:#fff}
#footer ul {color:#777;font-size:12px;list-style-type:none;margin:0;padding:0 0 10px 0}
#footer li {display:inline;padding-right:5px}

/* FOOTER */
#footerpromo {clear:both;font:12px georgia;width:100%;padding-top:8px}
#footerpromo a {color:#777}
#footerpromo a:hover {color:#fff}
#footerpromo ul {color:#777;font-size:12px;list-style-type:none;margin:0;padding:0 0 10px 0}
#footerpromo li {display:inline;padding-right:0px}
