@import url(_reset.css); 
@import url(_hacks.css);

/* @ Magic Beings Here
------------------------------*/
body {
font-size: 0.75em;
font-family: Arial;
color: #CCC;
background: #191919 url("../_images/bg_x.jpg") top repeat-x;
margin: 0;
padding: 0;
/*text-align: center;  this centers the container in IE 5* browsers. */
text-align: center;
}

/* header
------------------------------*/
#hdr {
position: relative;
margin: auto;
width: 910px;
height: 231px;
}

#hdr.bg_001 { background: url("../_images/hero_001.jpg") top left no-repeat; }
#hdr.bg_002 { background: url("../_images/hero_002.jpg") top left no-repeat; }
#hdr.bg_003 { background: url("../_images/hero_003.jpg") top left no-repeat; }
#hdr.bg_004 { background: url("../_images/hero_004.jpg") top left no-repeat; }
#hdr.bg_005 { background: url("../_images/hero_005.jpg") top left no-repeat; }
#hdr.bg_006 { background: url("../_images/hero_006.jpg") top left no-repeat; }
#hdr.bg_007 { background: url("../_images/hero_007.jpg") top left no-repeat; }
#hdr.bg_008 { background: url("../_images/hero_008.jpg") top left no-repeat; }
#hdr.bg_009 { background: url("../_images/hero_009.jpg") top left no-repeat; }
#hdr.bg_010 { background: url("../_images/hero_010.jpg") top left no-repeat; }
#hdr.bg_011 { background: url("../_images/hero_011.jpg") top left no-repeat; }

#hdr .secLogo {
position:absolute;
left: 20px;
top: 70px;
width: 198px;
height: 62px;
background: url("../_images/logo_mat.png") top left no-repeat;
behavior: url("/iepngfix.htc") !important;
}

#hdr .secLogo span {
display: none;
visibility: hidden;
}

#hdr .secLinks {
position:absolute;
right: 0px;
top: 0px;
height: 42px;
width: 535px;
}

#hdr .secLinks table {
height: 42px;
width: 535px;
}

#hdr .secLinks td.s1 {
width: 10px;
height: 42px;
background: url("../_images/panel_cap_lft.png") top left no-repeat;
behavior: url("/iepngfix.htc") !important;
}

#hdr .secLinks td.s2 {
width: 280px;
height: 42px;
background:#0a0a0a;
}

#hdr .secLinks td.s2 div { padding-top: 14px; }

#hdr .secLinks td.s2 { font: 90% arial; color: #222; }

#hdr .secLinks td.s2 a { color: #777; text-decoration: none; padding: 0 7px; }
#hdr .secLinks td.s2 a:hover { background: #000; color:#fff;}

#hdr .secLinks td.s3 div { padding-top: 10px; }

#hdr .secLinks td.s3 {
width: 235px;
height: 42px;
background:#0a0a0a;
text-align: right;
}

#hdr .secLinks td.s3 .srch {
width: 162px;
height: 17px;
font: 11px arial;
color: #000;
padding: 3px;
border: 0;
vertical-align: middle;
}

#hdr .secLinks td.s3 .btnSearch { vertical-align: middle; margin-left: 7px; border: none; height: 18px; width: 59px; background: url("../_images/btn_search.gif") top left no-repeat; cursor: pointer; }

#hdr .secLinks td.s4 {
width: 10px;
height: 42px;
background: url("../_images/panel_cap_rht.png") top left no-repeat;
behavior: url("/iepngfix.htc") !important;
}

ul.bdyList					{ margin-left: 25px; list-style: square; margin-bottom: 20px; }
ul.bdyList li a				{ color: #0066CC; }
ul.bdyList li a:hover		{ background: #0066CC; color: #fff; }

.imgDesti				{ margin: 0 auto; margin-bottom: 20px; display: block; }
.sepx					{ display: block; border-top: 1px dotted #333; padding-bottom: 20px; margin-top: 10px;}

.gSearch { width: 525px; overflow: hidden; }

.gResults { width: 525px; overflow: hidden; }

/* wrapper
------------------------------*/
#wrapperBody {
width: 910px;
margin: 0 auto;
text-align: left;
}

#wrapperBody .panel-left {
float: left;
width: 190px;
background: url("../_images/bg_panel_left.gif") bottom right no-repeat;
padding-bottom: 195px;
}

#wrapperBody .panel-center {
float: left;
width: 570px;
}

#wrapperBody .panel-center .holder {
padding: 15px 20px 0 20px;
font: 90% arial;
line-height: 150%;
color: #333;
background: #fff;
min-height: 600px;
}

#wrapperBody .panel-center .holder .crumbs { display: block; font: 90% arial; color: #444; padding-bottom: 15px; }
#wrapperBody .panel-center .holder .crumbs a { color: #777; text-decoration: none; }
#wrapperBody .panel-center .holder .crumbs a:hover	{ color: #000; }

#wrapperBody .panel-center .holder h1 				{ font: 220% Georgia; color: #333333; border-bottom: 1px dotted #666; padding-bottom: 2px; margin-bottom: .7em; }
#wrapperBody .panel-center .holder h2 				{
font-size: 1em; font-weight: bold; color: #fff; text-transform: uppercase; margin-bottom: .7em; background: #2b2b2b; padding: 5px;
border-bottom: 1px solid #000;
}
#wrapperBody .panel-center .holder h3 				{
font-size: 1em; font-weight: bold; color: #0066CC; text-transform: uppercase; margin-bottom: .3em;
border-bottom: 1px solid #e5e5e5;
}
#wrapperBody .panel-center .holder h4 				{
font-size: 1em; font-weight: bold; color: #333; margin-bottom: .1em;
border-left: 2px solid #cc0000;
padding-left: 3px;
}
#wrapperBody .panel-center .holder a 				{ text-decoration: none; }
#wrapperBody .panel-center .holder p 				{ padding-bottom: 1em; }
#wrapperBody .panel-center .holder p a 				{ color: #0066CC; border-bottom: 1px dotted #0066cc; cursor: pointer; }
#wrapperBody .panel-center .holder p a:hover 		{ color: #cc0000; border-bottom: 1px dotted #cc0000; }

#wrapperBody .panel-right {
float: left;
width: 150px;
background: url("../_images/bg_panel_right.gif") top left repeat-y;
position: relative;
text-align: center;
padding-top: 10px;
}

/*#wrapperBody .panel-left .featLeft { background: url("../_images/feature_left.gif") top left no-repeat; width: 190px; height: 190px; position: absolute; right:0; bottom: -190px; }*/
#wrapperBody .panel-right .featRight { background: url("../_images/feature_right.gif") top left no-repeat; width: 150px; height: 192px; position: absolute; left:0; bottom: -192px;  }

#wrapperBody .panel-left dl { width: 165px; margin: 0 auto; }

#wrapperBody .panel-left dl dt { 
font: 110% Georgia;
color: #666666;
border-bottom: 1px dotted #555;
padding-bottom: 3px;
margin-bottom: 5px;
margin-top: 10px;
}

#wrapperBody .panel-left dl dd { font: 90% arial; color: #777; }
#wrapperBody .panel-left dl dd img { float: left; margin: 3px 5px 7px 0; }
#wrapperBody .panel-left dl dd a.dlink { display: block; width: 60px; height: 12px; font: 11px arial; color: #990000; text-decoration: none; padding: 0 3px 3px 3px; margin-top: 5px; }
#wrapperBody .panel-left dl dd a.dlink:hover { background: #333; color: #fff; }

/* footer
------------------------------*/
#foot {
width: 910px;
margin: 0 auto;
font: 95% Arial;
font-weight: normal;
color: #484848;
text-align: center;
background: url("../_images/ftr_bg.gif") top left no-repeat;
padding-top: 160px;
}

#foot p { padding-bottom: 15px; margin-left: 40px; }
#foot p a { color: #484848; text-decoration: none; }
#foot p.lks a { padding: 0 10px; }
#foot p a:hover { color:#fff; }