/* GENERAL CSS RESET STYLES */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; }
/* remember to define focus styles! */
/* fix for ff3 outline */
a { outline: none }
/* end fix for ff3 outline */
:focus { outline: 0; }
body { line-height: 12px; color: black; background-color: white; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* LINK CSS */
a {}
a:link { color: #FFFFFF; text-decoration: none; }
a:visited { color: #FFFFFF; text-decoration: none; }
a:hover { color: #FFFFFF; text-decoration: underline; }
a:active { color: #FFFFFF; text-decoration: underline; }
/* H1 -> H2 Tags */
h1 { font-size: 30px; font-weight: normal; }
h2 { font-size: 24px; font-weight: normal; }
h3 { font-size: 18px; font-weight: normal; }
h4 { font-size: 12px; font-weight: normal; }
h5 { font-size: 11px; font-weight: normal; }
/* end of header styles */
/* INPUT ITEMS TEXT, IE7 HAS Border: 2px all around and PADDING 1px ALL AROUND. FIREFOX DOES NOT HAVE THE LEFT ADN RIGHT PADDING */
input { padding: 0px; margin: 0px; border: 0px; }
textarea { padding: 0px; margin: 0px; border: 0px; }
/* IMAGES MUST HAVE DISPLAY BLOCK TO PREVENT IE6 FROM DISPLAYING A 2-3 PX BUG */
img { display: block; }
/* end of other weird bugs discovered category */
/* END OF RESET STYLES CSS */
/* USEFULL GENERAL CSS CLASSES ALWAYS USED */
.floatLeft { float: left; }
.floatRight { float: right; }
.clear, #pageWrap .clear { clear: both; overflow: hidden; height: 0px; }
.noMargins { margin: 0px 0px 0px 0px; }
.noPadding { padding: 0px 0px 0px 0px; }
.noMarginsOrPadding { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
/* CLASSES EDITED AT EACH PAGE CREATION == ACTUAL CSS FILE HERE */
/* smallest size at the top, largest at the bottom */
.size1 {}
.size2 {}
.size3 {}
.size4 {}
.size5 {}
.size6 {}
.size7 {}
.size8 {}
.size9 {}
/* end custom size classes*/
/* ================== CONTENT ==============
1) GENERAL CSS
2) Homepage Specific CSS
3) SubPage Specific CSS
*/
/* ============== General CSS =================== */
body { background-color: #0f5035; font-size: 12px; line-height: 16px; text-shadow: 0 0 0 #000;}
#pageWrap { width: 786px; margin: 0px auto;}
/* Header */
/*.header ul {
margin-top: -3px;
}
*/
.header ul li { float: left; border: 1px solid black; width: 100%; background-color: #e7b318; text-align: center; }
.header ul li a {text-align: center; font-size: 14px; font-weight: bold; display: block; color: black; padding-top: 8px; padding-bottom: 8px;}
.header ul li a:link, .header ul li a:visited, .header ul i a:active { text-decoration: none; color: black;}
.header ul li a:hover, .header ul li a:focus { text-decoration: underline; color: black;}
.content {margin-bottom: 40px;}
/* left side */
.content .left { width: 138px; border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; background-color: #E7B318;}
.content .left .registerImg { background-image: url("./../images/registerImg.png"); background-repeat: no-repeat; background-position: center right; width: 116px; height: 50px; display: block; padding-left: 11px; margin-bottom: 20px;}
.content .left div { padding-left: 20px; margin-bottom: 10px;}
.content .left div h1 { color: #840717; font-weight: bold; font-size: 12px; line-height: 14px; margin-bottom: 3px;}
.content .left div ul li { padding: 1px 0px; line-height: 14px;}
.content .left div ul li a { display: block; color: black;}
.content .left div ul li a:link, .content .left div ul li a:active, .content .left div ul li a:visited { color: black; text-decoration: none;}
.content .left div ul li a:hover, .content .left div ul li a:focus { text-decoration: underline; color: black;}
/* center side */
.content .center { width: 431px; background-color: white;}
.content .center .welcomeDiv { background-image: url("./../images/orangeGradiant.png"); background-repeat: no-repeat; background-position: center bottom; background-color: white; padding-top: 10px; padding-left: 15px; padding-right: 15px; padding-bottom: 20px; margin-bottom: 10px;}
.content .center .welcomeDiv h1 { font-size: 24px; font-weight: bold; font-family: "Arial Narrow", Arial, Helvetica; color: #840717; line-height: 24px; margin-bottom: 10px;}
.content .center .welcomeDiv p span { color: #840717;}
.content .center .welcomeDiv p a { color: #840717; text-decoration: none;}
.content .center .welcomeDiv p a:link, .content .center .welcomeDiv p a:visited, .content .center .welcomeDiv p a:active { color: #840717; text-decoration: none;}
.content .center .welcomeDiv p a:focus, .content .center .welcomeDiv p a:hover { text-decoration: underline; color: #840717;}
.content .center .videoDiv { padding: 0px 15px;}
.content .center .videoDiv h1 { font-size: 18px; font-weight: bold; font-family: "Arial Narrow", Arial, Helvetica; color: #840717; line-height: 20px; margin-bottom: 10px;}
.content .center .videoDiv .floatLeft { width: 115px; margin-right: 10px; display: inline;}
.content .center .videoDiv .floatRight { width: 276px;}
.content .center .videoDiv .floatRight a { float: left; margin-right: 6px; margin-bottom: 6px;}
.content .center .videoDiv .floatRight a img { padding: 2px;}
.content .center .videoDiv .floatRight a:hover img, .content .center .videoDiv .floatRight a:focus img { border: 2px solid #840717; padding: 0px;}
.content .center .videoDiv .floatRight a.learnMore { background-image: url("./../images/learnMore.png"); background-repeat: no-repeat; background-position: center; width: 102px; height: 23px; margin-bottom: 0px;}
.content .center .videoDiv .floatRight p.floatLeft { width: 162px; margin-right: 0px;}
.content .center .commonDiv { padding-top: 25px; border-top: 1px solid #c7c4c4; margin-top: 25px; padding-left: 15px; padding-right: 15px;}
.content .center .commonDiv .floatLeft { width: 116px; margin-right: 15px; display: inline;}
.content .center .commonDiv .floatLeft h1 { font-size: 18px; font-weight: bold; font-family: "Arial Narrow", Arial, Helvetica; color: #840717; line-height: 20px; margin-bottom: 30px;}
.content .center .commonDiv .floatRight { width: 270px;}
.content .center .commonDiv .floatRight div { margin-bottom: 10px;}
.content .center .commonDiv .floatRight div.green p { line-height: 14px; color: #0f5035; }
.content .center .commonDiv .floatRight a.readMore { background-image: url("./../images/readMore.png"); background-repeat: no-repeat; background-position: center; display: block; height: 23px; width: 93px;}
.content .center .commonDiv .floatRight div p.green { line-height: 14px; color: #0f5035; }
.content .center .commonDiv .floatRight a.learnMore { background-image: url("./../images/learnMore.png"); background-repeat: no-repeat; background-position: center; display: block; height: 23px; width: 102px;}
/* right side */
.content .right { width: 215px; background-color: white;}
/* original .content .right .goldenBox p { text-align: center; font-size: 16px; font-family: "Arial Narrow", Arial, Verdana; line-height: 16px; color: #0f5035; font-weight: bold; margin-bottom: 5px;} */
/* original .content .right .goldenBox .detail { font-size: 12px; text-align: center; font-family: "Arial Narrow", Arial, Verdana; line-height: 12px; color: #840717; font-weight: bold; margin-bottom: 5px;} */
/* .content .right .enterHere { background-image: url("./../images/enterHere.png"); background-repeat: no-repeat; background-position: center; display: block; width: 138px; height: 23px; margin-left: 15px;} */
/* ACT NOW / 22-02-09 CSS */
.content .right .goldenBox { background-image: url("./../images/yellowImg.png"); background-repeat: no-repeat; background-position: right top; padding: 25px;}
.content .right .goldenBox p { text-align: center; font-size: 20px; font-family: "Arial Narrow", Arial, Verdana; line-height: 16px; color: #840717; font-weight: bold; margin-bottom: 5px;}
.content .right .goldenBox .detail { font-size: 12px; text-align: center; font-family: "Arial Narrow", Arial, Verdana; line-height: 16px; color: #000000; font-weight: bold; margin-bottom: 5px;}
/* RED BULL HOME / 16-04-09 CSS */
.content .right .redbullHome { padding-left: 9px; margin: 0px; }
/* YOU COULD WIN - 26-02-09 CSS */
.content .right .goldenBoxCompetition { background-image: url("./../images/yellowImg.png"); background-repeat: no-repeat; background-position: right top; padding: 15px;}
.content .right .goldenBoxCompetition p { text-align: center; font-size: 14px; font-family: "Arial Narrow", Arial, Verdana; line-height: 16px; color: #0f5035; font-weight: bold; margin-bottom: 5px;}
.content .right .goldenBoxCompetition .detail { font-size: 11px; text-align: center; font-family: "Arial Narrow", Arial, Verdana; line-height: 16px; color: #000000; font-weight: bold; margin-bottom: 5px;}
.content .right .registerNowCompetitionF { background-image: url("./../images/comp_find_out_more.png"); background-repeat: no-repeat; background-position: left center; display: block; width: 125px; height: 23px; margin-left: 30px; padding-top: 2px;}
.content .right .registerNowCompetitionR { background-image: url("./../images/comp_register_now.png"); background-repeat: no-repeat; background-position: left center; display: block; width: 125px; height: 23px; margin-left: 30px; padding-top: 2px;}
.content .right .joinElist { background-image: url("./../images/joinElist.png"); background-repeat: no-repeat; background-position: center; display: block; width: 165px; height: 23px; margin-left: 0px;}
.content .right .registerNow { background-image: url("./../images/registerNow.png"); background-repeat: no-repeat; background-position: left center; display: block; width: 102px; height: 23px; margin-left: 32px; padding-top: 4px;}
.content .right .rightColumn { background-image: url("./../images/rightColumn.png"); background-repeat: repeat-y; background-position: 2px top; padding-left: 4px; padding-bottom: 15px; width: 211px;}
.content .right .rightColumn .awardText { background-image: url("./../images/awardText.png"); background-repeat: no-repeat; background-position: center; width: 143px; height: 150px; margin-left: 15px; padding-top: 10px; padding-left: 20px; padding-right: 20px; margin-bottom: 10px;}
.content .right .rightColumn .awardText p { padding-top: 10px; text-align: left; margin-bottom: 5px;}
.content .right .rightColumn .awardText h2 { font-size: 14px; line-height: 18px; padding-bottom: 2px; color: #0f5035; font-family: "Arial Narrow", Arial, Helvetica; font-weight: bold; text-align: center;}
.content .right .rightColumn .actToday { background-image: url("./../images/actToday.png"); background-repeat: no-repeat; background-position: center; width: 143px; height: 103px; margin-left: 15px; padding-top: 15px; padding-left: 20px; padding-right: 20px; margin-bottom: 20px;}
.content .right .rightColumn .actToday h2 { font-size: 14px; line-height: 18px; padding-bottom: 2px; color: #0f5035; font-family: "Arial Narrow", Arial, Helvetica; font-weight: bold; text-align: center;}
.content .right .rightColumn .actToday p { text-align: center; margin-bottom: 5px;}
.content .right .rightColumn .actToday a.joinElist { background-image: url("./../images/joinElist.png"); background-repeat: no-repeat; background-position: left center; display: block; width: 165px; height: 23px; margin-left: 12px;}
.content .right .rightColumn .playerLooking { background-image: url("./../images/playerLookingBG.png"); background-repeat: no-repeat; background-position: center; width: 186px; height: 146px; margin-left: 0px; padding-top: 15px; padding-left: 0px; padding-right: 20px; margin-bottom: 20px;}
.content .right .rightColumn .playerLooking h2 { font-size: 14px; line-height: 18px; padding-bottom: 2px; color: #0f5035; font-family: "Arial Narrow", Arial, Helvetica; font-weight: bold; text-align: center; margin-left: 30px;}
.content .right .rightColumn .playerLooking h2 { font-size: 14px; line-height: 18px; padding-bottom: 2px; color: #0f5035; font-family: "Arial Narrow", Arial, Helvetica; font-weight: bold; text-align: center; margin-left: 30px;}
.content .right .rightColumn .playerLooking p { text-align: center; margin-bottom: 5px;}
.content .right .rightColumn .playerLooking a.lookingButton { background-image: url("./../images/lookingButton.png"); background-repeat: no-repeat; background-position: left center; display: block; width: 163px; height: 23px; margin-left: 27px;}
.content .right .rightColumn .schedule { padding-left: 8px; padding-right: 8px;}
.content .right .rightColumn .schedule h3 { font-size: 20px; line-height: 22px; color: #840717; font-family: "Arial Narrow", Arial, Helvetica; font-weight: bold; text-align: center; margin-bottom: 10px; }
.content .right .rightColumn .schedule h4 { font-weight: bold; color: #0f5035; padding-bottom: 2px;}
.content .right .rightColumn .schedule .left { border: 0px none; background-color: white; width: 95px; margin-right: 5px; padding-top: 0px; margin-bottom: 10px;}
.content .right .rightColumn .schedule .right { width: 95px; padding-top: 0px; margin-bottom: 10px;}
.content .right .rightColumn .schedule ul li { line-height: 18px; font-weight: bold;}
.content .right .rightColumn .schedule p.green { color: #0f5035 ; margin-top: 10px;}
.content .right .rightColumn .schedule th { text-align: left; padding-left: 4px; padding-bottom: 6px;}
.content .right .rightColumn .schedule td { margin-top: 10px; font-weight: bold; font-size: 11px; padding: 4px; border-bottom:1px solid #ccc}
.content .right .rightColumn .td1 { padding-left: 4px; padding-top: 1px; padding-bottom: 1px; background-color: #ffeeba; }
.content .right .rightColumn .td2 { padding-left: 4px; padding-top: 1px; padding-bottom: 1px; background-color: #fff; }
.td1 a, .td1 a:hover, .td1 a:visited, .td2 a, .td2 a:hover, .td2 a:visited{color:#840717; text-decoration:underline}
.schedule table{border:solid #ccc; border-width:1px 1px 0 1px}
.contact {
color: white;
font-size: 12px;
font-weight: bold;
text-align: center;
padding-bottom: 30px;
}
/* =========== End of General CSS ============== */
/* =============== Homepage Specific CSS ======= */
/*======= End of Homepage Specific CSS ========= */
/* ========== Subpage Specific CSS ========= */
/* ============= End of subpage specific css ========== */