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


body {
background-color : #010729;
margin : 0;
padding : 0;
text-align : center;
}
#container {
background-image : url(images/blueBG.jpg);
background-repeat : repeat;
background-position : center top;
top : 0;
text-align : left;
}
.inner-container {
width : 980px;
background-color : #ffffff;
padding : 0 0 0 0;
margin-right : auto;
margin-left : auto;
display : block;
}
.inner-container-int {
width : 980px;
background-color : #c6d8ee;
margin-right : auto;
margin-left : auto;
display : block;
}
#header {
width : 980px;
height : 276px;
padding : 0;
margin : 0;
}
#headerTY {
width : 980px;
height : 159px;
padding : 0;
margin : 0;
}
#formTY {
font-family : Arial, Helvetica, sans-serif;
font-size : 11pt;
margin-left : 10px;
}
.tabcontent {
display : none;
}
.college {
position : absolute;
}
#footer_bar {
float : left;
clear : both;
width : 100%;
background-color : #000000;
text-align : center;
}
#footer {
width : 980px;
height : 45px;
margin : 0 auto;
text-align : left;
}
* {
margin : 0;
padding : 0;
}
.left {
float : left;
display : inline;
margin-top : -16px;
}
.right {
float : right;
display : inline;
margin-top : -16px;
}
.wrapper {
margin : 0 10px 0 15px;
padding : 58px 0 0 10px;
width : 959px;
float : left;
}
#tab-us {
width : 152px;
height : 26px;
margin-right : -4px;
background-image : url(images/tab-us.png);
display : inline-block;
}
#tab-ca {
width : 126px;
height : 26px;
background-image : url(images/tab-ca.png);
display : inline-block;
}
#tab-winner {
width : 126px;
height : 26px;
background-image : url(images/tab-purple.png);
display : inline-block;
margin-right:-4px;
}
#country1 .wrapper {
background : url(images/bracket.gif) no-repeat top left;
margin-left : auto;
margin-right : auto;
text-align : center;
margin-bottom : -120px;
}
#country2 .wrapper {
background : url(images/bracket-ca.gif) no-repeat top left;
margin-left : auto;
margin-right : auto;
text-align : center;
margin-bottom : -100px;
}
#winners .wrapper {
background: #636;
margin-left : auto;
margin-right : auto;
text-align : left;
margin-top:10px;
}
#winners .wrapper #winnertext {padding: 10px; background: #FF9; margin-right: 20px; color: #636; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#winners .wrapper #winnertext a, #winners .wrapper #winnertext a:visited {color:#306; text-decoration: none; font-weight: bold;}
#winners .wrapper #winnertext a:hover {color:#639; text-decoration: underline; font-weight: bold;}
#winners .newsLink {
position: relative;
top: 44px;
left: 35px;
display: block;
width: 96px;
height: 23px;
margin: 0 0 -23px 0;
z-index: 300;
/*
dummy.jpg doesn't actually exist.
This is a means to get IE to display the links (instead of hide them)
*/
background: url(image/dummy.jpg) no-repeat left top;
}
#winners .letUsKnow {
position: relative;
top: 180px;
left: 92px;
display: block;
width: 83px;
height: 23px;
margin: 0 0 -23px 0;
z-index: 301;
/*
dummy.jpg doesn't actually exist.
This is a means to get IE to display the links (instead of hide them)
*/
background: url(image/dummy.jpg) no-repeat left top;
}
#bottomsection {
display : block;
text-align : left;
font-family : Arial, Helvetica, sans-serif;
color : #333333;
margin : 10px 0 -20px 0;
}
#rounds-lt {
float : left;
background-color : #28355e;
display : inline-block;
color : #ffffff;
width : 72px;
margin-right : 5px;
padding : 3px 0 3px 0;
font-family : Arial, Helvetica, sans-serif;
text-transform : uppercase;
font-size : 11px;
}
#rounds-ltSelect {
float : left;
background-color : #567394;
display : inline-block;
color : #ffffff;
width : 72px;
margin-right : 5px;
padding : 3px 0 20px 0;
padding-bottom : 20px;
font-family : Arial, Helvetica, sans-serif;
text-transform : uppercase;
font-size : 11px;
}
#finalrounds {
float : left;
display : inline-block;
width : 188px;
background-color : #fcd209;
font-family : Arial, Helvetica, sans-serif;
color : #333;
font-size : 11px;
text-transform : uppercase;
padding : 3px 0 15px 0;
}
#rounds-rt {
float : left;
background-color : #28355e;
display : inline-block;
color : #ffffff;
width : 72px;
padding : 3px 0 3px 0;
margin-left : 5px;
font-family : Arial, Helvetica, sans-serif;
text-transform : uppercase;
font-size : 11px;
}
#rounds-rtSelect {
float : left;
background-color : #567394;
display : inline-block;
color : #ffffff;
width : 72px;
margin-left : 5px;
padding : 3px 0 20px 0;
padding-bottom : 20px;
font-family : Arial, Helvetica, sans-serif;
text-transform : uppercase;
font-size : 11px;
}
#rounds-lt-ca {
float : left;
background-color : #701011;
display : inline-block;
color : #ffffff;
width : 123px;
margin-right : 5px;
padding : 3px 0 3px 0;
font-family : Arial, Helvetica, sans-serif;
text-transform : uppercase;
font-size : 11px;
}
#rounds-ltSelect-ca {
float : left;
background-color : #a8191e;
display : inline-block;
color : #ffffff;
width : 123px;
margin-right : 5px;
padding : 3px 0 20px 0;
padding-bottom : 20px;
font-family : Arial, Helvetica, sans-serif;
text-transform : uppercase;
font-size : 11px;
}
#finalrounds-ca {
float : left;
display : inline-block;
width : 188px;
background-color : #fcd209;
font-family : Arial, Helvetica, sans-serif;
color : #333;
font-size : 11px;
text-transform : uppercase;
padding : 3px 0 15px 0;
}
#rounds-rt-ca {
float : left;
background-color : #701011;
display : inline-block;
color : #ffffff;
width : 123px;
padding : 3px 0 3px 0;
margin-left : 5px;
font-family : Arial, Helvetica, sans-serif;
text-transform : uppercase;
font-size : 11px;
}
#rounds-rtSelect-ca {
float : left;
background-color : #a8191e;
display : inline-block;
color : #ffffff;
width : 123px;
margin-left : 5px;
padding : 3px 0 20px 0;
padding-bottom : 20px;
font-family : Arial, Helvetica, sans-serif;
text-transform : uppercase;
font-size : 11px;
}
.round1 {
margin : 0 0 55px 0;
padding : 0;
width : 60px;
}
#canadaRound1 {
float : left;
margin-left : 45px;
margin-top : -10px;
}
.round1 .canada {
margin-left : 25px;
}
.round1 img {
margin : 0 4px 0 0;
float : left;
}
.round1 input {
margin : 7px 0 0 0;
padding : 0;
float : left;
}
.round1 div {
margin : 0 0 20px 0;
float : left;
}
.round1 .base {
margin : 0 0 24px 0;
}
.right {
float : right;
display : inline;
}
.right .round1 img {
margin : 0 0 0 4px;
float : right;
}
.right .round1 input {
float : right;
}
.round2 {
padding : 67px 0 0 16px;
}
.round2-ca {
padding : 77px 0 0 140px;
}
.round2-ca div {
margin : 0 0 187px 0;
float : left;
clear : left;
}
.round2-ca div img {
margin : 0 0 20px 0;
float : left;
}
.push_rt {
padding : 66px 30px 0 0;
}
.round2 div {
margin : 0 0 182px 0;
float : left;
clear : left;
}
.round2 div img {
margin : 0 0 22px 0;
float : left;
}
.round2 div input {
margin : 14px 0 0 2px;
float : left;
}
.push_rt input {
margin : 0 4px 0 0;
}
.round3 {
padding : 84px 0 0 12px;
}
.round3 img {
margin : 0 0 258px 0;
float : left;
}
.round3-2 {
padding : 84px 0 0 6px;
}
.round3-2 img {
margin : 0 0 258px 0;
float : left;
}
.push_rt2 img {
margin-left : 2px;
}
.push_rt2 {
padding-right : 8px;
}
.round3-ca {
padding : 102px 0 0 92px;
}
.round3-ca img {
margin : 0 0 260px 0;
float : left;
}
.push_rt3 {
width : 80px;
}
.round4 {
padding : 244px 0 0 17px;
}
.round4 img {
margin : 0 0 0 0;
float : left;
display : inline;
}
.round4-2 {
padding : 244px 15px 0 0;
}
.round4-2 img {
margin : 0 0 0 0;
float : left;
display : inline;
}
.finals {
padding : 394px 0 0 20px;
}
.finals img {
margin : 0 0 40px 0;
float : left;
clear : left;
}
#champ {
margin-left : 34px;
}
#team2 {
margin-left : 134px;
}
#country2 .finals {
padding : 208px 0 0 38px;
}
.right round1 {
padding-left : 8px;
}
.round1 input {
visibility : hidden;
}
.round2 input {
visibility : hidden;
}
.round2-ca input {
visibility : hidden;
}
.round3 input {
visibility : hidden;
}
.round3-2 input {
visibility : hidden;
}
.round3-ca input {
visibility : hidden;
}
.round4 input {
visibility : hidden;
}
.finals input {
visibility : hidden; 
}
a:link {
color : #567394;
text-decoration : none;
}
a:hover {
color : #28355e;
text-decoration : none;
}
a:visited {
color : #567394;
text-decoration : none;
}
#brandingbarwrapper {
background : #000;
text-align : center;
width : 100%;
}
#brandingbar {
margin-left : auto;
margin-right : auto;
width : 993px;
text-align : left;
}
#topnav {
background : #000 url('http://www.peta2.com/page/peta2_logo_branding_whiteblack.gif') no-repeat left bottom;
width : 956px;
color : #fff;
font-family : Arial, sans-serif;
margin : 0 auto;
font-size : 10px;
padding : 17px 0 8px 7px;
text-transform : uppercase;
}
#topnav a {
color : #fff;
padding : 0 10px;
margin-top : 10px;
text-decoration : none;
}
#topnav a.first {
padding-left : 32px;
}
#topnav a:hover {
color : #cccccc;
}
#form-fill-text {
position : absolute;
top : 282px;
left : 649px;
}