@charset "utf-8";
/* CSS Document */

a:link, a:visited {
	color:#C8001E;
}
#wrapper { 
	width:960px;  /* this will create a container 960px */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */	
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

#container {
	padding:0 15px;;
}


/* Miscellaneous classes for reuse */
.fright { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fleft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clear { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#header {
	clear:both;
	/*height:150px;*/
	position:relative;
	z-index:10;
}
#date {
	font-size:9px;
	height:25px;
	line-height:25px;
	overflow:hidden;
}
#headerbar {
	/*height:75px;
	overflow:hidden;
	padding-left:220px;*/
}
#logo {
	/*left:0;
	position:absolute;
	top:25px;*/
}
#menubar {
	background:transparent url(../images/menubar_bg.png) no-repeat scroll 0 0;
}
#menubar div.menubar-2 {
	background:transparent url(../images/menubar_bg.png) no-repeat scroll 100% -50px;
	padding:0 20px;
}
#menubar div.menubar-3 {
	background:transparent url(../images/menubar_bg.png) repeat-x scroll 0 -100px;
	height:50px;
}
#menu {
	left:20px;
	position:absolute;
	top:202px;
	z-index:11;
	width: 883px;
}
#menu ul.menu {
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
}
#menu li {
	margin:0;
	padding:0;
	position:relative;
	z-index:5;
}
#menu li.level1 {
	float:left;
	margin-right:10px;
}
#menu a, #menu span {
	display:block;
}
#menu a {
	text-decoration:none;
}
#menu a.level1, #menu span.level1 {
	float:left;
}
#menu a.level1 span.bg, #menu span.level1 span.bg {
	color:#323232;
	float:left;
	font-size:17px;
	height:40px;
	line-height:35px;
	padding:0 15px;
}


#menu li.level1:hover { background: url(../images/menu_level1_item.png) 0 0 no-repeat; }

#menu li:hover a.level1,
#menu li:hover span.level1 { background: url(../images/menu_level1_item.png) 100% -40px no-repeat; }
#menu li.active:hover a.level1 span.bg, #menu li.active:hover span.level1 span.bg {
	color:#FF0000;
}
#menu li.active a.level1 span.bg, #menu li.active span.level1 span.bg {
	color:#C8001E;
}
#menu li:hover a.level1 span.bg, #menu li:hover span.level1 span.bg {
color:#FFFFFF;
}
#top {
    clear:both;
    overflow:hidden;
}
#top .topbox {
    margin-top:15px;
}
.width100 { width:100%;}

.float-left {
    float:left;
    overflow:hidden;
}
div.module { position:relative;}


div.mod-rounded div.box-t1 {
    background:transparent url(../images/module_rounded_white_corners.png) no-repeat scroll 0 0;
}
div.mod-rounded-grey div.box-t1 {
    background-image:url(../images/module_rounded_grey_corners.png);
}
div.mod-rounded div.box-t2 {
    background:transparent url(../images/module_rounded_white_corners.png) no-repeat scroll 100% -15px;
    padding:0 10px;
}
div.mod-rounded-grey div.box-t2 {
    background-image:url(../images/module_rounded_grey_corners.png);
}

div.mod-rounded div.box-t3 {
    background:#FFFFFF none repeat scroll 0 0;
    border-top:1px solid #D2D2D2;
    height:9px;
}


div.mod-rounded div.box-1 {
    background:#FFFFFF none repeat scroll 0 0;
    border-left:1px solid #D2D2D2;
    border-right:1px solid #D2D2D2;
    overflow:hidden;
    padding:0 14px;
}
div.mod-rounded-grey div.box-1 {
    background:#F5F6F7 url(../images/module_rounded_grey_corners.png) repeat-x scroll 0 -60px;
}

.module h3.header {
    color:#323232;
    font-size:16px;
    font-weight:normal;
    margin:0;
    padding:0;
}
.module span.header-2, .module span.header-3 { display:block;}
div.mod-rounded span.header-3 {
    height:30px;
    line-height:27px;
}

div.mod-rounded div.box-b1 {
    background:transparent url(../images/module_rounded_white_corners.png) no-repeat scroll 0 -30px;
}
div.mod-rounded-grey div.box-b1 {
    background-image:url(../images/module_rounded_grey_corners.png);
}

div.mod-rounded div.box-b2 {    
    background:transparent url(../images/module_rounded_white_corners.png) no-repeat scroll 100% -45px;
    padding:0 10px;
}
div.mod-rounded-grey div.box-b2 {
    background-image:url(../images/module_rounded_grey_corners.png);
}
div.mod-rounded div.box-b3 {
    background:#FFFFFF none repeat scroll 0 0;
    border-bottom:1px solid #D2D2D2;
    height:9px;
}
div.mod-rounded-grey div.box-b3 {
    background:#F5F6F7 none repeat scroll 0 0;
}

#middle {
    overflow:hidden;
    position:relative;
    width:100%;
}

#middle {
    clear:both;
    padding:15px 0;
}
#middle-expand {
    overflow:hidden;
    width:200%;
}
#main {
    float:left;
    left:50%;
    position:relative;
    width:50%;
}
div.mainmiddle-wrapper-tl {
    background:transparent url(../images/module_rounded_white_corners.png) no-repeat scroll 0 0;
}
div.mainmiddle-wrapper-tr {
    background:transparent url(../images/module_rounded_white_corners.png) no-repeat scroll 100% -15px;
    padding:0 10px;
}
div.mainmiddle-wrapper-t {
    background:#FFFFFF none repeat scroll 0 0;
    border-top:1px solid #D2D2D2;
}
div.mainmiddle-wrapper-t div.contentright-bg {
    height:9px;
}
div.mainmiddle-wrapper-m {
    background:#FFFFFF none repeat scroll 0 0;
    border-left:1px solid #D2D2D2;
    border-right:1px solid #D2D2D2;
    padding:0 9px;
    min-height: 700px;
}
div.mainmiddle-wrapper-m div.contentright-bg {
    overflow:hidden;
    padding:5px;
}
#mainmiddle {
    overflow:hidden;
    position:relative;
    width:100%;
}
#main-shift {
    left:-100%;
    overflow:hidden;
    position:relative;
    margin-left:215px;
}
div.mainmiddle-wrapper-bl {
    background:transparent url(../images/module_rounded_white_corners.png) no-repeat scroll 0 -30px;
}
div.mainmiddle-wrapper-br {
    background:transparent url(../images/module_rounded_white_corners.png) no-repeat scroll 100% -45px;
    padding:0 10px;
}
div.mainmiddle-wrapper-b {
    background:#FFFFFF none repeat scroll 0 0;
    border-bottom:1px solid #D2D2D2;
    height:9px;
}
div.mainmiddle-wrapper-b div.contentright-bg {
    height:9px;
}
#left {
    float:left;
    left:-50%;
    overflow:hidden;
    position:relative;
    width:200px;
}
#left .last, #right .last, #contentleft .last, #contentright .last {
    margin:0;
}
.module h3.header {
    color:#323232;
    font-size:16px;
    font-weight:normal;
    margin:0;
    padding:0;
}
div.mod-rounded-header h3.header {
    background:transparent url(../images/module_rounded_white_header.png) no-repeat scroll 0 0;
    left:0;
    position:absolute;
    right:0;
    top:0;
}
div.mod-rounded-header-grey h3.header {
    background-image:url(../images/module_rounded_grey_header.png);
    color:#FFFFFF;
}
.module span.header-2, .module span.header-3 {
    display:block;
}
div.mod-rounded span.header-3 {
    height:30px;
    line-height:27px;
}
div.mod-rounded-header span.header-3 {    
    background:transparent url(../images/module_rounded_white_header.png) repeat-x scroll 100% -80px;
    height:35px;
    line-height:35px;
}
div.mod-rounded-header-grey span.header-3 {
    background-image:url(../images/module_rounded_grey_header.png);
}
div.mod-rounded-header span.header-2 {
    background:transparent url(../images/module_rounded_white_header.png) no-repeat scroll 100% -40px;
    padding:0 10px;
}
div.mod-rounded-header-grey span.header-2 {
    background-image:url(../images/module_rounded_grey_header.png);
}
#footer {
    clear:both;
    padding-bottom:15px;
    position:relative;
    text-align:center;
}
#footer a.anchor {
    background:transparent url(../images/footer_anchor.png) no-repeat scroll 0 -10px;
    display:block;
    height:5px;
    position:absolute;
    right:0;
    text-decoration:none;
    top:3px;
    width:30px;
}
#footer a.anchor {
    background-position:0 0;
}
#left .module, #right .module, #contentleft .module, #contentright .module {
    margin:0 0 15px;
}
div.mod-chrome h3.header {
    left:0;
    line-height:35px;
    overflow:hidden;
    padding-left:15px;
    position:absolute;
    right:0;
    top:0;
}
div.mod-chrome div.box-t1 {
    background:transparent url(../images/module_chrome_white.png) no-repeat scroll 0 0;
}
div.mod-chrome div.box-t2 {    
    background:transparent url(../images/module_chrome_white.png) no-repeat scroll 100% -45px;
    padding:0 15px;
}
div.mod-chrome div.box-t3 {
    background:transparent url(../images/module_chrome_white.png) repeat-x scroll 0 -90px;
    height:40px;
}
div.mod-chrome div.box-1 {
    background:#F0F1F2 none repeat scroll 0 0;
    border-left:1px solid #D2D2D2;
    border-right:1px solid #D2D2D2;
    padding:0 6px;
}
div.mod-chrome div.box-2 {
    background:#141414 url(../images/module_chrome_white.png) repeat-x scroll 0 -195px;
    color:#C8C8C8;
    overflow:hidden;
    padding:0 8px;
}
div.mod-menu-chrome div.box-2 {
    padding:0;
}
div.mod-menu ul {
    list-style:none;
    margin:0;
    overflow:hidden;
    padding:0;
}
div.mod-menu ul.menu li {
    margin:0;
    padding:0;
}
div.mod-chrome ul.menu li.level1 {
    background:transparent url(../images/submenu_level1_item_black.png) no-repeat scroll 50% 0;
}
div.mod-menu ul.menu a, div.mod-menu ul.menu span {
    display:block;
}
div.mod-menu ul.menu a {
    text-decoration:none;
}
div.mod-menu ul.menu li:hover a span {
    color: #C8001E;
}

div.mod-chrome ul.menu span.bg {
    color:#C8C8C8;
    height:25px;
    line-height:24px;
    text-indent:15px;
}
div.mod-chrome div.box-b1 {
    background:transparent url(../images/module_chrome_white.png) no-repeat scroll 0 -135px;
}
div.mod-chrome div.box-b2 {
    background:transparent url(../images/module_chrome_white.png) no-repeat scroll 100% -155px;
    padding:0 15px;
}
div.mod-chrome div.box-b3 {
    background:transparent url(../images/module_chrome_white.png) repeat-x scroll 0 -175px;
    height:15px;
}