/* RESET */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; }

/* GENERAL */

body { background-color: #f2f2f2; padding-bottom:18px; margin-bottom:18px; }
body,table,textarea { font-size: 11px; line-height:150%; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; color: #333; }
a { color: #333; }
a:link, a:visited, a:active, a:hover { text-decoration: none; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
abbr { border: 0; }
h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 6px; letter-spacing:-0.05em; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 12px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; margin-bottom: 2px;}
p { text-align:left }
.symbol { font-family:Arial; }

/* HEADER */

#header { padding: 16px; font-size:24px; color:#333; background-color:#fff; font-weight:bold; }

/* TABS */

#tabs { padding-bottom:5px; margin-bottom:13px; background:url(/topic/images/navigation/dropshadow.png) repeat-x bottom; clear:both; }
#tabs ul { height:36px; width:100%; background:url(/topic/images/navigation/tab.png) repeat-x; }
#tabs .crease { float:left; width:2px; height:36px; background:url(/topic/images/navigation/tab_crease.png) repeat-y left; }
#tabs .tab { float:left; padding:0px; white-space:nowrap; min-width:100px; text-align:center; zoom:1; }
#tabs .tab.selected { background-image:url(/topic/images/navigation/tab_selected.png); background-repeat:repeat-x; }
#tabs .tab span { color:#f7f7f7; padding:10px 6px; font-weight:bold; zoom:1; display:block; cursor:pointer; }
#tabs .tab.selected span { color:#333; }
#tabs .search { float:right; vertical-align:middle; padding:10px 10px; }

/* BODY */

#body { text-align:center }

/* CONTAINER */

#container { position:relative; color: #333; width:984px; margin: 0px auto; text-align:left; }

/* TITLE */

#title { margin-left:10px; }

/* CAPS */

#topcap { position:relative; height:9px; padding:0px; margin:0px; width:984px; background:url(/topic/images/navigation/cap_top.gif) no-repeat; font-size:0px; }
#bottomcap { height:9px; padding:0px; margin:0px; width:984px; background:url(/topic/images/navigation/cap_bottom.gif) no-repeat; font-size:0px; }

/* LAYOUT */

#layout { margin:0px padding:0px; width:100%; background:url(/topic/images/navigation/cap.gif) repeat-y; }
#layout tr { vertical-align:top; }

/* CONTENT */

#content { margin:0px; width:680px; padding:20px 12px 12px 25px; font-size:12px; line-height:150%; }
#content.nohelps { width:auto !important; }
#content .block { _margin-bottom:18px; }
#content .block + .block { margin-top:18px; }
#content h3.block { _margin-bottom:0px !important; }
#content h3 + .block { margin-top:0px !important; }
#content .indent { margin-left:12px; }
#content a { color: #08c; }

/* RULE */
h2.rule, h3.rule { border-bottom:1px solid #aaa; margin-bottom:8px; }

/* BUTTON */
.button span { color:#333; }
.button:hover span { color:#08c; }

/* OPENING */

.opening { font-size:18px; color:#888; line-height:130%; }

/* QUOTE */

.quote { width:80%; margin:0px auto; padding:5px 0px; }
.quote .text { text-align:justify; }
.quote .author { text-align:right; display:block; font-weight:bold; margin-top:4px; }
.dimmed { color:#999; }
.hilite { color: #333; font-weight:bold; }
.subhilite { color: #333; }

/* LISTS */

ol.list { list-style:decimal;  padding-left: 24px; margin-left:24px; margin-right:24px; }
ul.list { list-style:disc;  padding-left: 24px;  margin-left:24px; margin-right:24px; }
.list li { margin-top: 6px; }

/* SUBPAGES */

ol.subpages { list-style:decimal;  padding-left: 24px; margin-left:24px; margin-right:24px; }
ul.subpages { list-style:disc;  padding-left: 24px;  margin-left:24px; margin-right:24px; }

/* UPDATEDPAGES */

.updatedheading { margin-top:6px; color:#888; }
ul.updatedpages { list-style:disc;  padding-left: 24px;  margin-left:0px; margin-right:24px; }
ul.updatedpages li { padding-top:2px; }

/* FILE */

.file { font-size:10px; width:1px; padding:0px; }
.file.center { margin:0px auto; clear:both; }
.file.left { float:left; margin:4px 16px 8px 0px; clear:left; }
.file.right { float:right; margin:4px 0px 8px 16px; clear:right; }
.file .media { position:relative; margin-bottom:4px; }
.file .enlarge { height:25px; background: url(/topic/images/enlarge.png) no-repeat top left; position: absolute; top: -8px; left:-9px; width: 25px; }

/* GALLERY */

.gallery { background-color:#e5e5e5; position:relative; padding:6px 12px; clear:both; -moz-border-radius:5px; -webkit-border-radius:5px; }
.gallery .enlarge { cursor:pointer; height:25px; background: url(/topic/images/enlarge.png) no-repeat top left; position: absolute; top: -8px; left:-9px; width: 25px; }
.gallery .thumbnail { margin: 10px 15px; cursor:pointer; }

/* SIDEBAR */

.sidebar { min-height:50px; background-color:#f0f0f0; margin:0px; padding:14px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.sidebar.center { margin:0px auto; }
.sidebar.left { float:left; margin:0px 8px 8px 0px; }
.sidebar.right { float:right; margin:0px 0px 8px 8px; }
.sidebar .icon { float:right; margin:0px 4px 4px 4px; }
.sidebar.small { font-size:10px; line-height:150%; }

/* BUBBLE */

.bubble { min-height:50px; background-color:#f0f0f0; margin:0px; padding:14px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.bubble .icon { float:right; margin: 0px 4px 4px 4px; }
.bubble .poster { border:1px solid #aaa; }

/* NOTES */

sup { color:#76797c; padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; }
ol.notes { color:#76797c; list-style:decimal; padding-left: 24px; }

/* MENU */

a.menu-choice,
a.menu-choice:hover { color:#fff !important; background-color:#08c; padding:3px; position:static; }
#menu { z-index:100; position:absolute; width:200px; background-color:#fff; border:1px solid #aaa; padding:4px 0px; }
#menu a { color:#333; padding:4px 10px; margin:0px; display:block; line-height:120%; }
#menu a:hover { color:#fff; background-color:#08c; }
#menu hr { color:#aaa; margin:4px 0px; }

/* UPDATED */

div.updated { color:#aaa; margin:18px 0px 0px 0px; }

/* SEARCH */

#searchresults .header { background-color:#e5e5e5; padding:8px; }
#searchresults .item { padding:8px; border-bottom:1px solid #e5e5e5; }

/* BUTTONS */

#buttons { font-size:11px; position:relative; width:680px; text-align:center; white-space:nowrap; clear:both; padding:11px 0px; background:url(/topic/images/navigation/buttons_bg.png) no-repeat; }
#buttons a { color:#777; }
#buttons a:hover { color:#08c; }
#buttons a.dot img	{ width:8px; height:8px; margin-left:2px; margin:2px; }
#buttons a.dot img { background-image:url(/topic/images/navigation/dot.png); background-position:0px 0px; background-repeat:no-repeat; }
#buttons a.dot:hover img { background-position:0px -8px; }
#buttons a.dot.selected img,
#buttons a.dot.selected:hover img { background-position:0px -16px; }
#buttons .previous { position:absolute; left:12px; top:9px; zoom:1; }
#buttons .next { position:absolute; right:12px; top:9px; zoom:1; }

/* EARTH */

#earth { border:1px solid #000; }
#earth #controls { position:relative; min-height:50px; background-color:#000; color:#fff; }
#earth #controls .previous { position:absolute; left:10px; top:10px; }
#earth #controls .next { position:absolute; right:10px; top:10px; }
#earth #earthdesc { padding:10px 60px; }
#earth a.next { position:absolute; right:10px; top:10px; width:30px; height:30px; background: url(/topic/images/gallery/arrow_r.png) no-repeat; background-position:0px 0px; }
#earth a.prev { position:absolute; left:10px; top:10px; width:30px; height:30px; background: url(/topic/images/gallery/arrow_l.png) no-repeat; background-position:0px 0px; }
#earth a.next.enabled { background-position:0px -30px; }
#earth a.prev.enabled { background-position:0px -30px; }


/* HELPS */

#helps { padding:20px 25px 12px 12px; width:230px; }
#helps a { color:#777; }
#helps a:hover { color:#08c; }

/* PAGES */

#pages { border:1px solid #d0d0d0; background-color:#fff; }
#pages a { padding:6px 20px; display:block; }
#pages .current { background-image:url(/topic/images/navigation/dot_here.png); background-position:left; background-repeat:no-repeat; }
#pages .parent { background-color:#e5e5e5; font-weight:bold; border-bottom:1px solid #d0d0d0; }
#pages .children { padding:0px 0px 0px 20px; }
#pages .rule { border-bottom:1px solid #d0d0d0; margin:0px 20px; height:1px; font-size:0px; }

/* OTHER */

#other { color:#777; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; }
#other .accordion_toggle,
#other .accordion_toggle_active { border-top:1px solid #d0d0d0; background-color:#e5e5e5; cursor:pointer; padding:6px 20px; }
#other .accordion_content { border-top:1px solid #d0d0d0; overflow: hidden; padding:10px 20px; } 

/* FEEDBACK */

.comments_icon { padding-left:20px; background:url(/topic/images/icon_comments.png) no-repeat left; }
#feedback #comment { width:100%; height:80px; margin-bottom:4px; }
#feedback #email { width:100%; margin-bottom:4px; }
#feedback #submit { float:right }
#feedback p { padding-top:4px; }

/* FRIEND */

.mail_icon { padding-left:20px; background:url(/topic/images/icon_mail.png) no-repeat left; }
#friend #note { width:100%; height:80px; margin-bottom:4px; }
#friend .field { width:100%; margin-bottom:4px; }
#friend #submit { float:right }
#friend p { padding-top:4px; }

/* SUBSCRIBE */

.subscribe_icon { padding-left:20px; background:url(/topic/images/icon_subscribe.png?x=2) no-repeat left; }
#subscribe .field { width:100%; margin-bottom:4px; }
#subscribe #submit { float:right; }
#subscribe p { padding-top:4px; }

/* SITEMAP */

#sitemap .children { padding:0px 15px; }
#sitemap .level1 > .title { font-weight:bold; margin-top:20px; font-size:1.5em; padding-bottom:5px; }
#sitemap .level2 > .title { font-weight:bold; }
#sitemap .level1 > .children { border-top:1px solid #aaa; padding-top:5px; }
#sitemap a { color:#777; }
#sitemap a:hover { color:#08c; }

/* BOTTOM */

#bottom { width: 982px; margin: 18px auto 6px auto; position: relative; }
#bottom a { color:#777; }
#bottom a:hover { color:#08c; }

/* BREADCRUMBS */

#breadcrumbs { font-size: 11px; background: url(/topic/images/navigation/breadcrumbs.png) no-repeat; overflow: hidden; height: 36px; line-height: 34px; font-weight: normal; }
#breadcrumbs ol { list-style: none; margin:0; }
#breadcrumbs li { float:left; margin:0; padding:0 8px 0 16px; background:url(/topic/images/navigation/breadcrumb_seperator.png) no-repeat; }
#breadcrumbs li.home { background:none; }
#breadcrumbs li.button { float:right; background:none; border-left:1px solid #e5e5e5; padding:0 10px 0 10px;}
#breadcrumbs li.button.first { margin-right:5px; }

/* DIRECTORY */

#directory { font-size: 11px; background: url(/topic/images/navigation/directory.png) repeat-y; border-top: 1px solid #e5e5e5; width:100%; position: relative; margin-top: -4px; }
#directory ul { margin:0 0 0 8px; }
#directory .bottom { clear: both; position: relative; top: 5px; height: 5px; width: 980px; background: url(/topic/images/navigation/directory_cap.png) no-repeat; }
#directory .column { float:left; margin:5px 15px 0px 15px; }

/* FOOTER */

#footer a { color:#777; }
#footer a:hover { color:#08c; }
#footer { width: 970px; margin: 0px auto 18px auto; color:#777; font-size:10px; }

/* OVERLAY */

#mask { width:100%; height:100%; top:0px; left:0px; position:fixed; z-index:499; opacity:0.8; filter:alpha(opacity=50); background-color:#777; display:none; }
#overlay { width:990px; height:640px; top:0px; left:0px; position:fixed; z-index:500; display:none; }
#overlay .background { height:100%; width:100%; position:relative; padding:20px; background:url(/topic/images/gallery/background.png) no-repeat; }
#overlay .content { width:900px; height:420px; margin:0px 25px; }
#overlay .caption { width:180px; float:right; }
#overlay .image { width:700px; height:420px; }
#overlay .image td { text-align:center; }
#overlay .feature { padding-top:8px; }
#overlay .feature a { color: #08c; }
#overlay .controls { height:90px; width:950px; position:relative; margin-top:25px; background:url(/topic/images/gallery/dropshadow.png) repeat-x top; }
#overlay .window { width:840px; height:90px; position:absolute; top:0px; left:50px; overflow:hidden; }
#overlay .slot { position:relative; }
#overlay .slide { width:10000px; position:absolute; }
#overlay .thumbnail { padding:18px 10px 15px 10px; cursor:pointer; }
#overlay .thumbnail.selected { background:url(/topic/images/gallery/selection.png) no-repeat top; }
#overlay a.close { position:absolute; left:6px; top: 2px; width:30px; height:30px; background: url(/topic/images/gallery/close.png) no-repeat; background-position:0px 0px; }
#overlay a.next { position:absolute; left:895px; top:33px; width:30px; height:30px; background: url(/topic/images/gallery/arrowright.gif) no-repeat; background-position:0px 0px; }
#overlay a.prev { position:absolute; left:15px; top:33px; width:30px; height:30px; background: url(/topic/images/gallery/arrowleft.gif) no-repeat; background-position:0px 0px; }
#overlay a.close:hover { background-position:0px -30px; }
#overlay a.next.enabled { background-position:0px -30px; }
#overlay a.prev.enabled { background-position:0px -30px; }
#overlay h1 { margin:8px 0px 8px 25px; }


/* PRINT */

@media print
{
	#tabs, #bottom, #helps, #buttons, .gallery, .enlarge, .bubble { display:none; }
	#container { width:680px !important; margin:0px 100px; }
	#content {font-size:12pt; line-height:16pt; }
	#title { margin:0px 100px; }
	
}