@import url(xaraya.css); @import url(text.css); @import url(menu.css);
body {margin: 0px; padding: 0px; height: 100%; font-family: "Verdana", "Bitstream Vera Sans", lucida, arial, helvetica, sans-serif; font-size: 13px; color: #333; background: url("../images/bgs/bg_home3.gif") no-repeat top right #FFF; text-align: left;}
img {border: 0;}
p {margin: 0px; padding: 3px 0px 0px 3px; font-size: 13px; line-height: 15px; color: #333;}
#masthead {display: block; float: left; clear:right; width: 760px; height: 110px; background: url("../images/borders/999.gif") repeat-x bottom #fff;}
#masthead .logo {position: absolute; top: 0; left: 0; display: block; width: 148px; height: 96px;}
#masthead .tagline {position: absolute; top: 0; left: 148px; display: block; width: 413px; height: 96px; background: url("../images/masthead/tagline2.gif") top right  #fff;}
#masthead .tagline h1 {font-size: 1px; line-height: 1px; display: none;}
#masthead .topnav {position: absolute; top: 0; left: 470px; display: block; width: 290px; height: 96px; background: url("../images/borders/999.gif") repeat-y right #fff; background-color: transparent;}
.topnav ul {display: block; border: 0; margin: 0; padding: 0; height: 16px; list-style-type: none; text-align: center; vertical-align: middle; width: 213px;}
.topnav ul li {display: block; float: left; text-align: center; margin-top: 4px; padding: 0px 3px 0px 3px; border-left: 1px solid #999;}
.topnav ul li a, .topnav ul li a:link, .topnav ul li a:hover, .topnav ul li a:active, .topnav ul li a:visited {color: #006699; font-size: 9px; background-color: transparent; text-decoration: none;}
.topnav ul li.home {padding-left: 0px; border-left: 0px;}
.topnav img {display: block; float: right; margin: 4px 3px 0px 0px; padding: 0px;}
.topnav p {display:block; float:right; font-size: 10px; margin: 50px 0 0 0; padding: 0; line-height: 1;}
.topnav form {display: block; float: right; margin: 0px 0px 5px 0px; padding: 0px 3px 0px 0px; background-color: transparent; width: 240px;}
input.blue {font-size: 10px; font-weight: bold; background-color: #dcf2fa; border-color: #38839e; border-style: inset; border-width: 1px; color: #42b4e6; width: 190px;}
#container {clear: both; display: block; width: 760px; background: url("http://www.ldonline.org/themes/ld_main/images/bgs/container-home.gif") repeat-y right #fff;}
#left {display: block; float: left; width: 148px; padding: 0px 0px 0px 1px;}
#left .promo {display: block; width: 126px; padding: 10px 10px 0px 12px;}
#photo {float:right; margin: 0px; padding: 0px; width: 608px; height: 170px; background: url("../images/borders/999.gif") repeat-x bottom;}
#photo img {display:block; margin: 0px; padding: 0px; border: 5px solid #fff;}
#content {display: block; float: left; margin: 0px; padding: 0px; width: 445px; /* ie5win fudge begins */	voice-family: "\"}\""; voice-family: inherit; width: 450px;}
#content a {font-weight: bold;}
#specialfeature, #specialfeature_whitebg {display: block; float: left; margin: 0px 0px 0px 1px; padding: 0px 0px 0px 5px; background: url("../images/borders/999.gif") repeat-x bottom #fff; width: 451px; /* ie5win fudgebegins */	voice-family: "\"}\""; voice-family: inherit; width: 449px;}
#specialfeature img, #specialfeature_whitebg img {display: block; float: left; margin: 10px 10px 10px 10px; padding: 0px;}
#specialfeature p.intro, #specialfeature_whitebg p.intro {display: block; float: right; padding: 5px 5px 10px 5px; margin: 0px; width: 313px;}
#specialfeature h2 span, #specialfeature_whitebg h2 span {display: block; float:left; font-family: 'Trebuchet MS', 'Helvetica', sans-serif; color: #336699; font-size: 20px; line-height: 23px; font-weight: lighter; padding: 0px; margin: 5px 0px 0px 10px;}
#newscolumn {display: block; float: left; margin: 0px; padding: 0px; width: 459px; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family: inherit; width: 459px;}
#whatsnewcolumn {display: block; float: left; margin: 0px 0px 0px 10px; padding: 10px 5px 15px 5px; width: 257px; /* ie5win fudge begins */	voice-family: "\"}\""; voice-family: inherit; width: 269px;}
.maincolumn {display: block; float: left; margin: 0px 0px 0px 10px; padding: 10px 5px 15px 0px; background: url("../images/borders/999.gif") repeat-x top #fff; width: 432px;}
.maincolumn h2 span {font-family: 'Trebuchet MS', 'Helvetica', sans-serif; color: #336699; font-size: 20px; line-height: 20px; font-weight: lighter; width: 100%; padding: 0px 0px 5px 0px; margin: 10px 0px 0px 0px;}
#articles h2 span, #guest h2 span, #features h2 span, #othernews h2 span, #heykids h2 span, #newservice h2 span, #interact h2 span, #celebrate h2 span, #newarticle h2 span, #awards h2 span, #article h2 span, #expert h2 span {display: block; float: left; clear: right; font-family: 'Trebuchet MS', 'Helvetica', sans-serif; color: #336699; font-size: 20px; line-height: 20px; font-weight: lighter; padding: 0px 0px 5px 0px; margin: 0px;}
#expert {background-color: #eaf7fc; margin: 0px 0px 10px 0px; padding: 0px 10px 20px 10px; margin-top: 15px; width: 250px; voice-family: "\"}\""; voice-family: inherit; width: 270px;}
#articles h3, #guest h3, #features h3, #othernews h3, #specialfeature h3, #heykids h3, #newservice h3, #interact h3, #celebrate h3, #newarticle h3, #awards h3, #article h3, #specialfeature h3, #specialfeature_whitebg h3, #expert h3 {display: block; float: left; clear: left; margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; font-size: 15px; line-height: 17px; font-family: "Arial", "Bitstream Vera Sans", lucida, arial, helvetica, sans-serif; color: #003399;}
#guest h3 {margin: 0px; padding: 6px 0px 10px 0px;}
#expert h3 {float: right; margin: 0px 10px 0px 0px; padding: 6px 0px 10px 0px;}
#newarticle h3.left {float: left; margin: 0px 10px 0px 0px; padding: 10px 0px 0px 0px;}
#specialfeature h3, #specialfeature_whitebg h3 {margin: 0px; padding: 6px 5px 0px 0px;}
#features h3 {margin: 0px; padding: 6px 0px 0px 0px;}
#othernews h3 {margin: 0px; padding: 6px 0px 0px 1px;}
#heykids h3 {margin: 0px; padding: 6px 0px 0px 0px;}
#newservice h3 {margin: 0px; padding: 6px 0px 0px 0px;}
#interact h3 {margin: 0px; padding: 6px 0px 0px 0px;}
#celebrate h3 {margin: 0px; padding: 6px 0px 0px 0px;}
#newarticle h3 {margin: 0px; padding: 6px 0px 0px 0px;}
#awards h3 {margin: 0px; padding: 6px 0px 0px 0px;}
#articles h3 a, #guest h3 a, #features h3 a, #othernews h3 a, #specialfeature h3 a, #heykids h3 a, #celebrate h3 a, #newservice h3 a, #newarticle h3 a, #awards h3 a, #article h3 a, #specialfeature_whitebg h3 a, #expert h3 a {color: #e15c04;}
#articles p, #features p, #othernews p, #heykids p, #newservice p, #newarticle p, #awards p, #article p {clear: both; margin: 0px; /*padding: 6px 0px 10px 3px;*/	padding: 0px 0px 15px 0px; font-size: 13px; line-height: 15px; color: #333;}
#guest p {margin: 0px; padding: 3px 0px 0px 3px; font-size: 13px; line-height: 15px; color: #333;}
#expert p {margin: 0px; padding: 3px 0px 0px 3px; font-size: 13px; line-height: 15px; color: #333;}
#specialfeature p {margin: 0px; padding: 3px 0px 0px 3px; font-size: 13px; line-height: 15px; color: #333;}
#guest img, #expert img {margin: 0px 10px 20px 5px; float: left; border: 4px solid #51bee9;}
#features img {float: left;}
ul.blue {display: block; margin: 0px; padding: 10px 0px 10px 3px; list-style: none;}
ul.blue li a {display: block; padding: 0px 0px 2px 10px; font-size: 11px; background: url("../images/bullets/list_blue_a.gif") no-repeat  top left #fff;}
ul.blue li a:visited {display: block; padding: 0px 0px 2px 10px; font-size: 11px; background: url("../images/bullets/list_blue_a_visited.gif") no-repeat  top left #fff;}
#headlinecolumn {display: block; float: right; margin: 0px; padding: 10px 3px 20px 5px; font-size: 11px; line-height: 13px; background: url("../images/borders/999.gif") repeat-y left; width: 133px; /* ie5win fudgebegins */ voice-family: "\"}\""; voice-family: inherit; width: 143px;}
#headlines {padding: 0px 0px 10px 0px; margin: 0px 0px 30px 0px; font-size: 11px; line-height: 13px; color: #333;}
#headlines h2 span {display: block; float: left; font-family: 'Trebuchet MS', 'Helvetica', sans-serif; color: #336699; font-size: 18px; line-height: 20px; font-weight: lighter; padding: 0px; margin-left: 3px; margin-bottom: 5px;}
#headlines h3 {float: left; margin: 0px 0px 10px 5px; padding: 0px; font-size: 12px; line-height: 11px; color: #666; font-family: "Arial", "Bitstream Vera Sans", lucida, arial, helvetica, sans-serif;}
#headlines p {display: block; clear: both; margin: 0px; padding: 1px 5px 5px 5px; font-size: 11px;}
#headlines p a, #headlines p i {font-size: 11px;}
#headlines p a.orange {color: #e15c04; font-size: 11px; font-weight: bold;}
#artistotd {padding: 10px 0px 10px 5px; font-size: 15px; line-height: 13px; color: #333;}
#artistotd h2 span {display: block; font-family: 'Trebuchet MS', 'Helvetica', sans-serif; color: #336699; font-size: 20px; line-height: 24px; font-weight: lighter; padding: 0px 0px 10px 0px; margin-bottom: 0px;}
#artistotd h3, #artistotd h3 a, #artistotd h3 a:visited {display: block; font-size: 15px; line-height: 17px; margin: 0; padding: 3px 0px 0px 0px; color: #e15c04; font-family: "Arial", "Bitstream Vera Sans", lucida, arial, helvetica, sans-serif;}
#artistotd p {font-size: 12px; padding: 3px 0px 0px 0px;}
#artistotd img {float: left; margin-right: 20px; padding:0px; border: 4px solid #51bee9;}
#writerotd {padding: 5px 0px 10px 5px; margin-bottom: 10px; font-size: 11px; line-height: 13px; color: #333;}
#writerotd h2  {display: block; font-family: 'Trebuchet MS', 'Helvetica', sans-serif; color: #336699; font-size: 20px; line-height: 24px; font-weight: lighter; padding: 0px 10px 0px 0px; margin-bottom: 5px;}
#writerotd h3 span a, #writerotd h3 span, #writerotd h3 {font-size: 15px; line-height: 17px; margin: 0px; padding: 30px 10px 5px 0px; color: #e15c04; font-family: "Arial", "Bitstream Vera Sans", lucida, arial, helvetica, sans-serif;}
#writerotd p {font-size: 13px; line-height: 15px; margin: 0px; padding: 0px 0px 10px 0px;}
#promocolumn {display: block; float: right; padding: 10px 3px 10px 7px; font-family: "Arial", "Bitstream Vera Sans", lucida, arial, helvetica, sans-serif; width: 130px; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family: inherit; width: 140px;}
#storebox {width: 137px; background-color: #79be3f; margin-bottom: 3px;}
#storebox a, #storebox a:link,#storebox a:active,#storebox a:hover,#storebox a:visited {color: #fff; font-size: 10px; background-color: transparent;}
#storebox .link1 {display: block; padding: 3px 2px 3px 2px; text-align: right; background-color: #57a514;}
#storebox .link2 {display: block; width: 133px; padding: 3px 2px 3px 2px; text-align: right; background-color: #498e0d;}
#ypbox {width: 137px; background-color: #e9d71b; margin-bottom: 3px;}
#ypbox a, #ypbox a:link,#ypbox a:active,#ypbox a:hover,#ypbox a:visited {color: #fff; background-color: transparent;}
#ypbox .link1 {display: block; width: 133px; padding: 3px 2px 3px 2px; font-size: 11px; text-align: right; background-color: #e8cd1c;}
#ypbox .link2 {display: block; width: 133px; padding: 3px 2px 3px 2px; font-size: 11px; text-align: right; background-color: #e8b51b;}
.genpromobox {margin-bottom: 3px;}
.genpromobox.ads {text-align: center;}
.genpromobox.ads p {color: #999; font-size: 10px; font-weight: lighter; font-family: helvetica, sans-serif; line-height: 10px; margin: 0; padding: 0 0 5px; text-align: center;}
#bottomborder {/*	clear: both; display: block; width: 760px; height: 4px; background: url("../images/borders/999.gif") repeat-x top #fff;*/}
#footer {clear: both; display: block; width: 760px; padding-top: 10px; margin-top: 0px; font-family: "Arial", "Bitstream Vera Sans", lucida, arial, helvetica, sans-serif; 	background: url("../images/borders/999.gif") repeat-x top #fff;}
#footer p {margin: 0px; padding-left: 15px; padding-bottom: 25px;}
#footer a, #footer a:link, #footer a:hover, #footer a:active, #footer a:visited {color: #666; font-size: 11px;}
#footer a.blue, #footer a.blue:link, #footer a.blue:hover, #footer a.blue:active, #footer a.blue:visited {color: #006699; font-size: 12px;}
#footer .center {text-align: center;}
#footer .center p {padding-bottom: 5px;}
#footer .center a {font-size: 12px;}
#toolbox {display: block; background: url("../images/borders/999.gif") repeat-x bottom #fff; height: 85px; margin: 0px 0px 5px 0px; padding: 0px 0px 10px 0px; width: 135px; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family: inherit; width: 130px;}
#toolbox #panel {display: block; width: 135px; padding: 0px; margin: 0px;}
#panel ul.buttons {display: block; border: 0; margin: 0; padding: 0; width: 135px; list-style-type: none; text-align: center; vertical-align: middle;}
#panel ul.buttons li {display: block; float: left; text-align: center; margin: 0px; padding: 0px 3px 0px 6px; background: url("../images/borders/999.gif") repeat-y right #fff;}
#panel ul.buttons li.print {background: transparent; padding: 2px 0px 0px 3px;}
#panel ul.buttons li.accesstips {padding: 0px 3px 0px 0px;}
#panel ul.buttons li img {display: block; float: left; margin: 0px; padding: 0px;}
#panel ul.buttons li a, #panel ul.buttons li a:link, #panel ul.buttons li a:hover, #panel ul.buttons li a:active, #panel ul.buttons li a:visited {color: #006699; font-size: 10px; background-color: transparent; text-decoration: none;}
#panel ul.textsize {display: block; float: left; border: 0; margin: 0; padding: 0; width: 135px; list-style-type: none; text-align: center; vertical-align: middle;}
#panel ul.textsize li {display: block; float: left; text-align: center; margin-top: 4px; padding: 0px 0px 0px 3px;}
#panel ul.bookmark {display: block; float: left; border: 0; margin: 0; padding: 0; width: 135px; list-style-type: none; text-align: center; vertical-align: middle; height: 20px;}
#panel ul.bookmark li {display: block; float: left; text-align: center; margin-top: 4px; padding: 0px 0px 0px 3px;}
#panel ul.textsize li.textsize-larger {display: block; width:34px; float: left; text-align: center; margin-top: 4px; padding: 0px;}
#panel ul.textsize li.email {display: block; float: right; text-align: center; margin:0; padding: 2px 0px 0px 10px; height: 10px; background: url("../images/borders/999.gif") repeat-y left #fff;}
#panel ul#smi {clear: both; display: block; width: 135px; margin: 0; padding: 5px 0 0 0;}
#panel ul#smi li {display: inline; margin: 0px;}
.advertcolumn {margin:0; padding:0;}
.advertcolumn h2 span {font-size: 10px; line-height: 10px; color: #999; font-weight: lighter; text-align:center;}
#banner .advertcolumn {	display: block; float:right; margin: 0px 5px 0px 148px; padding: 10px 5px 15px 10px; background: url("../images/borders/999.gif") repeat-x top #fff; width: 577px;}
#left .advertcolumn {float:left; width: 120px; padding: 10px 0px 10px 13px;}
#sponsoredlinkboxHOME {background-color: #F6FFEF; border: solid 1px #57A514; width: 400px; text-align: center; padding: 10px; clear: both; margin-left: 20px;}
#sponsoredlinkboxHOME p {color: #333333;}
#sponsoredlinkboxHOME p #adhighlight {text-align: left; font-size: 10px; padding: 0; margin: 0;}
#sponsoredlinkboxHOME p #adhighlight span a {color: #006699; font-size: 10px; text-decoration: underline; font-weight: normal;}