/* GLOBALS */

html, body {
	margin: 0;
	padding: 0;
	background: #000 url(images/copa_bg.jpg) no-repeat top center;
	font-family: Arial;
	font-weight: 400;
	color: #000;
	
}
a {
    color:#2bb0c3;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
h1, h2, h3 {
	font-weight: 800;	
	color: #333;
	margin: 0;
}
h2 {
	color: #333;
	margin: 0;
    width: 80%;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2em;
    text-transform: capitalize;
}

h3 {
	color: #333;
	margin: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2em;
    text-transform: capitalize;
}

h1 {
	font-size: 120%;
	margin-bottom: 10px;
	font-weight: bold;	
}


p {
	margin: 10px 0 30px 0;
	font-weight: 300;
	font-size: 14px;
    line-height: 1.4em;
}

img {
	border: none;	
}

.about_btn {
	margin-top: 2px;
	text-align: right;
}

hr {
	border: none;
	border-top: 1px dotted #CCC;
}
.clear {
	clear: both;	
}


/* Global-Nav */
#global-nav {
	background: url(images/layout/globalnav_bg.png) repeat-x 0 0;
	float: left;
	height: 32px; width: 100%;
	position: absolute;
	top: 0; left: 0;
	text-align: center;
	z-index: 1000;
}
* html #global-nav {background-image: none; background: #000000; height: 28px;}
#global-nav .global-nav-content {
	text-align: left;
	margin: 0 auto;
	width: 980px;
}
#global-nav ul.archive {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1.4em;
}
#global-nav ul.social {
    color: #89d4df;
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 2.6em;
    font-size: 11px;
    font-weight: 700;
}
#global-nav ul li {
	color: #757575;
	float: left;
	margin: 2px 4px 0 0;
	padding: 0 0 0 4px;
}
#global-nav ul.social li {
    color: #89d4df;
}
#global-nav ul li a {
	color: #c1c1c0;
	font-size: 11px;
	font-weight: 700;
	line-height: 2em;
}
#global-nav ul.social li a {
    color: #fff;
}
#global-nav ul.social li a img {float: left; margin-top: 6px;}
#global-nav ul li a:hover, #global-nav ul li a.current {
	color: #89d4df;
	text-decoration: none;
}



#wrapper {
	/*background-color: #fff;*/
	padding-top: 24px;
	margin: 0 auto;
	width: 980px;
	overflow: hidden;
}

#container_shadow {
	width: 1022px;
	height: 12px;
	background: url(images/bg_footer.jpg) no-repeat;
	margin: 0 auto 20px;
}
#container {
    clear: both;
    float: left;
    width: 980px;
    margin: 0 auto;
}

#header {
    background: url(images/header/copa_july_august.jpg) no-repeat 0 0;
    height: 451px;
    margin-bottom: 6px;
    text-align: left;
    position: relative;
}

/* NAV */
#nav {
    position: absolute;
    bottom: 0; left: 7px;
}
a.logo {float: left; clear: both; position: absolute; top: 0; left: 8px;}
#nav, #nav li {
    width:232px;
}
#nav ul {
    margin: 0;
    padding: 0;
}
#nav li {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 232px;
    text-indent: -9999px;
}

#nav a {
    display:block;
    height: 36px;
    width: 232px;
    outline:none;
}
#nav a.nav_index, #nav a.nav_index_2 { background: url("images/copa_nav.png") 0px 0px; height: 37px }
#nav a.nav_index:hover, #nav a.nav_index_2:hover, #nav li.nav_index a.highlight, #nav li.nav_index_2 a.highlight { background: url("images/copa_nav.png") 232px 0; height: 37px }

#nav a.nav_about { background: url("images/copa_nav.png") 0 -37px; }
#nav a.nav_about:hover, #nav li.nav_about a.highlight { background: url("images/copa_nav.png") 232px -37px; }

#nav a.nav_tournament { background: url("images/copa_nav.png") 0 -73px; }
#nav a.nav_tournament:hover, #nav li.nav_tournament a.highlight  { background: url("images/copa_nav.png") 232px -73px; }

#nav a.nav_teams { background: url("images/copa_nav.png") 0 -109px; }
#nav a.nav_teams:hover, #nav li.nav_teams a.highlight  { background: url("images/copa_nav.png") 232px -109px; }

#nav a.nav_maps { background: url("images/copa_nav.png") 0 -145px; }
#nav a.nav_maps:hover, #nav li.nav_maps a.highlight  { background: url("images/copa_nav.png") 232px -145px; }

#nav a.nav_sponsors, #nav a.nav_blog { background: url("images/copa_nav.png") 0 -181px; }
#nav a.nav_sponsors:hover,#nav a.nav_blog:hover, #nav li.nav_sponsors a.highlight, #nav li.nav_blog a.highlight  { background: url("images/copa_nav.png") 232px -181px; }

#nav a.nav_press { background: url("images/copa_nav.png") 0 -217px; }
#nav a.nav_press:hover, #nav li.nav_press a.highlight  { background: url("images/copa_nav.png") 232px -217px; }

#nav a.nav_contact { background: url("images/copa_nav.png") 0 -253px; }
#nav a.nav_contact:hover, #nav li.nav_contact a.highlight  { background: url("images/copa_nav.png") 232px -253px; }

/* MAIN BODY */


#content {
    background-color: #fff;
    border: 1px solid #CCC;
    float: left;
    width: 100%;
    text-align: left;
}

#banner_img {
	border: 1px solid #CCC;
	padding: 3px;
	margin: 10px 20px 0;
	background: white;
}

/* Main Content */

#main-content {
	margin: 20px;
	
}

#column_a {
    float: left;
    width: 158px;
	overflow: hidden;
}


table {
	width: 569px;
	border-collapse: collapse;
	text-align: center;
	font-weight: bold;
	font-size: 80%;
}

td {
	padding: 7px;
}

td.last {
	border: none;	
}

#words .tbl_container td p {
	color: #CCC;
	margin: 5px 0 0 0 ;
	font-weight: normal;
}	

.tbl_container {
	border: 1px solid #CCC;	
	border-bottom: none;	
	margin: 5px 172px 20px 0;
}

.vs {
	color: #666666;	
	text-transform: lowercase;		
}

thead {
	background: #666666;
	color: white;
}

thead td {
	border-right: 1px solid white;
}

tbody td {
	border: 1px solid #CCC;
	color: #333;
}	


.main_head {
	margin-bottom: 10px;
}
.main_head .social {
    float:right;
    font-size:12px;
    color:#666666;
}
.main_head .social span {float: left; margin: 4px 4px 0 0;}
.main_head .social img {
    padding: 0 2px 0 2px;
}

.btn_wrap {
	padding-bottom: 4px;
	border-bottom: 0px solid #ffffff;
	margin-bottom: 10px;
}
#main-content .main_head img {
	border: none;	
}

.main_item img {
	border: 1px solid #CCC;
	padding: 3px;
}

.main_item {
    /*width: 100%;*/
	padding: 14px 0 20px 20px;
	margin: 0 11px 0 0;
	clear: both;
	margin-bottom: 10px;
}

.main_item_img {
	float: left;
	/*padding-right: 40px;*/
	padding-right: 20px;
	background: white;
    /*width: 30%;*/
}

.main_item_wide {
    width: 85%;
    margin: 20px 20px 20px 0;
    padding-left: 10px;
    clear: both;
}
.maps-page .main_item_wide {
    width: 98%;
    margin: 20px 0 20px 0;
    padding-left: 10px;
    clear: both;
}
.main_item_wide_img {
	float: left;
	padding-right: 40px;
	background: white;
    width: 100%;
}

.main_item_wide ul {
    margin: 15px 0 20px 20px;
    padding-left:0;
    color:#666666;
    list-style-type: none;
    font-size:15px;
}
.main_item_wide ul li {
    padding:0 0 5px 15px;
    background: url(images/icons/bullet_square.png) no-repeat 0 5px;

}

.main_item_cont {
	float: left;	
	/*width: 56%;*/
	width: 60%;
}

.main_item p.date {
	color: #333;	
	margin-bottom: 20px;
}

.t_list {
	color: #666666;
}
.quote {
    color: #777;
    font-size: 12px;
    float:right;
    padding: 15px 0 0;
}

.notif {
	font-size: 80%;
	color: red;	
}

/* Sidebar */


#column_b {
    float: left;
}


#sidebar_head {
	/*padding-bottom: 4px;*/
	/*margin-bottom: 15px;*/	
}

#video {
	margin-bottom: 20px;	
}

#sidebar_info {
	margin-top: 27px;
	padding-left: 6px;	
	float: left;
}

a.arrow {
	background: url(images/icons/arrow.png) no-repeat right center;
	padding: 0 10px 0 0;
	font-size: 11px;
	text-decoration: none;
    font-weight: 700;
}


#footer {
	padding-top: 10px;
	margin-top: 16px;
	padding: 0 17px;
}

#footer_img {
	padding-top: 10px;
	margin-top: 16px;
	padding: 0 10px;
	text-align:center
	
}

#footer_head {
	padding-top: 10px;		
}

#footer_info {
	margin-top: 5px;
	
	height: 124px;
}


/* PAGE SPECIFICS */


/* HOME */
#content #home {
	float: left;
}
#home #main-content {
	margin: 0 20px 0 0;

}

#home #column_a {
	width: 563px;
    background: url(images/layout/column_bg_wide.gif) repeat-y right 0;
    overflow: hidden;
    padding-top: 20px;
    margin-right: 16px;
}
#home #column_a .bottom{
	width: 563px;
    height:46px;
    background: url(images/layout/column_wide_bottom_fade.gif) no-repeat 0 0;
}

#home #column_b {
    /*width: 368px;*/
    width: 379px;
    padding-top: 20px;
    overflow: hidden;
}

#home a img {
	border: none;
}


#home h3 {
	font-size: 100%;
}

#home .main_head {
    margin: 0 0 0 20px;
}
#home .main_item {
    /*width:558px;*/
    width: 520px;
    margin:0 11px 10px 0;
}
#home .main_item h2 {
    /*width:84%;*/
    width: 100%;
}

#home .sidebar_item h2 {
    color: #333;
	margin-top: 32px;
    font-size: 16px;
	font-weight: 700;
}
#home .sidebar_item h3 {
	margin-top: 15px;
    color:#666666;
    font-weight: 700;
    font-size: 12px;
}
#home .sidebar_item p {
    font-size: 12px;
	margin: 0 0 10px;
    color:#666666;
}
#home .sidebar_item ul {
    margin: 20px 0 10px;
    padding-left:0;
    color:#666666;
    list-style-type: none;
    font-size:12px;
}
#home .sidebar_item ul li {
    padding:0 0 0 15px;
    background: url(images/icons/bullet_square.png) no-repeat 0 3px;
   
}
#home .sidebar_item ul li.nobullet {
    padding:0 0 0 15px;
    background: none;

}
#home .sidebar_item .fb-follow, .social .fb-follow  {
    clear: both; float: left;
    width: 100%;
    margin: 10px 0 0;
}
.main_head .social .fb-follow {margin-top: 0;}
#home .sidebar_item .fb-follow hr, .social .fb-follow hr  {clear: both; float: left; width: 100%; margin: 10px 0;}
#home .sidebar_item .fb-follow img, .social .fb-follow img {
    float: left;
    margin: 8px 8px 0 0;
    padding-left: 10px;
}
#home .sidebar_item .fb-follow hr, .social .fb-follow a {margin-right: 10px;}
#home .sidebar_item .fb-follow a img, .social .fb-follow a img {margin: 0; padding: 0;}
.fb-follow .follow-links {float: left; clear: both; margin: 6px 0 0;}
.fb-follow .follow-links a {float: left; margin: 0 8px 0 0; padding-left: 9px;}


/* ABOUT */
.about-page .main_item_wide {
    width: 65%;
    margin: 20px 20px 20px 0;
    padding-left: 10px;
    clear: left;
}

.organizer .main_item_cont {
	float: left;
	width: 56%;
}

.organizer .main_item_img {
	float: left;
	padding-right: 25px;
	background: white;
    width: 20%;
}
.organizer .main_item_img img {
    float: left;
    margin: 0 0 5px;
}
.organizer a.arrow {
    float:none;
    margin:0;
    clear:both;
}

/* PRESS*/
#press .main_item_wide {width: 70%; clear: left;}
#press p {
	margin-bottom: 0px;
}
.letter {
    font-size: 12px;
    margin:0;
}

/* TEAMS */
#team #teams ul {margin-top: 0;}
#teams ul {
	padding: 0;	
	margin-left: 0;
	list-style: none;
	float: left; clear: both;
}
.teams-list ul {
	padding: 0;
	margin-left: 0;
	list-style: none;
	float: left; clear: none;
    height: auto; width: 350px;
}


#teams li, .teams-list li {
	float: left; clear: both;
    color: #333333;
	margin: 6px 0;
	padding-left: 10px;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.4em;
	/*text-indent: -9999px;*/
}
#teams li img, .teams-list li img {float: left; margin: 2px 6px 0 0; border: none; padding: 0;}

#teams a, .teams-list a {
	width: 100px;
	height: 16px;
	margin: 0;
	padding-left: 32px;
	float: left; clear: both;
	color: #8dc842;	
}


#teams a.team_us { background: url("images/flags.jpg") 0px 0px no-repeat; }
#teams a.team_korea { background: url("images/flags.jpg") 0px -25px no-repeat; }
#teams a.team_mexico { background: url("images/flags.jpg") 0px -50px no-repeat; }
#teams a.team_colombia { background: url("images/flags.jpg") 0px -75px no-repeat; }
#teams a.team_ecuador { background: url("images/flags.jpg") 0px -100px no-repeat; }
#teams a.team_argentina { background: url("images/flags.jpg") 0px -125px no-repeat; }
#teams a.team_jamaica { background: url("images/flags.jpg") 0px -150px no-repeat; }
#teams a.team_trinidad { background: url("images/flags.jpg") 0px -175px no-repeat; }
#teams a.team_england { background: url("images/flags.jpg") 0px -200px no-repeat; }
#teams a.team_ireland { background: url("images/flags.jpg") 0px -225px no-repeat; }
#teams a.team_france { background: url("images/flags.jpg") 0px -250px no-repeat; }
#teams a.team_greece  { background: url("images/flags.jpg") 0px -275px no-repeat; }
#teams a.team_cyprus  { background: url("images/flags.jpg") 0px -300px no-repeat; }
#teams a.team_albania  { background: url("images/flags.jpg") 0px -325px no-repeat; }
#teams a.team_liberia  { background: url("images/flags.jpg") 0px -350px no-repeat; }
#teams a.team_ghana { background: url("images/flags.jpg") 0px -375px no-repeat; }

.teams ul, .teams li {
	list-style: none;	
	padding: 0;
	margin: 0;
}

.teams ul {
	border-bottom: 1px dotted #CCC;
	height: 170px;	
	margin-bottom: 20px;
}

.teams_row li  {
	float: left;
	padding: 0 16px;	
}

.teams ul.teams_row_last {
	border: none;	
}
#team #column_a {margin-right: 20px; width: 157px}
#team #column_b {
	width: 763px;
    float:left;
    padding:0;
    overflow: hidden;
}

#team .info_pic {
	width: 142px;
	float: left;
	margin: 0 17px 15px 0;
}

#team .flag { width:142px; }

#team p {
	margin: 2px 0 10px;
}
#team a:hover {text-decoration: underline;}

#team label {
	font-weight: 900;
}

#team #team_info {
    height: 150px;
}

#team .team_info li {
	list-style: none;
}

#team #player_list {
	text-transform: none;
}

#team #player_list h1 {
	font-size: 100%;
	color: #333;
}



#team #player_list ul {
	border-right: 1px solid #CCC;
	padding:0pt 20px 0 60px;
	width:160px;
    float: left;	
}


#team #player_list li {
	color: #8dc842;
	margin: 10px 0;
}

#team #player_list .player {
	color: #666666;
}

#team #player_list .first {
	padding-left: 20px;
}

#team #player_list .last {
	border: none;
}

#team hr {
	border: 0;
	border-top: 1px dotted #CCC;
	height: 1px;
	margin: 0 0 15px;
}



#contact a img {
	border: none;	
}


#contact.blog {
	float: left; clear: both;
	margin: 20px 16px 20px 0;
	padding: 0 0 0 16px;
}
#contact.blog .main_item_wide p {
	line-height: 1.6em;
	font-size: 14px;
	margin: 0 0 15px;
}

#tournament #column_a {
    width: 157px;
    margin-right: 20px;
	overflow: hidden;
}

#tournament #column_b {
	width: 763px;
	overflow: hidden;
}

#tournament p {
	margin: 0 0 15px;	
}

#tournament table p {
	margin: 0;
}

#tournament h1 {
	margin: 14px 0 0 0;
	color: #333;
	font-size: 20px;
}
#tournament h1.title {
	float: left; clear: both;
	font-size: 20px;
	margin: 15px 0 0;
	width: 100%;
}
#tournament .main_item h2.title_2 {
	color: #666;
	font-size: 16px;
	margin: 0 0 12px;
}
#tournament .main_item h3.spec {
	color: #666;
	font-size: 14px;
	float: left;
	line-height: 1.2em;
	margin: 0 6px 0 0;
}
#tournament .main_item p.time {
	color: #666;
	font-size: 14px;
	line-height: 1.2em;
	float: left;
}

#tournament .main_item {
	padding: 10px 0 0 0;	
}

#tournament .main_item h2 {
	/*font-size: 90%;*/	
	font-size: 20px;
	/*margin-bottom: 10px;*/
	color: #333;
}

#tournament table{
	text-transform: uppercase;	
}

#tournament h3 {
	color: #333;
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 10px;			
}

#tournament h2 {
	text-transform: capitalize;	
}

#tournament ul {
	clear: both;
        color: #333333;
	padding: 0;
	list-style-position: inside;	
	font-size: 90%;
        font-weight: 900;
	margin-bottom: 40px;
}





#contact h3 {
	/*font-size: 100%;*/	
}
#contact p {
	margin: 5px 0 10px;
}
#contact .footnote {
	font-size: 60%;	
	font-weight: bold;
    color:#666666;
    margin:20px 0 0;

}

#contact .main_item {
	border: none;
	width: 65%;
    clear: left;
}

#contact input, #contact textarea {
	margin: 3px 0;	
	border: 1px solid #cccccc;
	padding: 4px;
}

#contact textarea { width: 65%; height: 100px; padding: 4px;}	

#contact input.btn {
	background: #666;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	border: 1px solid #777;
	padding: 5px 8px;
	cursor: pointer;
}
#contact input:hover.btn {text-decoration: underline;}

#about ul {
	padding: 0;
	list-style-position: inside;	
	color: #8dc842;	
	font-size: 90%;
	font-weight: bold;
	margin: 0 0 15px 0;
}



#about p {
	margin-bottom: 15px;
}

#about h3 {
	font-size: 100%;
}

#about .main_item_img {
	width: 150px;	
}

#about .main_item_cont {
	width: 60%;	
}

#about a img {
	border: none;	
}

#about a.contact img {
	border: none;	
}

#about .text_wrapper {
	padding-right: 200px;	
}

#directions #column_a {
	width: 426px;	
	padding-right: 20px;
	padding-left: 20px;
}

#directions #column_b {
	padding-left: 20px;
}

#directions p {
	margin: 0 0 15px;
}

#directions .map_info {
	height: 170px;
	margin-bottom: 20px;
}

#directions a {
	font-size: 11px;
	font-weight: 700;
	float: left;
	background-position: right 1px;
}
#directions span.pipe {float: left; margin: 0 6px 0 0}

#sponsors a img {
	border: none;
	margin-right: 20px;
}

#sponsors h3 {
	font-size: 100%;
}

#sponsors .footnote {
	font-size: 60%;
	font-weight: bold;
}

#sponsors .main_item {
	border: none;
	width: 65%;
}

#sponsors input, #sponsors textarea {
	margin: 3px 0;
}

#sponsors textarea { width: 65%; height: 60px;}

#sponsors a { color: #8dc842; }


/* Image Selects */
.tournament-page, .about-page, .teams-page, .maps-page, .partners, .press-page, .contact-page {float: none; margin: 0 auto; width: 100%; float: left; text-align: center;}
.tournament-page #header {background:transparent url(images/header/tournament.jpg) no-repeat scroll 0 0;}
.about-page #header {background:transparent url(images/header/aboutus.jpg) no-repeat scroll 0 0;}
.teams-page #header {background:transparent url(images/header/teams.jpg) no-repeat scroll 0 0;}
.maps-page #header {background:transparent url(images/header/maps.jpg) no-repeat scroll 0 0;}
.partners #header {background:transparent url(images/header/partners.jpg) no-repeat scroll 0 0;}
.press-page #header {background:transparent url(images/header/press.jpg) no-repeat scroll 0 0;}
.contact-page #header {background:transparent url(images/header/contact.jpg) no-repeat scroll 0 0;}
.blog #header {background:transparent url(images/header/blog.jpg) no-repeat scroll 0 0;}



.petition-holder {
	float: left; clear: both;
	margin: 0; padding: 0;
	width: 378px;
}
.petition-holder hr {margin: 20px 0; float: left; clear: both; width: 520px;}
.petition-holder .petition {
	float: none; width: 312px;
	margin: 0 auto;
}
.petition-holder textarea {
	float: left; clear: right;
	border: 1px solid #d9d9d9;
	padding: 4px;
	height: 144px; width: 200px;
	font-size: 11px;
	color: #5e5e5e;
}