/* RESET all and start FRESH */
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: center; }

* {
font-size:100.01%;
margin:0;
padding:0;
}

html {
font-size:90%;
}#define mainTextColor: #656565; /* IMPORTANT... do not remove */

body {
font-family:italic 1.05em Georgia, serif;
padding-top:0.1em;
padding-bottom:0.1em;
-x-system-font:none;
color: #596171;
font-size:1.2em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:400;
height:100%;
line-height:1.3;
min-width:1003px;
margin:0;
}body{
background-color: #fff;
background-image: url('../../images/bg-body.png');
background-repeat:repeat-x;
background-position:0 0;}

a {
color:#8D96A8;
font-size:105%;
background:inherit;
text-decoration:none;
}

a:hover {
color:#cc5b00;
background:inherit;
}

h1 {
font-size:27pt;
font-weight:300;
padding-top:1em;
padding-bottom:1em;
line-height:100%;
}

h1 a {
color:#596171;
background:inherit;
padding:0 0 0 5px;
}

.orange {
color:#154890;
}

.orange_ {
color:#cc5b00;
}

.golden {
color:#596171;
font-size:0.9em;
}
.golden_ {
color:#CDBFAC; 
}

.green {
color:#00CC00;
}

.blue {
color:#596171;
}
.blue_ {
font-size:1.1em;
}

.grey {
color:#444444;
background:inherit;
font-weight:400;
}

.grey-dark{
color:#596171;
}

.red_ {
color:#b40;
}
.blue_ {
color:#cc5b00;
}

.white {
color:#aaa;
}

.black{
color:#000;
}

.darkishBlack {
color:#444;
}

sup {
font-size:0.5em;
color:#aaa;
text-decoration: italic;
}

h1 a,h2 a {
text-decoration:none;
}

h1 a:hover,h2 a:hover {
color:#cc5b00;
background:inherit;
text-decoration:none;
}

h2 {
font-size:1.5em;
margin-bottom:5px;
color:#000;
background:inherit;
}

p,form,fieldset,h1,h2,h3,h4,h5,h6 {
cursor:default;
margin:0;
padding:0;
}

ul {
list-style:none;
}

span.c8 {
color:#888;
font-size:250%;
}

span.c7 {
font-size:80%;
}

div.c4 {
height:176px;
overflow:hidden;
position:relative;
text-align:center;
width:280px;
font-size:100%;
}

div.c4_ {
height:210px;
overflow:hidden;
position:relative;
text-align:center;
width:305px;
font-size:80%;
}

div.c4_w {
height:225px;
/*overflow:hidden;*/
position:relative;
text-align:center;
width:305px;
font-size:85%;
/*background:url(../../images/watermark.gif) no-repeat top;
background-position: -20px  0px;*/
}

p.c3 {
color:#dadada;
font-size:80%;
}

div.c2 {
overflow:auto;
position:relative;
text-align:center;
font-size:80%;
}

div.c1 {
text-align:center;
font-size:11pt;
background:inherit;
color:#444;
}

div.c11 {
text-align:center;
color:#444;
}

div.c12 {
text-align:center;
font-size:110%;
color:#444444;
background:inherit;
margin:20px 30px 0 30px;
padding:3px 0;
}

div.cRed {
text-align:center;
color:red;
}

div.cBlue {
text-align:center;
color:#596171;
}

p#dotedline {
text-align:center;
font-size:97%;
float:right;
border-bottom:1px dotted #e0692a;
border-top:1px dotted #e0692a;
margin:0.6em 0.4em 1em 0;
padding:0.4em;
}

.yregbx {
border:1px dotted #676;
background-color:inherit;
margin:0 0 10px;
}

#yregtml #yreglg .yregbx {
margin-right:10px;
}

.yregbxi {
margin:11px;
}

.top .yregbxi {
margin-top:20px;
}

.ct,.ct .cl,.cb,.cb .cl {
display:block;
font-size:0;
line-height:0;
height:4px;
position:relative;
margin:0;
}

.ct,.cb {
width:100%;
right:-1px;
}

.ct .cl,.cb .cl {
width:4px;
left:-2px;
}

.ct {
background:url(../../images/topR.gif) no-repeat right top;
top:-1px;
}

.ct .cl {
background:url(../../images/topL.gif) no-repeat left top;
}

.cb {
background:url(../../images/bottomR.gif) no-repeat right bottom;
bottom:-1px;
}

.cb .cl {
background:url(../../images/bottomL.gif) no-repeat left bottom;
}

.small_bold_orange_text {
font-size:95%;
color:#154890;
font-weight:700;
}

.small_bold_orange_text:hover {
color:#cc5b00;
}

.small_bold_orange_text_ {
font-size:95%;
color:#cc5b00;
font-weight:700;
}

.small_bold_orange_text_:hover {
color:#cc5b00;
}

.contentDark {
width:980px;
background:#fff;
border-top:5px solid #154890;
border-bottom:1px dotted #154890;
margin:35px auto;
padding:0px;
}

.contentPlain {
width:980px;
background:#fff;
border-top:5px solid #aaa;
border-bottom:1px dotted #aaa;
margin:35px auto;
padding:0px;
}

.top-note-right{
color:#888;
float:right;
margin-right:40px;
margin-top:-80px;
position:relative;
}

.logo {
height:60px;
color:gray;
margin:1px 0;
padding:0px 0 0 25px;
}

.header {
height:60px;
color:gray;
margin:3px 0;
padding:6px 0 0 5px;
}

.headerPlain {
height:77px;
color:gray;
margin:3px 0;
padding:6px 0 0 5px;
}

.top_info {
float:right;
height:40px;
width:546px;
margin:auto 10px 10px;
padding:10px 0;
}

.top_info_left {
width:242px;
float:right;
color:#666;
}

.top_info_right_{
float:right;
width:280px;
}

.top_info_right {
float:right;
width:302px;
color:gray;
/*border-left:1px dashed #aaa;*/
}
/* NOTE do not change position and float state for .browse_category and .menu_space... it messes up menu */
.browse_category {
width:460px;
color:#666;
background:inherit;
position:absolute;
margin-left:10px;
margin-top:10px;
}

.menu_space {
color:#888;
float:right;
margin-right:75px;
margin-top:10px;
background:inherit;
position:relative;
}

.menu_space_IE6 {
color:#888;
float:right;
margin-right:40px;
margin-top:7px;
background:inherit;
position:relative;
}

.bar {
clear:both;
font-size:95%;
height:35px;
color:#888;
padding-top:5px;
}

.bar li {
color:#333;
float:left;
height:5px;
padding:0 0 10px 10px;
}

.bar li.active {
background:inherit;
height:18px;
color:#8D96A8;
font-weight:400;
text-decoration:none;
}

.bar li a {
color:#8D96A8;
font-size:13px;
text-decoration:none;
font-weight:400;
padding:5px 4px 5px 5px;
}

.bar li a:hover {
color:#cc5b00;
font-size:110%;
font-weight:lighter;
}

.search_field {
background:inherit;
color:gray;
clear:both;
font-weight:700;
margin:5px 0;
padding:7px 12px 10px 10px;
}

input.search {
width:292px;
background:#fff url(../../images/input.gif) no-repeat;
color:#e0691a;
font-weight:700;
margin:0 0 0 3px;
padding:4px;
}

input.submit {
background:#e0691a url(../../images/submit.gif) no-repeat;
border:0;
width:65px;
color:#fff;
font:bold 1em Arial, Sans-Serif;
margin:0 10px 1px 0;
padding:4px 0;
}

.search_form {
float:right;
}

/*top, right, bottom, left*/
.left {
float:left;
width:600px;
text-align:left;
margin:-10px 0 0px 30px;	
}

.left_ {
float:left;
width:600px;
text-align:left;
margin:0 0 0px 0px;	
}

.left_safari {
float:left;
width:600px;
text-align:center;
}

.left h2 {
clear:both;
background:inherit;
border-bottom:1px dashed #888;
color:#333;
font:120% Verdana, Arial, Helvetica, sans-serif;
text-align:left;
margin:0 0 3px;
padding:5px 0 5px 5px;
}

.left_side {
float:left;
width:250px;
margin-top: 10px;
margin-left: 30px;
padding:0 0 0 0;
}

.left_side a,.right_side a {
color:#000;
background:#inherit;
}

.right_side {
float:right;
width:260px;
margin-top: 15px;
margin-right: 10px;
}

.right_side h4 {
color:#bbb;
font-size:1.5em;
margin-bottom:10px;
border-bottom:1px dotted #aaa;

}

.left_box {
text-align:left;
color:#596171;
background:inherit;
margin:0 5px 3px;
padding:3px 0;
}

.right {
float:right;
width:300px;
margin:0px 10px 5px 0;
}

.right h4 {
color:#596171;
font-size:1.4em;
margin-bottom:3px;
}

.rightM {
float:right;
width:300px;
margin:0 25px 5px 0;
}

.rightM h4 {
color:#aaa;
font-size:1.5em;
margin-bottom:3px;
}

.right h3 {
border-bottom:1px dotted #8D96A8;
color:#333;
font:120% Verdana, Arial, Helvetica, sans-serif;
margin:0 0 3px;
padding:5px 0 5px 5px;
}

.right divider {
border-bottom:1px dotted #fff;
padding-right:10px;
}

.right_articles {
background:inherit;
color:#333;
border-top:1px dotted #cc5b00;
text-align:left;
margin:0 10px 3px;
padding:8px;
}

.right_articlesNoUnderline {
background:inherit;
color:#333;
padding:8px;
}

.noticeDark {
background:#aaa;
color:#333;
padding:12px 8px;
}

.notice {
background:#fcfcfc;
color:gray;
padding:12px 8px;
}

.image {
float:left;
margin:0 9px 3px 0;
}

.Cbox {
font-size:100%;
color:#bbb;
float:left;
width:300px;
overflow:hidden;
margin:0pt 10pt;
}

.Cbox h4 {
font-size:125%;
width:210px;
border-bottom:1px dotted gray;
color:gray;
margin:0 0 15px;
padding:5px 0 5px 5px;
}

.Lbox {
color:#bbb;
float:left;
width:310px;
height:175px;
overflow:hidden;
margin:0 0 0 10pt;
}

.Lbox h4 {
font-size:125%;
width:180px;
border-bottom:1px dotted gray;
color:gray;
margin:0 0 5px;
padding:5px 0 5px 5px;
}

.Rbox {
color:#dadada;
float:right;
width:300px;
height:175px;
overflow:hidden;
margin:0px 0pt 0 -5pt;
}

.RboxR {
color:#dadada;
float:right;
width:260px;
height:155px;
line-height:150%;
overflow:hidden;
margin: -20pt 40pt 0px -20pt;
}

.Rbox h4 {
font-size:125%;
width:210px;
color:gray;
margin:0;
padding:0 0 0 5px;
}

.footR {
width:510px;
border-top:5px solid #cc5b00;
float:right;
margin:-2px 30px 3px 0;
}

.footM {
width:400px;
border-top:2px solid #8D96A8;
float:right;
line-height:150%;
margin:0px 80px 0 0;
}

.lineG {
width:980px;
line-height:2em;
margin:-15px 0 0;
padding:0;
}

.spacer {
clear:both;
text-align:center;
padding:1px 0;
}

.footerG {
width:900px;
clear:both;
margin-left:40px;
border-top:2px solid #bbb;
line-height:150%;
padding:0px 0;
}

.footer {
clear:both;
text-align:center;
line-height:130%;
padding:10px 0;
}

.footer a {
color:gray;
background:inherit;
}
.footer a:hover{
color:#cc5b00;
}

div.treemap {
margin-bottom:10px;
border-right:1px dotted #bbb;
}

div.treemap div.node {
float:left;
clear:none;
background-color:#cc0;
}

div.treemap a.textnode {
font-size:10px;
text-align:center;
width:100%;
height:100%;
background-image:url(../../images/textnode-borderN1.png);
display:block;
float:left;
color:#fff;
overflow:hidden;
background-color:#a4c088;
text-decoration:none;
}

div.treemap a.textnode:hover {
background-image:url(../../images/textnode-border-hoverN1.png);
}

div.treemap a.proper {
background-color:#de9949;
}

div.treemap a.textnode img {
vertical-align:middle;
border:none;
}

#bottomPan {
height:202px;
background:url(../../images/bottombg.gif) 0 0 repeat-x;
position:relative;
clear:both;
margin:0 auto;
padding:65px 0 0;
}

#bottomMainPan {
position:relative;
margin:0 auto;
padding:50px 0 0;
}

#bottomBorderPan {
float:left;
margin-left:-30px;
margin-top:-20pt;
background:inherit;
font-size:100%;
}

#bottomBorderPan h2 {
width:210px;
height:40px;
position:absolute;
top:28px;
left:0;
display:block;
background:#ccc;
color:#0C0C0C;
font:24px/40px Veranda, Arial, EmbeddedArial, Helvetica, sans-serif;
}

#bottomBorderPan h3 {
width:210px;
height:40px;
position:absolute;
top:28px;
left:259px;
display:block;
background:#ccc;
color:#0C0C0C;
font:24px/40px Veranda, Arial, EmbeddedArial, Helvetica, sans-serif;
}

#bottomBorderPan h4 {
width:210px;
height:40px;
position:absolute;
top:28px;
left:557px;
display:block;
background:#ccc;
color:#0C0C0C;
font:24px/40px Veranda, Arial, EmbeddedArial, Helvetica, sans-serif;
}

#bottomBorderPan ul {
float:left;
width:300px;
padding:25px 10px 0;
}

#bottomBorderPan ul li {
width:300px;
height:22px;
margin:0 10px 0 0;
}

#bottomBorderPan ul li a {
width:200px;
height:22px;
display:block;
background:url(../../images/arrow-normal.gif) 0 8px no-repeat #inherit;
color:#ccc;
font:14px/22px Veranda, Arial, EmbeddedArial, Helvetica, sans-serif;
text-decoration:none;
padding:0 0 0 16px;
}

#bottomBorderPan ul li a:hover {
background:url(../../images/arrow-hover.gif) 0 8px no-repeat ;
color:#cc5b00;
text-decoration:none;
}

.tree {
font-size:11pt;
margin-left:20px;
margin-top:15px;
white-space:nowrap;
overflow:auto;
position:relative;
height:405px;
padding:10px;
}

.tree img {
border:0;
height:16px;
width:14px;
vertical-align:text-bottom;
}

.tree a {
color:#000;
text-decoration:none;
}

.tree a:hover {
color:#345373;
}

ul#thumbs,ul#thumbs li {
list-style:none;
margin:0;
padding:0;
}

ul#thumbs li {
float:left;
margin-right:5px;
border:1px solid #999;
padding:2px;
}

ul#thumbs:after,li#thumbs:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

ul#thumbs,li#thumbs {
display:block;
min-height:1%;
}

* html ul#thumbs,* html li#thumbs {
height:1%;
}

p.thumb {
float:left;
margin:.5em 10px .5em 0;
padding:2px;
}

.qmmc .qmdivider {
display:block;
font-size:1px;
border-style:solid;
border-width:0;
}

.qmmc .qmdividery {
float:left;
width:0;
}

.qmmc .qmtitle {
display:block;
cursor:default;
white-space:nowrap;
}

.qmclear {
font-size:1px;
height:0;
width:0;
clear:left;
line-height:0;
display:block;
float:none !important;
}

.qmmc {
position:inherit;
zoom:1px;
}

.qmmc a,.qmmc li {
float:left;
display:block;
white-space:nowrap;
}

.qmsh div a {
float:left;
}

.qmmc div {
visibility:hidden;
position:absolute;
}

.qmmc ul {
left:-10000px;
position:absolute;
z-index:10;
}

.qmmc,.qmmc ul {
list-style:none;
margin:0;
padding:0;
}

.qmmc li {
position:inherit;
}

.qmmc ul ul {
z-index:20;
}

.qmmc ul ul ul {
z-index:30;
}

.qmmc ul ul ul ul {
z-index:40;
}

.qmmc ul ul ul ul ul {
z-index:50;
}

li:hover>ul {
left:auto;
}

#qm0 ul {
top:100%;
}

#qm0 ul li:hover>ul {
top:0;
left:100%;
}

/* menu details... */
#qm0 a {
color:#596171;
font-size:14px;
text-decoration:none;
font-weight:500;
padding:5px 4px 5px 5px;
}

#qm0 div,#qm0 ul {
color:#555;
background-color:#eee;
font-weight:400;
border-style:none;
margin:-2px 0 0;
padding:4px;
}

#qm0 div a,#qm0 ul a {
color:#555;
background-color:#eee;
font-size:13px;
font-weight:400;
border-style:none;
border-width:0;
padding:3px 10px 3px 5px;
}

#qm0 .qmtitle {
cursor:default;
color:#444;
/*font-family:italic 1.05em Georgia, serif;*/
font-size:12px;
font-weight:700;
padding:3px 0 3px 4px;
}

#qm0 .qmdividerx {
border-top-width:1px;
border-color:#bfbfbf;
margin:4px 0;
}

#qm0 .qmdividery {
border-left-width:1px;
height:15px;
border-color:#aaa;
margin:4px 2px 0;
}

#qm0 .qmritem span {
background-color:#f7f7f7;
border-color:#dadada;
}

#qm0 .qmritemcontent {
padding:0 0 0 4px;
}

.qmfv {
visibility:visible !important;
}

.qmfh {
visibility:hidden !important;
}

span.c6,h5.c5 {
color:#00B300;
}

.Cbox_articles,.Lbox_articles,.Rbox_articles {
background:inherit;
color:#bbb;
}

ul#thumbs a,p.thumb a {
display:block;
float:left;
width:100px;
height:100px;
line-height:100px;
overflow:hidden;
position:relative;
z-index:1;
}

ul#thumbs a img,p.thumb a img {
float:left;
position:absolute;
top:-20px;
left:-50px;
}

ul#thumbs a:hover,p.thumb a:hover {
overflow:visible;
z-index:1000;
border:none;
}

ul#thumbs a:hover img,p.thumb a:hover img {
border:1px solid #999;
background:#fff;
padding:2px;
}

.qmmc div a,.qmmc ul a,.qmmc ul li,.qmmc li a {
float:none;
}

#qm0 div a:hover,#qm0 ul a:hover,body #qm0 div .qmactive,body #qm0 div .qmactive:hover {
background-color:#dadada;
color:#cc5b00;
}

.buorg {
    position:absolute;
    width:100%;
	height: 20px;
    top:0px;
    left:0px;
    border-bottom:1px solid #A29330;
    background:#FDF2AB no-repeat 1em 0.55em ;
    text-align:left;
    cursor:pointer;
    /*font-family: italic 1.05em Georgia, serif; color:#000;*/
    font-size: 12px;
}
.buorg div {
    padding:5px 36px 5px 40px;
}
.buorg a {
    color:#E25600;
}
#buorgclose {
    position: absolute;
    right: .5em;
    top:.2em;
    height: 20px;
    width: 12px;
    font-weight: bold;
    font-size:14px;
    padding:0;
}

/* tabs */
ol#toc {
    height: 1.6em;
    list-style: none;
    margin: 0;
    padding: 0;
	margin-top:15px;
	margin-left:20px;
}

ol#toc li {
    float: left;
    margin: 0 1px 0 1px;
}

ol#toc a {
    background: inherit;
    color:#666;
	/*font-family:italic 1.05em Georgia, serif;*/
	font-size:12px;
	font-weight:400;
	padding:5px 4px 5px 5px;
    display: block;
    float: left;
    height: 1.5em;
    padding-left: 5px;
	padding-right: 5px;
    text-decoration: none;
	border-bottom: #48f solid 3px;
}

ol#toc a:hover {
    color: #cc5b00;
	border-bottom: #48f solid 3px;
}

ol#toc a:hover span {
    background-position: 100% -120px;
}

ol#toc li.current a {
    /*background-color: #ccc;
    background-position: 0 -60px;*/
    color: #8D96A8;
    /*font-weight: bold;*/
	text-decoration: bold italic;
	/*border: #48f dotted 1px;*/
	border-bottom: #48f solid 3px;
}

ol#toc li.current span {
    background-position: 100% -60px;
}

ol#toc span {
    background: #inherit 100% 0;
    display: block;
    line-height: 2em;
    padding-right: 10px;
}

div.content {
    /*border-top: #48f solid 1px;*/
    clear: left;
    padding: 1em;
}