/* CSS Document */ body { margin:0; padding:0; font-size: 62.5%; background: url(images/background.jpg) repeat-x #FFFFFF; text-align:center; font-family: arial, helvetica, sans-serif; color:#000000;} /* =TEXT & HEADINGS ---------------------------------------------------*/ h1 { margin: 0; padding: 0 0 10px 0; font-size: 1.5em; line-height: 18px; } p { margin: 0; padding: 0 0 6px 0; font-size: 1.1em; line-height: 14px; font-weight:normal;} a { margin: 0; padding: 0; text-decoration:none; color: #000000;} a:hover {text-decoration:underline; color: #ce1300;} p a{ font-weight:bold; color:#cc3333;} p a:hover{ text-decoration:underline; color:#000000;} /* NAVIGATION ---------------------------------------------------*/ #nav { float: left; margin: 5px 0 0 9px; padding: 0; width:870px; float: left;font-size: 1.2em; font-weight: bold; } #nav ul { margin: 0; padding: 0; text-align:center;} #nav ul a{ color: #FFFFFF;} #nav ul a:hover {color: #FFFF00;} #nav ul li#n1 { background: url(images/topnav-button.png) no-repeat; display: inline; float: left; margin: 0; padding: 7px 0 0 0; color: #ffffff; width: 141px; height: 31px;} #nav ul li#n2 { background: url(images/topnav-button.png) no-repeat; display: inline; float: left; margin: 0; padding: 7px 0 0 0; color: #ffffff; width: 141px; height: 31px;} #nav ul li#n3 { background: url(images/topnav-button.png) no-repeat; display: inline; float: left; margin: 0; padding: 7px 0 0 0; color: #ffffff; width: 141px; height: 31px;} #nav ul li#n4 { background: url(images/topnav-button.png) no-repeat; display: inline; float: left; margin: 0; padding: 7px 0 0 0; color: #ffffff; width: 141px; height: 31px;} #nav ul li#n5 { background: url(images/topnav-button.png) no-repeat; display: inline; float: left; margin: 0; padding: 7px 0 0 0; color: #ffffff; width: 141px; height: 31px;} #nav ul li#n6 { background: url(images/topnav-button.png) no-repeat; display: inline; float: left; margin: 0; padding: 7px 0 0 0; color: #ffffff; width: 141px; height: 31px;} /* CONTAINERS ---------------------------------------------------*/ #top{height:10px;} #content {border-top:1px solid #FFFFFF;border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; position: relative; width:1000px; margin:0 auto;padding-top:8px;text-align:left; left: -1px;top: -1px;background:url(images/red-grad.jpg) #FFFFFF repeat-x;} #header{ float: left; margin-left: 7px; padding:0 0 9px 8px; width:850px; height:100px; background: url(images/header-background.gif) no-repeat;} #headLeft{ float: left; margin: 18px 0 0 20px; padding: 0; width:310px;} #headRight{ float: left; margin: 21px 0 0 20px; padding: 0; width:480px;} #mainContent{margin-left: 3px; clear: both;width:870px;height:570px;} #leftColumn{float: left; margin: 1px 3px 3px 7px; padding: 0; width:156px;} #midColumn{float: left; margin: 1px 3px 3px 4px; padding: 0; width:519px;} #rightColumn{float: left; margin: 1px 3px 3px 4px; padding: 0; width:156px;} #footer{float:left;padding:6px 0 0 15px; width:800px;} #footer p{color:#999999;} #footer p a{color:#999999; font-weight:normal;} #footer p img{padding:0px 2px 0px 2px; vertical-align: text-bottom} #footer p a:hover{color:#999999;} #skybanner{position:absolute;left:868px; top:30px;} .redHeader {background: url(images/red-top-short.png) no-repeat; padding:5px 0 0 5px; margin:0; width:156px;height:33px;} .redHeader h3{background: url(images/cherry.png) no-repeat; margin:0; padding:4px 0 0 40px; width:100px; font-size: 1.2em; line-height:1.1em;color:#FFFFFF;height:33px;} .redHeader h3 a {font-size: 1em; color:#FFFFFF} .redHeader h3 a:hover {font-size: 1em; color:#ce1300} .orangeHeader {background: url(images/orange-top-short.png) no-repeat; padding:5px 0 0 5px; margin:0; width:156px;height:33px;} .orangeHeader h3{background: url(images/bells.png) no-repeat; margin:0; padding:4px 0 0 40px; width:100px; font-size: 1.2em; line-height:1.1em;color:#FFFFFF;height:33px;} .purpleHeader {background: url(images/purple-top-short.png) no-repeat; padding:5px 0 0 5px; margin:0; width:156px;height:33px;} .purpleHeader h3{background: url(images/seven.png) no-repeat; margin:0; padding:4px 0 0 40px; width:100px; font-size: 1.2em; line-height:1.1em;color:#FFFFFF;height:33px;} .greyHeader {background: url(images/black-top.png) no-repeat; padding:5px 0 0 5px; margin:0; width:519px;height:33px;} .greyHeader h3{background: url(images/seven.png) no-repeat; margin:0; padding:4px 0 0 40px; width:519px; font-size: 1.2em; line-height:1.1em;color:#FFFFFF;height:33px;} .greenHeader {background: url(images/green-top-med.png) no-repeat; padding:5px 0 0 5px; margin:0; width:255px;height:33px;} .greenHeader h3{background: url(images/cherry.png) no-repeat; margin:0; padding:4px 0 0 40px; width:150px; font-size: 1.2em; line-height:1.1em;color:#FFFFFF;height:33px;} .greenHeader h3 a {font-size: 1em; color:#FFFFFF} .greenHeader h3 a:hover {font-size: 1em; color:#ce1300} .yellowHeader {background: url(images/yellow-top-med.png) no-repeat; padding:5px 0 0 5px; margin:0; width:255px;height:33px;} .yellowHeader h3{background: url(images/bells.png) no-repeat; margin:0; padding:4px 0 0 40px; width:150px; font-size: 1.2em; line-height:1.1em;color:#000000;height:33px;} .medContainerLeft {float:left; width:255px; margin-right:9px;} .medContainerRight {float:left; width:255px; margin:0;} .medHolderContent {background:url(images/med-holder-background.gif) repeat-y #FFFFFF; padding-top:8px; margin:0; width:255px;text-align:center; min-height:205px;} .medHolderContent p{padding:7px 15px 0 15px; text-align:left;} .image{float:right;padding:7px 11px 7px 5px;} .largeHolderContent {background:url(images/large-holder-background.gif) repeat-y #FFFFFF; padding:7px 35px 0 25px; margin:0; min-height:205px;} .smallHolderContent {font-size: 1.2em; font-weight: bold; background:url(images/small-holder-background.gif) repeat-y #FFFFFF; padding-top:7px; margin:0; min-height:165px} .smallHolderContent ul{padding:0; margin:0;} .smallHolderContent ul li{padding:0; margin:0;list-style: none;} .smallHolderContent ul li.m1 { background: url(images/small-cherry.png) no-repeat 9px 2px; margin: 0; padding: 3px 0 0 29px;font-size: .9em;color:#000000;} .smallHolderContent ul li.m2 { background: url(images/small-bells.png) no-repeat 9px 2px; margin: 0; padding: 3px 0 0 29px;font-size: .9em;color:#000000;} .smallHolderContent ul li.m3 { background: url(images/small-seven.png) no-repeat 9px 2px; margin: 0; padding: 3px 0 0 29px;font-size: .9em;color:#000000;} .smallHolderContent ul li.m4 { margin: 0; padding: 3px 0 0 15px;font-size: .9em;color:#000000;} .smallHolderContent ul li a:hover {color: #ce1300;} .smallHolderContent2 {font-size: 1.2em; font-weight: bold; background:url(images/small-holder-background.gif) repeat-y #FFFFFF; padding-top:7px; margin:0; min-height:120px} .smallHolderContent2 ul{padding:0; margin:0;} .smallHolderContent2 ul li{padding:0; margin:0;list-style: none;} .smallHolderContent2 ul li.m1 { background: url(images/small-cherry.png) no-repeat 9px 2px; margin: 0; padding: 3px 0 0 29px;font-size: .9em;color:#000000;} .smallHolderContent2 ul li.m2 { background: url(images/small-bells.png) no-repeat 9px 2px; margin: 0; padding: 3px 0 0 29px;font-size: .9em;color:#000000;} .smallHolderContent2 ul li.m3 { background: url(images/small-seven.png) no-repeat 9px 2px; margin: 0; padding: 3px 0 0 29px;font-size: .9em;color:#000000;} .smallHolderContent2 ul li.m4 { margin: 0; padding: 3px 0 0 15px;font-size: .9em;color:#000000;} .smallHolderContent2 ul li a:hover {color: #ce1300;} .smallHolderContentBotNews {font-size: 1.2em; font-weight: bold; background:url(images/small-holder-background.gif) repeat-y #FFFFFF; padding-top:7px; margin:0; min-height:110px} .smallHolderContentBotNews ul{padding:0; margin:0;} .smallHolderContentBotNews ul li{padding:0; margin:0;list-style: none;} .smallHolderContentBotNews ul li.m1 { background: url(images/small-cherry.png) no-repeat 9px 2px; margin: 0; padding: 3px 0 0 29px;font-size: .9em;color:#000000;} .smallHolderContentBotNews ul li.m2 { background: url(images/small-bells.png) no-repeat 9px 2px; margin: 0; padding: 3px 0 0 29px;font-size: .9em;color:#000000;} .smallHolderContentBotNews ul li.m3 { background: url(images/small-seven.png) no-repeat 9px 2px; margin: 0; padding: 3px 0 0 29px;font-size: .9em;color:#000000;} .smallHolderContentBotNews ul li.m4 { margin: 0; padding: 3px 0 0 15px;font-size: .9em;color:#000000;} .smallHolderContentBotNews ul li a:hover {color: #ce1300;} .smallHolderContentBotGames {font-size: 1.2em; font-weight: bold; background:url(images/small-holder-background.gif) repeat-y #FFFFFF; padding-top:7px; margin:0; min-height:248px} .smallHolderContentBotGames ul{padding:0; margin:0;} .smallHolderContentBotGames ul li{padding:0; margin:0;list-style: none;} .smallHolderContentBotGames ul li.m1 { background: url(images/small-cherry.png) no-repeat 9px 2px; margin: 0; padding: 3px 0 0 29px;font-size: .9em;color:#000000;} .smallHolderContentBotGames ul li.m2 { background: url(images/small-bells.png) no-repeat 9px 2px; margin: 0; padding: 3px 0 0 29px;font-size: .9em;color:#000000;} .smallHolderContentBotGames ul li.m3 { background: url(images/small-seven.png) no-repeat 9px 2px; margin: 0; padding: 3px 0 0 29px;font-size: .9em;color:#000000;} .smallHolderContentBotGames ul li.m4 { margin: 0; padding: 3px 0 0 15px;font-size: .9em;color:#000000;} .smallHolderContentBotGames ul li a:hover {color: #ce1300;} .smallHolderContentBotLinks {font-size: 1.2em; font-weight: bold; background:url(images/small-holder-background.gif) repeat-y #FFFFFF; padding-top:7px; margin:0; min-height:106px} .smallHolderContentBotLinks ul{padding:0; margin:0;} .smallHolderContentBotLinks ul li{padding:0; margin:0;list-style: none;} .smallHolderContentBotLinks ul li.m1 { background: url(images/small-cherry.png) no-repeat 9px 2px; margin: 0; padding: 3px 0 0 29px;font-size: .9em;color:#000000;} .smallHolderContentBotLinks ul li.m2 { background: url(images/small-bells.png) no-repeat 9px 2px; margin: 0; padding: 3px 0 0 29px;font-size: .9em;color:#000000;} .smallHolderContentBotLinks ul li.m3 { background: url(images/small-seven.png) no-repeat 9px 2px; margin: 0; padding: 3px 0 0 29px;font-size: .9em;color:#000000;} .smallHolderContentBotLinks ul li.m4 { margin: 0; padding: 3px 0 0 15px;font-size: .9em;color:#000000;} .smallHolderContentBotLinks ul li a:hover {color: #ce1300;} .smallHolderFooter { background:url(images/container-footer-small.png) no-repeat; width:156px; height:19px;margin-bottom:7px;} .medHolderFooter { background:url(images/container-footer-med.png) no-repeat; width:255px; height:19px;margin-bottom:7px;} .largeHolderFooter { background:url(images/container-footer-large.png) no-repeat; width:519px; height:19px;margin-bottom:7px;} .largeHolderContent ul li.m1 { font-size: 1.2em; font-weight: bold; list-style: none; background: url(images/small-cherry.png) no-repeat 9px 2px; margin: 0; padding: 3px 0 0 29px; color:#000000;} .largeHolderContent ul li.m2 { font-size: 1.2em; font-weight: bold; list-style: none; background: url(images/small-bells.png) no-repeat 9px 2px; margin: 0; padding: 3px 0 0 29px; color:#000000;} .largeHolderContent ul li.m3 { font-size: 1.2em; font-weight: bold; list-style: none; background: url(images/small-seven.png) no-repeat 9px 2px; margin: 0; padding: 3px 0 0 29px; color:#000000;} .largeHolderContent ul li.sublist { font-size: 1.2em; list-style: none; margin: 0; padding: 3px 0 0 0px; color:#000000;} .largeHolderContent ul li { font-size: 1.1em; margin: 0; padding: 3px 0 0 0px; color:#000000;} .largeHolderContent ul li a:hover {text-decoration:underline; color: #ce1300;} .largeHolderContent ul li a{ font-weight:bold; color:#cc3333;} .largeHolderContent ul li a:hover{ text-decoration:underline; color:#000000;} .gametable {font-size: 1.1em; line-height: 14px; font-weight:normal;} .gametable img {margin: 2px 2px 2px 2px; padding: 2px 2px 2px 2px; font-size: 1.1em; line-height: 14px; font-weight:normal;} /* OTHER ---------------------------------------------------*/ img.floatLeft { float: left; margin: 0px 4px 0px 0px; } img.floatRight {float: right; margin: 0px 0px 0px 4px; }