/*
 * ############# Reset CSS begin #############
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*
 * ############# Reset CSS end #############
 */




body { background: #f9f9f9 url(../images/bg.gif) repeat-x; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 11px; }
.clear { clear: both; }

/* outer container */
#container { width: 974px; margin: 0 auto; border-left: 1px solid #c0c1c1; background: #fff url(../images/container_border_right.gif) right repeat-y; }
#borderbottom { width: 975px; height: 6px; margin: 0 auto 20px auto; background: url(../images/container_border_bottom.gif) no-repeat; }

/* header */
#header { width: 100%; height: 130px; }
#header .logo { float: left; width: 232px; height: 114px; border-left: 2px solid #cecece; border-right: 3px solid #cecece; border-bottom: 3px solid #cecece; }
#header .container { float: left; width: 734px; height: 96px;  background-color: #e3e3e3; overflow: hidden; }

/* meta bar */
#header .meta { height: 25px; margin-top: 5px; font-size: 11px; position: relative;}

#header .meta .rss,
#header .meta .twitter,
#header .meta .facebook,
#header .meta .linkedin,
#header .meta .myavm,
#header .meta .newsletter,
#header .meta .search { float: left; font-size: 11px; line-height: 2em;}

/*#header .meta .search {*/
/*	float: right;*/
/*	 position: relative; right: 20px;*/
/*}*/

#header .meta .rss { margin: 0px 20px 0 0; padding-left: 20px; padding-top: 2px; }
#header .meta .twitter { margin: 0px 20px 0 0; padding-top: 2px; }
#header .meta .facebook { margin: 0px 20px 0 0; padding-top: 2px; }
#header .meta .linkedin { margin: 0px 20px 0 0; padding-top: 2px; }
#header .meta .myavm { margin: 0px 65px 0 0; }
#header .meta .newsletter { margin-right: 6px;}
#header .meta form div { float: left; }
#header .meta input { padding: 3px 2px 1px 2px; height: 16px; }

#header .meta input.submit { padding: 2px; height: 20px; }
* html #header .meta input.submit { margin-top: 1px; }
* + html #header .meta input.submit { margin-top: 1px; }

#header .meta .rss a,
#header .meta .twitter a,
#header .meta .facebook a,
#header .meta .linkedin a,
#header .meta .myavm a { text-decoration: none; color: #000; padding: 1px 0 2px; font-weight: bold; }
#header .meta .rss a:hover,
#header .meta .twitter a:hover,
#header .meta .facebook a:hover,
#header .meta .linkedin a:hover,
#header .meta .myavm a:hover { color: #d11919; }

#header .meta .myavm a { padding-left: 9px; background: url(../images/arrow_red.gif) no-repeat 0px 5px; }


/* main nav */
#header .nav { margin-top: 36px; }

ul#mainnav { float: left; z-index: 999; margin-left: 5px; }
ul#mainnav li {	display: inline; float: left; width: auto !important; width: 1px; height: 16px; padding: 6px 8px 12px 8px; background: url(../images/mainnav_border_right.gif) right 5px no-repeat; }
ul#mainnav li a { display: block; white-space: nowrap; padding: 0 8px 8px 8px; border-bottom: 3px solid #5e5e5e; text-decoration: none; font-weight: bold; font-size: 13px; color: #000; }
ul#mainnav li a:hover,
ul#mainnav li a.active { border-bottom: 3px solid #d11919; background: url(../images/mainnav_active_bg.gif) bottom center no-repeat;  }
ul#mainnav li ul { position: absolute; left: -999em; width: 160px !important; width: 160px; height: auto; }
ul#mainnav li ul li { width: 160px !important; width: 160px; display: block; height: auto; padding: 0; background: #ededed; border: none; }
ul#mainnav li ul li a { width: auto; display: block; white-space: normal; height: auto; border: none;  margin: 0 4px; padding: 10px 0; }

ul#mainnav li:hover, ul#mainnav li.sfhover,
ul#mainnav li:hover ul, ul#mainnav li.sfhover ul { left: auto; z-index: 1000; display: block; }
ul#mainnav li:hover ul, ul#mainnav li.sfhover ul { margin-left: -8px; border-bottom: 1px solid #665c52; border-right: 1px solid #665c52;}
ul#mainnav li:hover ul li:hover, ul#mainnav li.sfhover ul li.sfhover { background-color: #dedede; }
ul#mainnav li:hover ul li a, ul#mainnav li.sfhover ul li a { border: none; border-bottom: 1px solid #aaa; padding: 5px 0 5px 9px; font-weight: normal; }
ul#mainnav li:hover ul li:hover a, ul#mainnav li.sfhover ul li.sfhover a { background-image: none; border-bottom: 1px solid #aaa; }

ul#mainnav li.last { background-image: none; }
ul#mainnav li ul li.last a { border: none; }
ul#mainnav li:hover ul li.last a, ul#mainnav li.sfhover ul li.last a { border: none; }

/* footer */
#footer { background: url(../images/footer_bg.gif) repeat-y; padding: 20px 0 10px 0; }
#footer .gateways { padding-bottom: 20px; }
#footer .gateways ul { float:left; }
#footer .gateways .gateway { float: left; width: 225px; padding: 0 5px 0 15px; line-height: 16px; }
#footer .gateways .gateway a { padding-left: 12px; background: url(../images/arrow_red.gif) no-repeat 0px 5px; color: #000; text-decoration: none; font-weight: bold; }
#footer .gateways .gateway a:hover { color: #d11919; }
#footer .gateways .title { padding-left: 20px; text-transform: uppercase; font-weight: bold; width: 200px !important; }
#footer .gateways .spacer { border-right: 1px solid #9e9e9e; }
#footer .border { width: 971px; height: 1px; background: #737373; overflow: hidden; }

#footer .copyright { float: left; width: 800px; padding: 10px 10px 0 10px; font-size: 11px; color: #656669; font-weight: bold; }
#footer .copyright a { color: #656669; text-decoration: none; text-transform: uppercase; padding: 0 2px; }

#footer .print { float: right; width: 120px; padding: 10px 10px 0 10px; text-align: right; font-size: 11px; color: #656669; font-weight: bold; }
#footer .print a { color: #656669; text-decoration: none; padding-right: 22px; background: url(../images/btn_print.gif) right no-repeat; }

/* keyvisual */
#content-home #keyvisual { z-index: 1; width: 971px; height: 250px; overflow: hidden; position: relative; border-top: 1px solid #CECECE; border-bottom: 1px solid #CECECE; }
#content-home #keyvisual div { display: none; }
#content-home #keyvisual span.box { position: absolute; top: 20px; right: 20px; width: 300px; padding: 20px; border: 1px solid #a7a4a2; background-color: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity: 0.8; }
#content-home #keyvisual h1 { font-size: 20px; text-transform: uppercase; margin-bottom: 30px; color: #d11919; }
#content-home #keyvisual a { display: block; float: right; margin-top: 20px; padding-left: 12px; background: url(../images/arrow_red.gif) no-repeat 0px 5px; color: #000; text-decoration: none; font-weight: bold; }
#content-home #keyvisual a.fallback { display: inline; float: none; margin: 0; padding: 0; background: none; }
#content-home #keyvisual a:hover { color: #d11919; }

/* breadcrumb */
#breadcrumb { width: 951px; padding: 5px 0px 5px 20px; }
#breadcrumb .nav { float: left; line-height: 12px; }
#breadcrumb .nav a { padding-left: 12px; background: url(../images/arrow_red.gif) no-repeat 0px 5px; color: #000; text-decoration: none; }
#breadcrumb .nav a:hover { color: #d11919; }
#breadcrumb .keyvisualnav { float: right; }
#breadcrumb .keyvisualnav li { float: left; display: block; overflow: hidden; width: 9px; height: 9px; background: #e5e5e5; border: 1px solid #808080; margin-right: 3px; cursor: pointer; }
#breadcrumb .keyvisualnav li:hover,
#breadcrumb .keyvisualnav li.active { border: 1px solid #565656; background: #565656; }

#content #breadcrumb .nav a { background: url(../images/arrow_grey.gif) no-repeat 0px 5px; color: #cfcfcf; }
#content #breadcrumb .nav a.active { background: url(../images/arrow_red.gif) no-repeat 0px 5px;color: #000; }
#content #breadcrumb .nav a:hover,
#content #breadcrumb .nav a.active:hover { color: #d11919; }

/* social media */
#breadcrumb .socialmedia { float: right; }

#content-container { width: 931px; padding: 10px 20px; }
#content-container .col-wide { float: left; width: 303px; border: 1px solid #d6d6d6; background: #f7f8f8; margin-right: 25px; }
#content-container .col-wide h1 { padding: 5px 10px; background: #d6d6d6; text-transform: uppercase; font-weight: bold; color: #d11919; }
#content-container .col-wide h2 { font-weight: bold; color: #d11919; padding-bottom: 5px; }
#content-container .col-wide div.outer,
#content-container .col-wide ul { padding: 10px; }
#content-container .news div.item {border-bottom: 1px solid #d6d6d6;  padding-bottom: 8px; margin-bottom: 8px; }
#content-container .news div.item1 {/*float:left;display:inline;  padding-bottom: 8px; margin-bottom: 8px;*/ }
#content-container .news div.item1 a,
#content-container .news div.item1 a:visited { background:none; /*display: block; float: right; margin-top: 5px;*/padding-left:0; }
#content-container .news div.item1 a p {}
#content-container .news div.item a { display: block; float: right; margin-top: 5px; }
#content-container a { padding-left: 12px; background: url(../images/arrow_red.gif) no-repeat 0px 5px; color: #000; text-decoration: none; font-weight: bold; }
#content-container p { padding-left: 0px; background:none; color: #000; text-decoration: none; font-weight: normal; }
#content-container a:hover { color: #d11919; }

#content-container .col-wide li { padding: 3px 0; }
#content-container .col-wide a { padding-left: 12px; background: url(../images/arrow_red.gif) no-repeat 0px 5px; color: #000; text-decoration: none; font-weight: bold; }
#content-container .col-wide a:hover { color: #d11919; }

#content-container .col-narrow { float: left; width: 270px; }
#content-container .col-narrow a { padding-left: 0; background: none; }

#content-container-subpages { width: 951px; margin: 10px 0 0 0; padding: 0 20px 0 0; background: url(../images/bg_content-container-subpages.gif) top left repeat-y; }

/* keyvisual subpages */
#content #keyvisual { border-top: 1px solid #CECECE; border-bottom: 1px solid #CECECE; }