img{border-style: none;}

body{background: #7e8083; margin: 5px 0; font-family: "Helvetica Neue", Helvetica Neue, Arial, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, Helvetica, sans-serif;}
h3{color: #000; margin: 0; font: bold 20px "Helvetica Neue", Helvetica Neue, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;}

#header{margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; width: 990px; z-index: 25;}
#header img{border-style: none;}

#subheader{margin-top: -14px; margin-right: auto; margin-bottom: 0px; margin-left: auto; width: 990px; z-index: 10; position: relative;}

#nav{margin-top: -15px; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 990px; height: 60px; z-index: 9; position: relative; float: center;}

#nav .menu_wrap{position: relative; float: center; background: url('../images/bgnav09.png') no-repeat bottom left; width: 990px; height: 60px;}
#nav .menu_wrap .links{list-style: none; position: relative; float: left; padding: 0 0 0 23px; margin: 0;}
#nav .menu_wrap .links li{float: left; margin: 0; position: relative; padding: 0 10px 0 0;}
#nav .menu_wrap .links li a{font-size: 15px; color: white; text-decoration: none; display: block; padding-top: 21px; padding-bottom: 9px; font-weight: bold;}
#nav .menu_wrap .links li.on a{color: #BCDA83;}
#nav .menu_wrap .links li a img{padding: -3px 6px 0; margin-top: -3px; border-style: none;}
#nav .menu_wrap .links li.bar{position: relative; float: left; width: 2px; padding: 0 11px 0 0; margin: 0;}
#nav .menu_wrap .links li.off .nav_drop{display: none;}
#nav .menu_wrap .links li.on .nav_drop{display: block;}
#nav .menu_wrap .links li .nav_drop{background: #0064ad; display: none; list-style: none; margin: 0; padding: 6px 0; position: absolute; width: 180px; border-left: 3px solid #BCDA83; border: 1px solid #005491; border-left: 3px solid #BCDA83;}
#nav .menu_wrap .links li ul.nav_drop li a{font-size: 13px; font-weight: bold; color: #fff; line-height: 25px; padding: 0 8px; width: 164px;}
#nav .menu_wrap .links li .nav_drop li a:hover{background: #0b76c3; color: #BCDA83;}

#topstory .ts_wrap{margin: 0 auto 0 auto; width: 990px; z-index: 8; position: relative; float: center;}
#topstory .ts_wrap .mod{background: #fff; margin-top: -20px; margin-bottom: 0; width: 100%; position: relative; float: left;}
#topstory .ts_wrap .mod .focal-mod{width: 463px; position: relative; float: left; padding: 20px 16px 26px 16px;}
#topstory .ts_wrap .mod .focal-mod .focal-img{border: 3px solid #fff; height: 300px; overflow: hidden; width: 100%;}
#topstory .ts_wrap .mod .focal-mod .focal-heading{color: #fff; background: transparent; height: auto; width: 450px; position: absolute; right: 0; bottom: 0; left: 0;}
#topstory .ts_wrap .mod .focal-mod .focal-heading .cap{color: #8D8D8E; font-size: 9px; position: absolute; top: 3px; right: -25px;}
#topstory .ts_wrap .mod .focal-mod .focal-heading h2{position: relative; padding: 25px 12px 8px 24px; margin: 0; font-size: 24px; line-height: 10px;}
#topstory .ts_wrap .mod .focal-heading p{position: relative; padding: 0 8px 35px 24px; margin: 0; font-size: 13px; line-height: 18px;}
#topstory .ts_wrap .mod .focal-mod .focal-heading p a{position: relative; color: #0079d2; text-decoration: none; font-weight: bold;}
#topstory .ts_wrap .mod .focal-mod .focal-heading p a:hover{text-decoration: underline; color: #BCDA83;}
#topstory .ts_wrap .mod .focal-mod .focal-heading .shadow{position: absolute; top: 0; right: 0; bottom: 29px; left: 19px; width: 463px; background-color: #000; opacity: .85; filter:alpha(opacity=85);}

#topstory .ts_wrap .mod .sec-mod{background: url('../images/bgborder.png') no-repeat top right; width: 269px; position: relative; float: left; margin: 20px 8px 0 0; padding: 0 0 10px 2px;}
#topstory .ts_wrap .mod .sec-mod .title{color: #000; font-size: 15px; font-weight: bold; margin-top: 14px; line-height: 150%;}
#topstory .ts_wrap .mod .sec-mod .title a{color: #0064ad; text-decoration: underline; font-size: 12px;}
#topstory .ts_wrap .mod .sec-mod .title a:hover{text-decoration: underline; color: #9ebb67;}
.ie7 #topstory .ts_wrap .mod .sec-mod li{list-style: none; font-size: 12px; padding: 5px 8px 0 4px; font-weight: normal; padding: 0; margin: 0; position: relative; display: block;}
#topstory .ts_wrap .mod .sec-mod li{list-style: none; font-size: 12px; padding: 5px 8px 0 4px; font-weight: normal; padding: 5px 10px 0 5px;}
#topstory .ts_wrap .mod .sec-mod li a{color: #0064ad; text-decoration: underline;}
#topstory .ts_wrap .mod .sec-mod li a:hover{text-decoration: underline; color: #9ebb67;}

#leaders{padding-bottom: 5px; width: 100%; position: relative; float: left;}
#leaders .title{color: white; font-size: 14px;}
#leaders .col{position: relative; float: left;}
#leaders .col li {list-style: none; text-align: center;}
#leaders .col li.head{background: #0064ad; color: #ffffff; margin-top: 5px; font-weight: bold; height: 20px;}
.ie7 #leaders .col li.head{background: none; color: #ffffff; margin-top: 5px; font-weight: bold; height: 20px;}
#leaders .col li.pos{color: #7e8083; font-weight: bold;}
#leaders .col li.name {color: #000; text-align: left;}

#topstory .ts_wrap .mod .thi-mod{width: 200px; position: relative; float: right; margin: 20px 16px 0 0;}
#topstory .ts_wrap .mod .thi-mod a{font-size: 10px; color: #0064ad; text-decoration: underline;}
#topstory .ts_wrap .mod .thi-mod a:hover{color: #9ebb67; text-decoration: underline;}

#content .wrap{width: 990px; z-index: 9; position: relative; float: center; margin: 0 auto 0 auto;}
#content .wrap .mod{background: url('../images/bgcontent09.png') no-repeat top left; width: 100%; position: relative; float: left; height: 410px; margin-top: -20px;}
#content .wrap .mod a{color: #0064ad; text-decoration: underline;}
#content .wrap .mod a:hover{color: #9ebb67;}


#content .wrap .mod .left{width: 463px; position: relative; float: left; margin: 32px 8px 0 16px;}
#content .wrap .mod .left .sub{width: 100%; position: relative; float: left; margin-bottom: 32px;}
#content .wrap .mod .left .sub .title{margin: 0; width: 100%; position: relative; background: url('../images/bgmodleft09.png') no-repeat top left; color: #000; font-weight: bold; padding: 8px 0 4px 8px;}
#content .wrap .mod .left .sub .content{width: 100%; position: relative; background: #fff; margin: 0; height: 115px; overflow: hidden;}
#content .wrap .mod .left .sub .content img{border-style: none;}
#content .wrap .mod .left .sub .content .goleft{position: absolute; left: 10px; top: 10px;}
#content .wrap .mod .left .sub .content .goright{position: absolute; right: 20px; top: 10px;}
#content .wrap .mod .left .sub .content .inforight{font-size: 12px; color: #000; line-height: 140%; position: absolute; text-align: justify; width: 315px; top: 10px; left: 125px;}
#content .wrap .mod .left .sub .content .infoleft{font-size: 12px; color: #000; line-height: 140%; position: absolute; text-align: justify; width: 315px; top: 10px; left: 10px;}
#content .wrap .mod .left .sub .bottom{width: 100%; position: relative; background: url('../images/bgmodb.png') no-repeat top left; height: 14px;}

#content .wrap .mod .right{width: 463px; position: relative; float: left; margin: 32px 16px 0 0;}
#content .wrap .mod .right .sub{width: 100%; position: relative; float: left; margin-bottom: 32px;}
#content .wrap .mod .right .sub .content{position: relative; background: #fff; margin: 0; height: 146px; overflow: hidden;}
#content .wrap .mod .right .sub .content .head{font-size: 13px; color: #000; font-weight: bold; position: absolute; top: 10px; left: 125px; width: 325px;}
#content .wrap .mod .right .sub .content .info{font-size: 12px; color: #000; line-height: 140%; position: absolute; top: 35px; left: 125px; width: 325px; text-align: justify;}
#content .wrap .mod .right .sub .content img{border-style: none; margin: 30px 20px 0 10px;}
#content .wrap .mod .right .sub .content .more{position: absolute; overflow: hidden; right: 20px; bottom: 2px; width: 87px; height: 25px; background: url('../images/more.png') 0 0 no-repeat; cursor: pointer;}
#content .wrap .mod .right .sub .content .more:hover{background: url('../images/more.png') -87px 0 no-repeat;}

#content .wrap .mod .right .sub .bottom{width: 100%; position: relative; background: url('../images/bgmodb.png') no-repeat top left; height: 14px}

#content .wrap .mod .dashed{width: 0px; height: 350px; border: 1px dashed #bcda83; position: relative; float: left; margin: 32px 12px 0 4px;}

#content .wrap .bottomnav{font-size: 13px; color: #BCDA83;}
#content .wrap .bottomnav a{color: #003a5f; text-decoration: none; padding-left: 16px;}
#content .wrap .bottomnav a:hover{text-decoration: underline;}

#subcontent .wrap{background: #fff; width: 990px; z-index: 8; position: relative; float: center; margin: 0 auto 0 auto;}
#subcontent .wrap .mod{background: #fff; width: 100%; position: relative; float: left; margin-top: -20px; padding: 20px 0 20px 0;}
#subcontent .wrap .mod .left{width: 810px; position: relative; float: left;}
#subcontent .wrap .mod .left .time{padding: 0 20px 10px 20px; font-size: 12px; font-style: italic;}
#subcontent .wrap .mod .left .title{padding: 0 20px 5px 20px; font-size: 30px; font-weight: bold;}
#subcontent .wrap .mod .left .share{font-size: 11px; align: right; text-align: right; margin-right: 20px; margin-top: 5px;}
#subcontent .wrap .mod .left .share img{border-style: none; padding-right: 1px; vertical-align: middle;}
#subcontent .wrap .mod .left .share a{color: #545151; text-decoration: none; padding-right: 10px;}
#subcontent .wrap .mod .left .share a:hover{text-decoration: underline;}
#subcontent .wrap .mod .left .text{padding: 10px 30px 10px 20px; font-size: 13px; line-height: 150%; position: relative; float: left;}
#subcontent .wrap .mod .left .text .pink{font-size: 14px; font-weight: bold; color: fuchsia;}
#subcontent .wrap .mod .left .text a{color: #0064ad;}
#subcontent .wrap .mod .left .text a:hover{color: #9ebb67;}
#subcontent .wrap .mod .left .text .buy{overflow: hidden; width: 150px; background: url('../images/tix.png') 0 -95px no-repeat; cursor: pointer; height: 40px; margin-bottom: 15px; margin-top: 15px;}
#subcontent .wrap .mod .left .text li{margin-left: 12px;}
#subcontent .wrap .mod .left .text .buy:hover{background: url('../images/tix.png') -150px -95px no-repeat;}
#subcontent .wrap .mod .left .text .pairing,#subcontent .wrap .mod .left .text .pairingo{position: relative; list-style: none;}
#subcontent .wrap .mod .left .credit{padding: 10px 30px 10px 20px; font-style: italic; font-size: 11px; line-height: 150%;}
#subcontent .wrap .mod .left .hr{width: 95%; height: 1px; background-color: #b5b5b5; margin-right: auto; margin-left: auto;}
#subcontent .wrap .mod .left .feed{padding: 10px 30px 10px 20px; font-size: 9px; line-height: 150%; color: #7f8084; font-size: 12px;}
.ie8 #subcontent .wrap .mod .left .feed li{margin-left: 15px; font-size: 13px;}
#subcontent .wrap .mod .left .feed li a{color: #0064ad; text-decoration: none; line-height: 200%;}
#subcontent .wrap .mod .left .feed li a:hover{text-decoration: underline;}
#subcontent .wrap .mod .left .fullmod{width: 100%; position: relative;}
#subcontent .wrap .mod .left .fullmod .list{padding: 10px 0 10px 20px; font-size: 13px; line-height: 150%; list-style: none; position: relative; float: left; width: 20%; margin: 0;}
#subcontent .wrap .mod .left .fullmod .list li a{color: #0064ad; text-decoration: none; line-height: 200%;}
#subcontent .wrap .mod .left .fullmod .list li a:hover{text-decoration: underline;}
#subcontent .wrap .mod .left .indent{padding: 10px 30px 10px 20px; line-height: 150%; font-size: 13px;}
.ie8 #subcontent .wrap .mod .left .indent li{margin-left: 15px;}
#subcontent .wrap .mod .left .text .date{font-size: 15px; margin-top: 10px; color: #0064ad; font-weight: bold;}
#subcontent .wrap .mod .left .text .infor{position: absolute; left: 120px; width: 670px;}
.ie7 #subcontent .wrap .mod .left .text .infor{position: absolute; left: 120px; width: 670px; margin-top: -2px;}
#subcontent .wrap .mod .left .commentform{padding: 0 20px 10px 20px; position: relative; float: left;}
.ie7 #subcontent .wrap .mod .left .commentform{padding: 10px 50px 10px 0; position: relative; float: left;}

table.pairing{width: 100%;}
tr.odd{background-color: #BCDA83;}
tr.even{background-color: #fff;}
td.start{font-weight: bold; padding: 3px 7px;}
tr.odd td,tr.even td{padding: 3px 7px;}

#subcontent .wrap .mod .right{width: 160px; position: relative; float: right; margin-top: -20px; padding: 30px 20px 20px 0;}
#subcontent .wrap .mod .right img{margin-bottom: 20px;}
#subcontent .wrap .mod .right .tix{overflow: hidden; width: 150px; background: url('../images/tix.png') 0 0 no-repeat; cursor: pointer; height: 40px; margin-bottom: 15px;}
#subcontent .wrap .mod .right .tix:hover{background: url('../images/tix.png') -150px 0 no-repeat;}
#subcontent .wrap .mod .right .vol{overflow: hidden; width: 150px; background: url('../images/tix.png') 0 -50px no-repeat; cursor: pointer; height: 40px; margin-bottom: 15px;}
#subcontent .wrap .mod .right .vol:hover{background: url('../images/tix.png') -150px -50px no-repeat;}


#footer .wrap{width: 990px; margin: 0 auto 0 auto; z-index: 7; position: relative; float: center;}
#footer .wrap .mod{width: 100%; background: url('../images/bgfooter.png') no-repeat top left; position: relative; float: left; height: 190px; margin-top: -20px;}
#footer .wrap .mod .holder{margin-right: auto; margin-left: auto; margin-top: 35px; text-align: center;}
#footer .wrap .mod .holder img{position: relative; border-style: none; padding-right: 32px; vertical-align: middle;}

/* inline photo */
.inlinePhoto, .phinline{float: right; display: inline; padding: 5px 0 5px 15px;	margin: 0 0 10px 20px; border-left: 1px solid #BCDA83;}
.inlinePhoto p.photoCredit, p.photocred2{font-size: xx-small; line-height: 1em;	color: #999; margin: 0; padding: 2px 0 0 0;}
.inlinePhoto p.photoDesc, p.photosubtext{line-height: 1.2em; margin: 0; padding: 4px 0 0 0;	font-size: 10px; color: #242021;}
/* end inline photo */

.moveright{float: right; position: relative; padding: 5px 0 5px 10px; margin-right: -10px;}

.outmod{margin: 20px 0; position: relative; width: 100%; float: left; line-height: 150%;}
.outmod .cont{border: 1px solid #BCDA83; padding: 0px; position: relative; float: left; margin-right: 5px; min-width: 150px;}
.outmod .cont .ol{text-align: center; font-weight: bold; padding: 5px;}
.outmod .cont .al{position: relative; float: left; margin-right: 20px; padding-left: 10px;}
.outmod .cont .ar{position: relative; float: right; padding-right: 10px;}

.coltf{width: 100%; position: relative;}
.coltf .cm{position: relative; float: left; text-align: center; margin: 10px; height: 180px;}
.coltf .cm a{text-decoration: none;}
.coltf .cm img{align: center; padding: 2px 15px 10px 15px; border-style: none;}

/* div columns */
.divcolwidth{width: 100%;}
.divcol {float:left; padding: 0 23px 0 0; line-height: 200%;}

.champions{width: 95%; margin: 10px 0 0 20px; position: relative; height: 250px;}
.champions .box{position: absolute; left: 230px;}
.champions .box .year{font-weight: bold; font-size: 26px; color: #0064ad; margin-bottom: 25px;}
.champions .box .name{font-weight: bold; font-size: 22px;}
.champions .box .country{font-size: 16px; color: #7e8083; margin-bottom: 25px;}
.champions .box .scores{font-size: 18px; font-style: italic; font-weight: bold;}
.champions img{position: absolute;}

.newfaces{width: 95%; margin: 10px 0 0 20px; position: relative; height: 240px;}
.newfaces .box{position: absolute; left: 180px;}
.newfaces .box .name{font-weight: bold; font-size: 22px;}
.newfaces .box .country{font-size: 16px; color: #7e8083; margin-bottom: 15px;}
.newfaces .box .bio{font-size: 13px;}
.newfaces img{position: absolute;}