body {background: url(/images/backdrop_smooth.png) repeat-x #103467; margin: 0; padding: 0 0 25px 0; color: #003C7A; font-family: "trebuchet ms", verdana, arial, sans-serif; font-size: small; line-height: 1.6}
a {text-decoration: none; color: #003C7A}
object {margin: 1em 0 1em 60px}

#title {white-space: nowrap; background: url(/images/backdrop_title.png) no-repeat right; width: 100%; height: 80px; padding: 10px 0 0 0;margin-left: auto; margin-right: auto}
#titlecontent {white-space: nowrap; width: 783px; height: 80px; padding: 0;margin-left: auto; margin-right: auto}
#titlecontent.home {white-space: nowrap; width: 1003px; height: 80px; padding: 0;margin-left: auto; margin-right: auto}
#pageshadow {background: url(/images/pageshadow.png) right 0 no-repeat; width: 783px; margin-top: 10px;margin-left: auto; margin-right: auto; border-left: 1px solid #254877}
#base {background: repeat-x #dbdddd; width: 780px}
#base h1 {font-weight: normal; font-size: 30px; line-height: 30px; padding: 0 0 15px 60px; margin: 0}
#base p {padding: 1em 340px 0.5em 60px; margin: 0; display: none}

#title ul{position: absolute; top:0;left:0; list-style: none; width: 780px; margin: 0; padding: 0}
#title ul li {display:inline; float:right; color: #bbb}
#title ul li a {color: #003c7a}
#title ul li a:hover {color: white}
#title ul li:after {content:"\00A0|\00A0"}
#title ul li:first-child:after {content:""}
#title img {margin-left: 15px}

ul#mainmenu{background: url(/images/backdrop_menu.png) repeat-x; width: 720px; height: 22px; margin: 0 0 27px 0; padding: 8px 0 0 60px; list-style: none;}
div>ul#mainmenu{min-height: 22px; height: auto}
ul#mainmenu li {display:inline}
ul#mainmenu li a:hover {color: white}
ul#mainmenu li:before {content:"\00A0|\00A0";}
ul#mainmenu li:first-child:before {content:""}

ul#submenu {float: left; margin: 0; border: none; padding: 0px}
ul#submenu li {list-style: none;}

.subselection {background: url(/images/backdrop_content.png) no-repeat #e87817; text-align: right;width: 185px; margin: 0; padding: 0}
.subselection li {display: block; list-style: none; padding: 8px 15px 8px 0; margin: 0; white-space: nowrap}
.subselection li:first-child {padding-top:15px}
.subselection li a {color: white}
.subselection li a:hover {text-decoration: underline}

#ad:before {background: url(/images/shadow.png) repeat-x; content:""; display:block; height:20px; width:185px}
#ad {padding: 0; margin: 0; width: 185px}
#ad li {clear: both; background: url(/images/ad_rule.png) repeat-x bottom; margin: 0; text-align: left; padding: 8px 15px 8px 8px; color: #ccc; list-style: none}
#ad li:first-child {background: #4A4B4D; border: none; padding: 5px 8px 5px 8px; color: white; margin: 0}
#ad li:first-child:after {background: url(/images/shadow_small.png) repeat-x #666; content:""; margin: 5px -8px -5px -8px; display:block; height:5px; width:185px; border: solid; border-width: 1px 0 0 0; border-top-color: #666}
#ad li img {margin-right: 10px; border: none; float: left}
#ad li a {color: #ccc; display: block}
#ad li a:after {content: "\00A0\00bB"}
#ad li a:hover {color: white}

#ad.submenu {}
#ad.nosubmenu {float: right}

#maincontent {background: url(/images/backdrop_maincontent.png) no-repeat #e75a12 -185px -1px; color: white; border: solid #e87817; border-width: 1px 1px 1px 0; border-top-color: #e45914; overflow: hidden; margin-bottom: 25px; padding: 1em 25px 1.5em 25px; width: 544px; float: right}
#maincontent p {padding: 0 0 0.5em 0; margin: 0}
#maincontent a {color: #fff; border-bottom: dotted 1px #fff}
#maincontent a:hover {border-bottom: 1px solid white; color: white}
#maincontent img {border: 3px solid #e87817; float: left; margin: 5px 10px 5px 0}
#maincontent h3 {margin: 1em 0 0.5em 0; font-size: 16px; font-weight: bold; clear: both}
#maincontent h4 {margin: 1em 0 0 0; font-size: 14px; font-weight: bold}
#maincontent h3:first-child {margin: 0 0 0.5em 0}

#maincontent table {border-collapse: separate; margin: 10px 0 10px 0; border: 1px solid #c23900; padding: 0 1px 1px 0; font-family: verdana, arial, sans-serif; font-size: smaller}
#maincontent td {border: 1px solid #e75a12; border-bottom-color: #a21700; border-right-color: #a21700; background: #c23900; color: #fff; padding: 3px}
#maincontent th {border: 1px solid #666; border-bottom-color: #333; border-right-color: #333; background: #4A4B4D; color: #ccc; padding: 3px; font-weight: bold}

#tabmenu {float: right; background: url(/images/shadow.png) repeat-x #666; height: 18px; padding:  0 0 0 25px; list-style: none; margin: 0; border-right: solid 1px #8f8f8f; border-bottom: solid 1px #7c7c7c; width: 569px}
div>ul#tabmenu{min-height: 18px; height: auto}
#tabmenu li {display:inline; color: #ccc}
#tabmenu a {color: #ccc}
#tabmenu li a:hover {color: white}
#tabmenu li:before {content:"\00A0|\00A0";}
#tabmenu li:first-child:before {content:""}

#content {background: url(/images/backdrop_bottom.png) no-repeat #666; width: 780px; border: solid #b38b6a; border-width: 1px 0 0 0}
#content h2 {display: none; background: url(/images/shadow.png) repeat-x #666; font-weight: normal; font-size: 30px; padding: 10px 10px 15px 25px; margin: 0; border-right: solid 1px #8f8f8f; color: white; width: 559px; float: right; line-height:30px}

#footer {clear: both; background: url(/images/shadow_footer.png) repeat-x #333; color: #666; font-size: 9px; width: 780px; border-bottom: 1px solid #4A4B4D}
#footer p {margin: 0; padding: 5px 0 0 5px}
#footer img {float: right; border: none; padding: 5px 5px 0 0}

#footer ul{list-style: none; margin: 0; padding: 0 0 5px 5px}
#footer ul li {display:inline}
#footer ul li a {color: #666}
#footer ul li a:hover {color: white}
#footer ul li:after {content:"\00A0|\00A0";}
#footer ul li:first-child:after {content:""}

#footer:after, #ad>li:after, .clear {content: ""; display: block; clear: both; height: 0; line-height: 1px; font-size: 1px}
#maincontent.nosubmenu_noads {float: left; width: 729px; background-position: top left}
#maincontent.nosubmenu {float: left; background-position: 0 -2px; width: 544px}
#maincontent.nosubmenu_noads:before {width:779px}
#submenu.nosubmenu {float: right}
.clearparagraph {clear: both}

#pageshadow.home {width:1003px}

#mainview {background: no-repeat black; width: 1000px; padding: 1px 0 0 0; vertical-align: bottom}
#mainview:before {background: url(/images/shadow.png) repeat-x 0 0; content:""; display:block; height:20px; margin-bottom: -20px; width:1000px}
#mainview h1 {background: url(/images/shadow_home.png) repeat-x #4A4B4D; color: #999; font-weight: normal; font-size: 30px; line-height: 1em; padding: 10px 0 10px 60px; margin: 0 0 0 0; width: 620px}
#mainview p {background: url(/images/shadow_main.png) repeat-x #E87817; color: #999; padding: 10px 30px 10px 60px; margin: 0; width: 590px; color: #333}

#mainviewshadow {margin-top: 160px; width: 683px; background: url(/images/mainviewshadow.png) right 0 repeat-y}

ul#mainmenu.home {background: none; color: white; width: 1000px; margin-left: auto; margin-right: auto}
ul#mainmenu.home a {color: white}
ul#mainmenu.home a:hover {color: white; text-decoration: underline}

#footer.home, #content.home {width: 1000px}

.homead {padding: 0; margin: 0 1px 0 0; float: left}
.homeadd:first-child {margin: 0}
.homead li {clear: both; background: url(/images/ad_rule.png) repeat-x bottom; margin: 0; text-align: left; padding: 8px 15px 8px 8px; color: #ccc; list-style: none}
.homead li:first-child {background: #4A4B4D; border: none; padding: 5px 8px 5px 8px; color: white; margin: 0}
.homead li:first-child:after {background: url(/images/shadow_small.png) repeat-x #666; content:""; margin: 5px -8px -5px -8px; display:block; height:5px;border: solid; border-width: 1px 0 0 0; border-top-color: #666}
.homead li img {margin-right: 10px; border: none; float: left}
.homead li a {color: #ccc; display: block}
.homead li a:after {content: "\00A0\00bB"}
.homead li a:hover {color: white}
.homead li:after {content: ""; clear: both; display: block}

#home_news {width: 313px}
#home_beginners {width: 186px;}
#home_events {width: 313px}
#home_books {width: 185px; margin: 0}