@charset "UTF-8"; @media all
{ *{margin:0; padding:0}
ul, ol{	margin:0;	padding:0.5em 0 0.2em 2.5em; list-style:none}
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:100.01% Verdana, Arial, Helvetica, sans-serif; color:#4a535a; text-align:left; background:#ffffff}
fieldset, img{border:0 solid}
blockquote{margin:0 0 1em 1.5em}
#header{position:relative;  overflow:hidden; }
#topnav{text-align:left}
#header, #nav, #main, #footer{clear:both}
#col1{float:left; width:200px}
#col2{float:right; width:200px}
#col1_content, #col2_content, #col3_content{position:relative}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:block}
.floatbox{overflow:hidden}
#ie_clearing{display:none}
}
@media screen, projection
{ #page_margins{margin:0 auto;}
#page_margins{ background:transparent; width:900px; border:0}
#footer{padding:10px 20px; color:#fff; text-align:center}
#col1{float:left; width:33%; margin:0; background:#E0ECF2}
#col2{float:right; width:65%; margin:0; padding:0 1%; }
#col4{width:33%; margin:0; padding:0 2% 0 4%; float:right}
#col3{float:left; width:23%; margin:0; padding:1%; border:0; background:#262221}

#col1 div, #col2 div { padding:20px 10px}
#col1_content{padding:0 10px 0 0px}
#col2_content{padding:0 0px 0 10px}
#col3_content{padding:5px 20px}
}
@media all
{ html *{font-size:100.01%}
textarea, pre, tt, code{ font-family:"Courier New", Courier, monospace;}
body{ font-family:'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; font-size:80.00%; }
img{border:0; padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{font-family: Arial, Helvetica, sans-serif; margin:0 0 0.25em 0; color:#4a535a}
h1{font-size:200%;}
h2{font-size:175%; font-family:"Times New Roman", Times, serif}
h3{font-size:150%}
h4{font-size:133.33%}
h5{font-size:116.67%}
h6{font-size:116.67%; font-style:italic}
p{line-height:1.5em; margin:0.5em 1em 1em 1em; text-align:justify;}
ul, ol, li { margin:0; padding:0}

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;}
a{color:#ff9000; font-size:100%; text-decoration:none}
a:focus, a:hover, a:active{color:#fe5c1c;}

#topnav { padding:0; margin:0 auto; text-align:center}
#topnav ul { padding:0; margin:0; list-style: none; }
#topnav li{ background:transparent; text-decoration:none; padding:0; margin:0 auto; float:left; list-style:none;}
#topnav li a{color:#ffffff; font-size:115%; text-decoration:none; float:left; padding:1px 36px; margin:1px; text-align:center; top; font-weight:bold }
#topnav li a:active, #topnav li a:hover, #topnav li a:focus {  text-decoration:none !important; background:#bbbbbb; color:#444444; margin:1px}
#topnav li a.active:link, #topnav li a.active:visited, #topnav li a.active:active, #topnav li a.active:hover{ color:#2a2a2a; font-weight:bolder;  border:2px solid #6d6f6f inset; margin:0; background:#aaaaaa }


#content img {border:solid 2px #939699}
#col2 p {text-align:justify}

#logo_wrap { width:100%; height:95px; overflow:hidden; background:url(../images/header_bg_right.jpg)}
#left_color { background:url(../images/header_bg_left.jpg); height:95px; width:42%; float:left }
#center_logo {width:900px; height:95px; background:url(../images/header_bg_right.jpg); position:absolute; margin-left:-450px; overflow:hidden; left:50%; margin-right:-450px;}
#logo {float:left; height:95px; background-image:url(../images/header_bg_left.jpg)}
#color_match {float:left; margin-left:auto}
#right_color {background:url(../images/header_bg_right.jpg); height:95px; width:42%; float:right}
#header {width:900px; margin:0 auto}

hr { border:dotted 1px #444; margin:20px}

.white{ color:#ffffff}
.gray{ color:#9f8f7f}
.listin { float:left; width:30%; background:#383434; padding:0; color:#8f8f8f}
.listin:hover { color:#cfcfcf}
.listin ol { list-style:none; background:#383434; margin:0 10px}
.listin li { background:#383434; margin:0; padding:0 10px}
.listin li:hover { background:#3d3838}

#footer { padding:35px; color:#ffffff; }
#footer a{color:#ffffff; text-decoration: none}
#footer a:focus, #footer a:hover, #footer a:active{color:#ffffff; text-decoration:none; background:none}

table{width:auto; border-collapse:collapse; margin-bottom:0.5em}
table.full{width:100%}
table.fixed{table-layout:fixed}
th,td{padding:0.5em}
thead th{background:#444; color:#fff}
tbody th{background:#ccc; color:#333}
tbody th.sub{background:#ddd; color:#333}
}