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

body {
	margin:0;
	padding:0;
	background:url(../img/bg/fade.gif) repeat-x;
}

img {
	border:0;
}

table { 
	border-collapse:collapse;
	border-spacing:0;
}

dl, dt, dd, ul, li, form, input, p, h1, h2, h3, h4 {
	list-style:none;
	margin:0;
	padding:0;
	text-indent:0;
}li {display:inline;}

.clear {clear:both;}
.left {float:left;}
.right {float:right;}

.centerPage {
	text-align:left;
	margin:0 auto;
	width:972px;
}

.pattern {
	background:url(../img/bg/linesFade.jpg) no-repeat top left;
}

.headder {
	height:175px;
	width:972px;
	background:url(../img/bg/topFade.png) repeat-x;
} .headder .add {
	float:right;
	margin:10px 15px;
}

.mountains {
	background:url(../img/bg/pico-blanco.png) bottom no-repeat;
	height:113px;
	width:825px;
	float:right;
}

.languages {
	margin:15px 0 0 2px;
} .languages img {
	float:left;
} .languages span {
	margin:-2px 0 0 8px;
	font:11px Arial;
	float:left;
} .languages a {
	text-decoration:none;
	color:#2e1910;
} .languages a span {
	text-decoration:underline;
	cursor:pointer;
}

.logo a {
	background:url(../img/logo/copa-del-cafe.png);
	width:147px;
	float:left;
	height:113px;
} .logoSm a {
	background:url(../img/logo/copa-del-cafe.gif);
	width:72px;
	position:absolute;
	height:59px;
	margin:-3px 0 0 900px;
}

.nav {
	position:absolute;
	width:952px;
	background:url(../img/bg/nav.gif);
	font:bold 14px Arial;
	height:62px;
	padding:0 15px 0 5px;
} .nav a {
	color:#FFFFFF;
	text-decoration:none;
	padding:0 5px 0 0 ;
	float:left;
	margin:5px 0 0 10px;
} .nav a:hover, .nav .active a {
	background:url(../img/bg/navHov.gif) right top;
} .nav a span {
	padding:5px 0 0 5px;
	display:block;
	height:21px;
	cursor:pointer;
} .nav a:hover span, .nav .active a span {
	background:url(../img/bg/navHov.gif) left top;
} .nav ul {
	position:absolute;
	left:0;
	margin:38px 0 0 15px;
	font:11px Arial;
	width:730px;
} .nav ul a {
	color:#FFF;
	text-decoration:none;
	margin:0 5px 0 0;
	padding:0;
	background:none;
} .nav ul a span {
	height:14px;
	padding:2px 5px;
} .nav ul a span, .nav .active ul a, .nav .active ul a span {
	background-image:none;
} .nav ul a:hover, .nav ul .active a, .nav ul .active a:hover {
	background:#e5e6ae url(../img/nav/subCrn.gif) repeat-y;
	color:#2e1910;
} .nav ul a:hover {background-color:#b6b286;
} .nav ul a:hover span, .nav ul .active a span {
	background:url(../img/nav/subCrn.gif) top right repeat-y;
} .separator { display:block; padding:2px 5px; color:#FFF;
} .item44 {float:right;}


.leftSide {width:600px; margin:10px 0 0 30px; float:left;}
.rightSide {width:272px; margin:10px 0 0 40px; float:left;}

.topLeft {position:absolute; height:15px; width:15px;
} .botLeft, .botRight {position:absolute; height:5px; width:15px;
} .topRight {height:15px; width:15px;
}

.white {
	margin-bottom:25px;
} .white .topLeft { background:url(../img/misc/crnWhite.png); margin-left:-15px;
} .white .topRight { background:url(../img/misc/crnWhite.png) right top; border-left:600px solid #fff;
} .white .botLeft { background:url(../img/misc/crnWhite.png) bottom left; margin-left:-15px;
} .white .botRight { background:url(../img/misc/crnWhite.png) right bottom; border-left:600px solid #fff;
} .white .botAlt {background:url(../img/misc/crnWhiteAlt.png) bottom left; margin-left:-15px; position:absolute; width:630px; display:block; height:20px;
} .white .content {width:598px; margin:0 0 0 -15px; background:#fff; padding:0 15px; font:11px Arial; text-align:justify; border:1px solid #f7f8f8; border-width:0 1px;
} .white .content a {color:#1aa6e2;
} .white .content h4 {
	text-transform:uppercase;
	color:#999999;
	font:bold 12px Arial;
}

.orange {
	margin-bottom:15px;
} .orange .topLeft { background:url(../img/misc/crnOrange.png); margin-left:-15px;
} .orange .topRight { background:url(../img/misc/crnOrange.png) right top; border-left:272px solid #faaf40;
} .orange .botLeft { background:url(../img/misc/crnOrange.png) bottom left; margin-left:-15px;
} .orange .botRight { background:url(../img/misc/crnOrange.png) right bottom; border-left:272px solid #faaf40;
} .orange .content {
	width:272px;
	margin:0 0 0 -15px;
	background:#faaf40 url(../img/bg/orangeFade.gif) repeat-x;
	border-left:5px solid #faaf40;
	border-right:5px solid #faaf40;
	padding:0 10px;
} .orange .topRight span { margin:5px 0 0 -272px; background:#df652f; width:272px; display:block; height:10px;}

.brown {
	margin-bottom:15px;
} .brown .topLeft { background:url(../img/misc/crnBrown.png); margin-left:-15px;
} .brown .topRight { background:url(../img/misc/crnBrown.png) right top; border-left:272px solid #6e4d36;
} .brown .botLeft { background:url(../img/misc/crnBrown.png) bottom left; margin-left:-15px;
} .brown .botRight { background:url(../img/misc/crnBrown.png) right bottom; border-left:272px solid #6e4d36;
} .brown .content {
	width:272px;
	margin:0 0 0 -15px;
	background:#6e4d36 url(../img/bg/brownFade.gif) repeat-x;
	border-left:5px solid #6e4d36;
	border-right:5px solid #6e4d36;
	padding:0 10px;
} .brown .topRight span { margin:0 0 0 -272px; background:#201c1d; border-top:5px solid #6e4d36; width:272px; display:block; height:10px;
}

.content p {
	font:11px Arial;
	padding-bottom:20px;
} .content p img {
	margin:10px 0 -20px -10px;
} .backPage .content ul {
	float:left;
	margin:5px 20px 0 0;
} .backPage .content li {
	display:list-item;
	list-style:circle;
	margin-left:15px;
}

.add .content h4 {
	font:bold 12px Arial;
	border-top:1px dotted #fff;
	padding:8px 0;
	margin:0;
} .add .content, .add .content a  {
	color:#FFF;
} .add .content .height {
	height:20px;
} 

.leftSide .tan {
	margin-bottom:15px;
} .leftSide .tan .topLeft { background:url(../img/misc/crnTan.png); margin-left:-15px;
} .leftSide .tan .topRight { background:url(../img/misc/crnTan.png) right top; border-left:600px solid #e5e6ae;
} .leftSide .tan .botLeft { background:url(../img/misc/crnTan.png) bottom left; margin-left:-15px;
} .leftSide .tan .botRight { background:url(../img/misc/crnTan.png) right bottom; border-left:600px solid #e5e6ae;
} .leftSide .tan .content {width:630px; margin:0 0 0 -15px; background:#e5e6ae; padding-top:20px;
} .leftSide .tan .content .note {border-top:dotted 1px #0099CC;
}

.rightSide .tan {
	margin-bottom:15px;
} .rightSide .tan .topLeft { background:url(../img/misc/crnTan.png); margin-left:-15px;
} .rightSide .tan .topRight { background:url(../img/misc/crnTan.png) right top; border-left:272px solid #e5e6ae;
} .rightSide .tan .botLeft { background:url(../img/misc/crnTan.png) bottom left; margin-left:-15px;
} .rightSide .tan .botRight { background:url(../img/misc/crnTan.png) right bottom; border-left:272px solid #e5e6ae;
} .rightSide .tan .content {width:302px; margin:0 0 0 -15px; background:#e5e6ae; padding-top:20px;
}

.tan .bottom {background:#fff url(../img/misc/whiteTan.gif) right 0 no-repeat;
	height:9px;
	margin:0 5px;
} .bottom span, .whiteFrame span {
	display:block;
	margin-right:10px;
} .whiteFrame span span {
	margin:-10px 0 5px -10px;
} .bottom span {
	background:url(../img/misc/whiteTan.gif) left 0 no-repeat;
	height:9px;
} 

.whiteFrame {
	background:#fff url(../img/misc/whiteTan.gif) right -9px no-repeat;
	margin:0 5px;
} .whiteFrame span {
	background:url(../img/misc/whiteTan.gif) left -9px no-repeat;
	padding:10px 0 0 10px;
} .whiteFrame span span {
	background:none;
	padding:10px 0 0 10px;
}.whiteFrame span .note {
	font:11px Arial;
	padding:4px 0 0 3px;
	margin-top:-1px;
} .whiteFrame span .note a {
	color:#009bde;
	text-decoration:none;
} .whiteFrame span img {
	margin:4px 0 0 0;
	background:#eeeeee;
	border:1px solid #CCCCCC;
	height:90px;
	width:90px;
} .leftSide .tan .whiteFrame .contentpaneopen {
	float:left;
	width:99px;
} .leftSide .tan .whiteFrame .contentpaneopen:first-child {
	padding-left:4px;
} .leftSide .tan .whiteFrame .readon {
	height:88px;
	width:88px;
	position:absolute;
	text-decoration:none;
	background:url(../img/bg/blank.gif);
	margin:-97px 0 0 0;
	//margin:-101px 0 0 0;
} .leftSide .tan .whiteFrame .readon:hover {
	border:solid 4px #1aa6e2;
	height:84px;
	width:84px;
} .leftSide .tan .whiteFrame br { display:none;
} .photos {text-align:left;
} .photos img {float:right; margin:0 2px 0 20px;
} .photos img:first-child {height:0; margin:0; display:block; width:600px; padding-bottom:10px;
} .blog .mediaPhotos .contentheading {display:none;
} .mediaPhotos {text-align:left;
} .mediaPhotos img {margin:10px 0 0 0;
} .mediaPhotos .readon {
	position:absolute;
	margin-top:-142px;
	//margin-top:-145px;
	height:140px;
	width:140px;
	background:url(../img/bg/blank.gif);
	text-decoration:none;
} .mediaPhotos .readon:hover {
	position:absolute;
	margin-top:-142px;
	//margin-top:-145px;
	height:132px;
	width:132px;
	background:url(../img/bg/blank.gif);
	border:solid 4px #1aa6e2;
} .mediaPhotos .article_separator {display:none;
} .whiteFrame .article_separator {display:none;
}

.whiteFrame .matches td {
	padding:3px 0;
} .whiteFrame .matches td:first-child {
	padding:3px 5px 3px 0;
}

.matches {
	border-bottom:1px dotted #cccccc;
	font:11px Arial;
	color:#666666;
} .live .matches {
	color:#000;
} .matches td {
	padding:0 4px;
	//padding:0 2px;
}

.scores {background:url(../img/nav/scores.gif);
	width:73px;
	height:30px;
	position:absolute;
	margin:-30px 0 0 216px;
	text-align:center;
	color:#080707;
	font:9px Arial;
	text-decoration:none;
} .more {background:url(../img/nav/more.gif);
	width:73px;
	height:30px;
	position:absolute;
	margin:-41px 0 0 199px;
	text-align:center;
	color:#080707;
	font:9px Arial;
	text-decoration:none;
}

h3 {color:#e5e6ae;
	font:11px Arial;
	position:absolute;
	margin:-33px 0 0 10px;
	height:30px;
	width:200px;
	text-transform:uppercase;} h3 span {display:none;
} .latest-photos {background:url(../img/titles/latest-photos.gif) no-repeat;
} .tonights-matches {background:url(../img/titles/tonights-matches.gif) no-repeat;
} .big-game-results {background:url(../img/titles/big-game-results.gif) no-repeat;
} .important-notices {background:url(../img/titles/important-notices.gif); margin:-13px 0 0 0;
}

.clock a {
	margin:-72px 0 -20px -10px;
	position: absolute;
	background:url(../img/bg/clock.gif) no-repeat;
	width:253px; height:62px;
	text-align:right;
	padding:5px 22px;
	font:11px Arial;
	text-decoration:none;
	color:#000000;
} .clock span {
	display:block;
	color:#FFF;
	padding-top:6px;
}

.footer {
	background:url(../img/bg/footer.gif);
	display:block;
	margin-top:5px;
	//margin-top:30px;
	height:51px;
} .footer .note {
	height:31px;
	background: url(../img/logo/copa-del-cafe.gif) -72px -3px no-repeat;
	font:10px Arial;
	color:#cb8d15;
	padding:10px 15px;
} .footer .note i {
	font:11px Arial;
	color:#fff;
	font-style:normal;
} .footer a {
	color:#cb8d15;
	text-decoration:none;
} .footer a:hover {
	color:#fff;
}

.sponsors {
	padding:5px;
	height:110px;
} .sponsors img {
	border-right:dotted 1px #999999;
	padding:0 10px;
	margin:10px 0;
	float:left;
} .sponsors .small {
	float:right;
	width:585px;
} .sponsors .small img {
	margin-bottom:0;
	border:none;
	padding:0 10px 0 0;
} .jsclass body .randomcontent {
	display: none;
}


.white .matches:first-child, .winners div:first-child {
	margin-bottom:2px;
} .white .matcheFrame {
	margin:10px 0;
} .white .matcheFrame a {
	width:44px;
	height:52px;
	border:1px solid #999999;
	display:block;
	border-width:1px 0 1px 1px;
	background:url(../img/nav/draw_up.gif); 
} .white .matcheFrame a:hover {
	background:url(../img/nav/draw_dn.gif);
} .white .matcheFrame .none a {
	width:44px;
	height:52px;
	border:1px solid #999999;
	display:block;
	border-width:1px 0 1px 1px;
	background:none;
	cursor:default;
} .white .matcheFrame .none a:hover {
	background:none;
} .white .matcheFrame .next a {border-width:1px 1px 1px 0; background:url(../img/nav/drawNext_up.gif); 
} .white .matcheFrame .next a:hover {background:url(../img/nav/drawNext_dn.gif);
} .winners div {
	width:137px;
	border:2px solid #000;
	padding:4px 5px;
	background:#f9ba49;
	height:14px;
} .white .details, .white .details .matches {
	border-collapse:separate;
	border-spacing:2px;
} .white .details .matches td {
	padding:4px 5px;
}

.drawTable {
	float:right;
	border-collapse:separate;
	border-spacing:2px;
	margin:5px 0 0 15px;
} .drawTable td, .white .matches {
	border:2px solid #000;
	background-color:#eae0aa;
} .drawTable td:hover {
	background-color:#faba48;
} .qual td {
	border:2px solid #999999;
	background-color:#cfc8a2;
} .qual td:hover {
	background-color:#fce58a;
}.drawTable td a {
	display:block;
	width:23px;
} .drawTable .qtrR a {
	background:url(../img/misc/first-round.png);
	height:13px;
} .drawTable .hlfR a {
	background:url(../img/misc/second-round.png);
	height:29px;
	padding:2px 0;
} .drawTable .fullR a {
	height:61px;
	padding:6px 0;
}

.R1Q .drawTable .R1Q,
.R2Q .drawTable .R2Q {background-color:#fce58a;}

.R1S1 .drawTable .R1S1,
.R1S2 .drawTable .R1S2,
.R1 .drawTable .R1,
.R2 .drawTable .R2,
.R3 .drawTable .R3,
.QF .drawTable .QF,
.SF .drawTable .SF,
.FIN .drawTable .FIN {background-color:#faba48;}

.blog { width:600px;}

.componentheading {
	width:602px;
	//width:600px;
} .componentheading, .contentheading, h2 {
	color:#1aa6e2;
	font:bold 18px "Arial Narrow" Arial;
	height:auto;
	background:none;
	display:block;
	text-decoration:none;
	border-bottom:1px dotted #1aa6e2;
	text-transform:uppercase;
} .contentheading a, .blog .contentheading, h2 {font:bold 14px Arial; color:#8cc7e1; text-decoration:none;
} .contentheading a:hover, .contentheading a:hover {text-decoration:none; color:#999999;
}

.article_column {padding-left:10px;
} .article_column:first-child {padding-left:0;
} .contentpaneopen {width:100%;}

.topTan {
	background:url(../img/bg/tanFade.gif) bottom no-repeat;
	padding:0 5px 20px 5px;
	height:80px;
}

.white .court {border-bottom:1px solid #999999; color:#666666; font:9px Arial; width:192px;
} .white .court table td {border-left:1px #999999 solid; padding:4px 0 4px 5px; text-align:left; vertical-align:top;
} .whiteFrame .court table td {padding:4px 0 4px 5px; vertical-align:top; text-align:left;
} .white .court table {border:1px #999999 solid; border-left:none; border-bottom:none; width:192px;
} .white .court table tr:first-child {background:#eae0aa; font:11px bold Arial;
} .white .center table tr:first-child {background:#333333; font:11px bold Arial; color:#cccccc;
} .white .center .night tr:first-child {background:#eae0aa; font-weight:bold; color:#666666;
} .white .court table tr td:first-child {width:35px;
} .white .content .court h4 {
	border-top:1px solid #999999;
	padding:0 0 2px 0;
	//padding:2px 0 2px 0;
	margin:0;
	font-weight:normal;
} .white .content .court h4:first-child {
	border-top:none;
} .white .content .court .more,
  .white .content .court .date {display:none;
} .court .small {width:15px;
}

.print a {
	background:#999999 url(../img/nav/print.gif);
	height:11px;
	width:15px;
	position:absolute;
	margin:92px 0 0 610px;
} .print a:hover {background:#000 url(../img/nav/print.gif);}

.data {padding:0 10px; width:100%; font:10px Arial;
} .data td {padding:0 0 0 2px; border-left:1px solid #9fd2e8; border-bottom:1px dotted #9fd2e8; 
} .data .big {width:160px;
} .data .mid {width:128px;
} .data .mid80 {width:98px;
} .data .small {width:40px;
} .data td:first-child {border-left:none; background:#e3f0f6; padding:0 2px 0 4px;
} .data tr:first-child td {background:#fff; text-transform:uppercase; padding:2px 0 3px 0;
} .inArticle .data {width:50%; float:left;
} .data strong {font:bold 11px Arial;}

.story {
	float:right;
	margin:10px 0 0 20px
} .mediaPhotos .story {
	float:right;
	margin:0 0 0 20px
} .story img {
	padding-bottom:10px;
}

marquee {
	width:200px;
	font:bold 11px Arial;
	color:#fce265;
	position:absolute;
	margin:40px 0 0 750px;
} .marquee {
	position:absolute;
	margin:34px 0 0 750px;
}

.pagenav {
	position:absolute;
	top:224px;
	//top:227px;
	margin:0 0 0 470px;
	//margin:0 0 0 340px;
} .pagenav a {text-decoration:none;
} .blog .pagenav {margin:0 0 0 0; position:static; top:auto;}

/* Creative ((Script By CRservers.com)) */

#swap1, #swap2, #swap3, #swap4, #swap5 {
	height:340px;
	display:none;
}

#swap1 {background:url(../img/storys/winners.jpg); display:block;}
#swap2 {background:url(../img/storys/boys-final.jpg);}
#swap3 {background:url(../img/storys/girls-final.jpg);}
#swap4 {background:url(../img/storys/04-10_BOLANOS-Jose.jpg);}
#swap5 {background:url(../img/storys/05-10_community.jpg);}
#swap6 {background:url(../img/storys/04-10_Alan-Reifer.jpg);}
#swap6 {background:url(../img/storys/11-09-2010_flags.jpg);}
#swap6 {background:url(../img/storys/11-09-2009_girls_02.jpg);}
#swap6 {background:url(../img/storys/11-09-2009_boys_01.jpg);}
#swap6 {background:url(../img/storys/11-09-2009_girls_01.jpg);}
#swap6 {background:url(../img/storys/11-09-2009_boys_02.jpg);}

.CO1 {background:url(../img/storys/winners_sm.jpg) right no-repeat;}
.CO2 {background:url(../img/storys/boys-final_sm.jpg) right no-repeat;}
.CO3 {background:url(../img/storys/girls-final_sm.jpg) right no-repeat;}
.CO4 {background:url(../img/storys/04-10_BOLANOS-Jose_sm.jpg) right no-repeat;}
.CO5 {background:url(../img/storys/05-10_community_sm.jpg) right no-repeat;}
.CO6 {background:url(../img/storys/04-10_Alan-Reifer_sm.jpg) right no-repeat;}
.CO6 {background:url(../img/storys/11-09-2010_flags_sm.jpg) right no-repeat;}
.CO6 {background:url(../img/storys/11-09-2009_girls_02_sm.jpg) right no-repeat;}
.CO6 {background:url(../img/storys/11-09-2009_boys_01_sm.jpg) right no-repeat;}
.CO6 {background:url(../img/storys/11-09-2009_girls_01_sm.jpg) right no-repeat;}
.CO6 {background:url(../img/storys/11-09-2009_boys_02_sm.jpg) right no-repeat;}

.feature li {display:block;}

.feature {
	width:500px;
	height:400px;
} .feature .links { position:absolute; margin:0 0 0 488px;
} .feature .links a {
	width:90px;
	height:60px;
	display:block;
	margin:0 0 10px 22px;
} .feature .info {
	margin:350px 0 0 0;
	padding:5px;
	color:#000;
	font:12px Arial;
	position:absolute;
} .feature .info b {
	color:#1aa6e2;
} .feature .info a {
	color:#1aa6e2;
	font:bold 18px "Arial Narrow" Arial;
	margin-bottom:5px;
	height:auto;
	background:none;
	display:block;
	text-decoration:none;
	border-bottom:1px dotted #1aa6e2;
	width:598px;
	text-transform:uppercase;
} .feature .url, .feature .url:hover {
	width:500px;
	height:340px;
	position:absolute;
	background:url(../img/creative/overlay.png) no-repeat -5px 0;
} .feature a:hover {
	background:url(../img/creative/hover.png) no-repeat right;
	width:112px;
	margin:0 0 10px 0;
} .links a.selected {
	background:url(../img/creative/selected.png) no-repeat;
	width:112px;
	margin:0 0 10px 0;
} .feature span {
	display:block;
	width:90px;
	height:60px;
	background:url(../img/creative/overlay.png) no-repeat 85px 0;
	cursor:pointer;
} .feature a.selected span, .feature a:hover span {
	width:112px;
	background:url(../img/creative/overlay.png) no-repeat 107px 0;
}.feature .info a:hover {background:none; margin-bottom:5px; width:598px; text-decoration:none; color:#999999;
}
/* End Creative */