@charset "UTF-8"; 

@media all{     *{margin:0; padding:0}

 
 
 option{padding-left:0.4em}

 
 * html body *{overflow:visible}
 * html iframe, * html frame{overflow:auto}
 * html frameset{overflow:hidden}

 
 
 html{height:100%; margin-bottom:1px}
 body{   font-size:100.01%;    color:#000;  background:#fff;  text-align:left}

 
 
 fieldset, img{border:0 solid}

 
 
 ul, ol, dl{margin:0 0 1em 1em}
 li{margin-left:1.5em; line-height:1.5em}

 dt{font-weight:bold}
 dd{margin:0 0 1em 2em}

 blockquote{margin:0 0 1em 1.5em}

 
 
 #header{position:relative}

 
 
 #topnav{text-align:right}

 
 
 #header #topnav{ position:absolute;  top:10px;  right:10px}

 
 
 #header, #nav, #main, #footer{clear:both}

 
 #col1{float:left; width:200px}
 
 #col2{float:right; width:200px}
 
 
 #col3{width:auto; margin:0 200px}

 
 
 #col1_content, #col2_content, #col3_content{position:relative}

 
 
 .hideboth #col3{margin-left:0; margin-right:0}
 .hidecol1 #col3{margin-left:0; margin-right:200px}
 .hidecol2 #col3{margin-left:200px; margin-right:0}

 .hideboth #col1, .hideboth #col2, .hidecol1 #col1, .hidecol2 #col2{display:none}

 
 
 
 
 .clearfix:after{ content:".";  display:block;  height:0;  clear:both;  visibility:hidden}

 
 
 .clearfix{display:block}

 
 
 .floatbox{overflow:hidden}

 
 
 #ie_clearing{display:none}

 
 
 .subcolumns{width:100%; overflow:hidden}

 
 
 .subcolumns_oldgecko{width:100%; float:left}

 .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l{float:left}
 .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r{float:right; margin-left:-5px}

 .c25l, .c25r{width:25%}
 .c33l, .c33r{width:33.333%}
 .c50l, .c50r{width:50%}
 .c66l, .c66r{width:66.666%}
 .c75l, .c75r{width:75%}
 .c38l, .c38r{width:38.2%}
 .c62l, .c62r{width:61.8%}

 .subc{padding:0 0.5em}
 .subcl{padding:0 1em 0 0}
 .subcr{padding:0 0 0 1em}

 
 
 
 
 .skip, .hideme, .print{ position:absolute;  top:-1000em;  left:-1000em;  height:1px;  width:1px}

 
 
 .skip:focus, .skip:active{ position:static;  top:0;  left:0;  height:auto;  width:auto}
}

@media screen, projection{      body{background:#3973b3 url("../image/bg_blue.gif") repeat-x top left fixed; padding:10px 0}

 
 
 body{text-align:center}
 #page_margins{text-align:left; margin:0 auto}

 
 
 #page_margins{min-width:740px; max-width:80em; background:#fff}
 #page{padding:10px}

 
 
 #header{ color:#000;  background:#fff repeat-x top left;  padding:45px 2em 1em 20px}

 #topnav{color:#aaa; background:transparent}

 
 
 #nav ul{margin-left:20px}
 #nav_main{background-color:#336}

 #main{background:#fff; padding:10px 0}

 #footer{ color:#666;  background:#f9f9f9;  padding:10px 20px;  border-top:5px #efefef solid}

 
 
 #col1{width:25%}
 #col1_content{padding:10px 10px 10px 20px}

 #col2{width:25%}
 #col2_content{padding:10px 20px 10px 10px}

 #col3{margin:0 25%}
 #col3_content{padding:10px}

 
 
 #nav *{border:0px none !important}
 #nav_main{background:#efefef}
 #nav_main ul{margin-left:10px}
 #nav_main ul li{line-height:1.2em}
 
 #nav_main ul li a, 
 #nav_main ul li strong{color:#666; font-weight:normal; padding:0.5em 0.8em 0.5em 0.8em}
 
 #nav_main ul li a:focus, 
 #nav_main ul li a:hover, 
 #nav_main ul li a:active{background:#182E7A; color:#fff}
 
 #nav_main ul li#current{background:transparent}
 
 #nav_main ul li#current strong, 
 #nav_main ul li#current a, 
 #nav_main ul li#current a:focus, 
 #nav_main ul li#current a:hover, 
 #nav_main ul li#current a:active{color:#4D87C7; font-weight:bold}

}

@media screen, projection{  #page_margins{width:980px; min-width:980px; max-width:none}

 
  #header{padding:0px 0px 0px 0px; z-index:1000}

  #main{  float:left; width:100%;     background-color:transparent;     background-image:url(../image/bg_pattern.png);  background-repeat:repeat-y;  background-position:left;  z-index:0}

 
 #col1{width:600px; float:left; margin-left:180px}
 #col1_content{padding-left:10px; padding-right:10px}

 
 #col2{width:180px; float:left;  margin-left:-780px}
 
 #col2_content{padding-left:10px; padding-right:10px}

 
 #col3{margin-left:-5px; margin-right:0; width:180px; float:right}
 
 #col3_content{padding-left:10px; padding-right:10px}

  
 #footer{padding-left:10px; padding-right:10px}
}

@media all{html *{font-size:100.01%}

textarea, pre, tt, code{font-family:"Courier New",Courier,monospace}

body{font:0.7em verdana,arial,sans-serif; line-height:1; color:#222}

h1, h2, h3{font-family:"Trebuchet MS","Times new roman",times,serif; font-weight:bold; color:#555; line-height:1.2em; margin:0 0 0.2em 0}

h4, h5{font-family:verdana,Arial,sans-serif; font-weight:bold; color:#bc3a0a; line-height:1.2em; margin:0 0 0.2em 0}

h1{font-size:2.2em}

h2{font-size:1.8em}
h3{font-size:1.4em}
h4{font-size:1.2em}
h5{font-size:1.0em}

#header h1{font-size:2.5em; letter-spacing:-2px; line-height:65%; color:#000}

#header span{color:#999}

p{line-height:1.5em; margin:0 0 1em 0}

ul{line-height:1.5em; list-style-image:none; list-style-type:none; margin:0 4em 1em 4em}
ul li{line-height:1.5em; background:url(../image/icon_BulletOrange.gif) -.5em -.3em no-repeat; padding:0 0 0 1em}

ul.compact{line-height:1.5em; list-style-image:none; list-style-type:none; margin:0 0 1em 0; padding:0}
ul.compact li{line-height:1.5em; background:url(../image/icon_BulletOrange2.gif) -.5em -.3em no-repeat; padding:0 0 0 1em}

ul.wide{line-height:1.5em; list-style-image:none; list-style-type:none; margin:0 2em 1em 2em}
ul.wide li{line-height:1.5em; background:url(../image/icon_BulletOrange.gif) -.5em -.2em no-repeat; padding:0 0 0 1.2em}

ul.big{line-height:1.5em; margin:0 1em 1em 1em; list-style:none; list-style-image:none}
ul.big li{background:url(../image/icon_Arrow2.gif) 0em 0em no-repeat; padding:0 0 0 2.4em}

ul.nobullet{line-height:1.5em; margin:0 1em 1em 1em; list-style:none; list-style-image:none}
ul.nobullet li{background:none; margin:0}

dl{line-height:1.5em; margin:0 0 1em 4em}
ol{line-height:1.5em; margin:0 0 1em 0em}
li{margin-left:0em; line-height:1.5em}

dt{font-weight:bold}
dd{margin:0 0 1em 2em}

cite, blockquote{font-style:italic}
blockquote{margin:0 0 1em 1.5em}

strong, b{font-weight:bold}
em, i{font-style:italic}

pre, code{font-family:monospace; font-size:1.1em}

acronym, abbr{letter-spacing:.07em; border-bottom:.1em dashed #c00; cursor:help}

.note{background:#dfd; padding:1em; border-top:1px #bdb dotted; border-bottom:1px #bdb dotted}
.important{background:#ffd; padding:1em; border-top:1px #ddb dotted; border-bottom:1px #ddb dotted}
.warning{background:#fdd; padding:1em; border-top:1px #dbb dotted; border-bottom:1px #dbb dotted}

.float_left{float:left; display:inline; margin-right:1em; margin-bottom:0.15em}
.float_right{float:right; display:inline; margin-left:1em; margin-bottom:0.15em}
.center{text-align:center; margin:0.5em auto}

a h1, a h2, a h3, a h4, a h5{color:#2c5e6f; text-decoration:none; margin-bottom:-.25em}
a, a:visited, a:focus, a:active{color:#2c5e6f; text-decoration:none}
a:hover{color:#2c5e6f; text-decoration:underline}

.topnav{text-align:right; color:#999}
.topnav a{color:#999; font-weight:normal; text-decoration:none}
.topnav a:focus, 
.topnav a:hover, 
.topnav a:active{text-decoration:underline; background-color:transparent}
 
#footer a{color:#999; background:transparent; font-weight:bold}
#footer a:focus, 
#footer a:hover, 
#footer a:active{color:#4D87C7; background-color:transparent; text-decoration:underline}

table{width:auto; border-collapse:collapse; margin-bottom:0.5em}
table.full{width:100%}
table.fixed{table-layout:fixed}

th, td{padding:0.2em}
thead th{background:#444; color:#fff}
tbody th{background:#ccc; color:#333}
tbody th.sub{background:#ddd; color:#333}

hr{color:#fff; background:transparent; margin:0 0 0.5em 0; padding:0 0 0.5em 0; border:0; border-bottom:1px #eee solid}
}

@media print{     body,#page_margins,#page,#main{margin:0; padding:0; border:0}
 #page_margins, #page{width:100% !important; min-width:0; max-width:none}
 #header{height:auto}

 
 
 #topnav, #nav, #search, #footer{display:none}

 
 
 .c25l, .c33l, .c38l, .c50l, .c62l, .c66l, .c75l, 
 .c25r, .c33r, .c38r, .c50r, .c62r, .c66r, .c75r{ width:100%; margin:0; float:none; overflow:visible; display:table}
 .subc, .subcl, .subcr{margin:0; padding:0}

 
 
 .print{position:static; top:0; left:0; height:auto; width:auto}
 
 
 
 
 
 body *{font-family:"Times New Roman",Times,serif}
 code, pre{font-family:"Courier New",Courier,mono}
 body{font-size:12pt}

 
 
 h1, h2, h3, h4, h5, h6{page-break-after:avoid}

 
 
 abbr[title]:after, 
 acronym[title]:after{content:'(' attr(title) ')'}

 
 
 #page a[href^="http:"], 
 #page a[href^="https:"]{padding-left:0; background-image:none}

 
 
 a[href]:after{ content:"<URL:"attr(href)">";  color:#444;  background:inherit;  font-style:italic}

 
 
 #col1_content:before, #col2_content:before, #col3_content:before{ content:"";  color:#888;  background:inherit;  display:block;  font-weight:bold;  font-size:1.5em}

 
 
 
 
 .floatbox, 
 .subcolumns, 
 .subcolums_oldgecko{overflow:visible; display:table}
}

@media print{ #col1,#col1_content{float:none; width:100%; margin:0; padding:0; border:0}

 #col2{display:none}
 #col3{display:none}
}

input{font:normal 100% verdana,arial}
p{line-height:160%; margin:0 0 1em 0}
p.FirstChar:first-letter{font-size:5.5em; font-weight:bold; line-height:0.8em; float:left; margin:0 5px 1px 0}
select{border:solid 1px #7f9db9; font:normal 100% verdana,arial}
table{margin:0px 0px 8px}
td{line-height:140%}
textarea{font:normal 100% verdana,arial}

.Button{  background-color:#fff; background-image:url(../image/bg_Button.png); background-repeat:repeat-x; border:solid 1px #7f9db9; color:#000; cursor:hand; font:normal 11pt trebuchet ms,arial; height:24px}
.Combo{background-color:#fff; font:normal 100% verdana,arial; height:20px; padding-top:1px; width:300px}

.SearchBox{text-align:right; margin-top:18px}

dl{margin:0px 0 1em 0; padding:0 0 0 0}
dt{color:#354f66; float:left; font-weight:bold; padding:0; text-align:right; width:80px}
dd{margin:0 0 .2em 90px; padding:0 0 0 15px}
li.Resource{margin-left:-10px; margin-bottom:30px}
ol{line-height:140%; margin:0em 0em .5em 4em}
ol.compact{margin:0em 0em .5em 3em}

.TableList{border-collapse:collapse}
.TRList{}
.TDList{border-bottom:solid 1px #e9e9e9; padding-top:2px; padding-bottom:2px}
.TDListLast{padding-top:2px; padding-bottom:2px}

blockquote{font-style:italic; margin-bottom:0px}
blockquote.BlockQuoteSource{margin-top:0px; text-align:right}
div.Ref{background-color:#e6e6e6; border-left:solid 5px #bbb; margin-left:50px; margin-right:55px; margin-top:20px; margin-bottom:20px; padding:5px 10px 5px 5px}
p.Ref{font:normal 100% Georgia,Times New Roman,MS Serif; line-height:160%; margin-left:5px}
.RefSource{font:normal 100% Georgia,Times New Roman,MS Serif; text-align:right}

.footerdiv{color:#666; text-align:right}

#container{}

.topad{border-bottom:2px #ddd dotted; margin:0 0 1.5em 0; padding:0 0 1em 0}
.bottomad{clear:left; margin-top:30px; margin-bottom:10px}

.img-shadow200{float:left; background:url(../image/bg_Shadow200.gif) no-repeat bottom right; margin:6px 5px 5px 6px}
.img-shadow200 img{background-color:#fff; border:1px solid #a9a9a9; display:block; position:relative; margin:-6px 6px 6px -6px; padding:4px}

.img-shadow200 a img{display:block; position:relative; background-color:#fff; margin:-6px 6px 6px -6px; padding:4px}

.img-shadow400{float:left; background:url(../image/bg_ShadowAlpha400.png) no-repeat bottom right !important; background:url(../image/bg_Shadow400.gif) no-repeat bottom right; margin:6px 5px 5px 6px}
.img-shadow400 img{display:block; position:relative; background-color:#fff; border:1px solid #a9a9a9; margin:-6px 6px 6px -6px; padding:4px}

.img-shadow400 a img{display:block; position:relative; background-color:#fff; border:1px solid #a9a9a9; margin:-6px 6px 6px -6px; padding:4px}

.img-shadow800{float:left; background:url(../image/bg_ShadowAlpha800.png) no-repeat bottom right !important; background:url(../image/bg_Shadow800.gif) no-repeat bottom right; margin:6px 5px 5px 6px}
.img-shadow800 img{display:block; position:relative; background-color:#fff; border:1px solid #a9a9a9; margin:-6px 6px 6px -6px; padding:4px}

.img-shadow800 a img{display:block; position:relative; background-color:#fff; border:1px solid #a9a9a9; margin:-6px 6px 6px -6px; padding:4px}

.ArticleLeft{float:left; margin-right:25px}
.ArticleLeftCaption{clear:both; color:#999; margin-left:4px; margin-bottom:15px}
.ArticleRight{float:right; margin-left:20px; margin-bottom:10px}
.ArticleRightCaption{clear:both; color:#999; margin-right:4px; margin-bottom:5px; text-align:right}

