/* basic elements */
html {
margin: 0;
padding: 0;
}
body {
font: 12px, georgia, sans-serif;
line-height: 1.88889;
color: #555753;
margin: 0;
padding: 0;
overflow: scroll;
}
a:link {
font-weight: bold;
text-decoration: none;
color: black;
}
a:visited {
font-weight: bold;
text-decoration: none;
color: black;
}
a:hover, a:active {
text-decoration: underline;
color: blue;
/* color: #9685BA; */
}
acronym {
border-bottom: none;
}
td {color: black }
/*from the old css file */
a.topform{ font-family:"arial"; font-size:11px; color:#000000; text-decoration:none; padding:5px;}
a.topform:visited{ font-family:"arial"; font-size:12px; color:#000000; text-decoration:none;}
a.topform:hover{ font-family:"arial"; font-size:12px; color:#B4001D; text-decoration:none;}
form{ margin:0;}
input.text1{font-family: Verdana; font-size: 10px; width:110px; height:19px;}
input.text2{font-family: Verdana; font-size: 10px; width:110px; height:19px;}
/* CSS Document */
body{font-family:arial; font-size:11px; color:#323232; margin:0; background-color:#FFFFFF; }
td{ font-size:12px; height:24px;}
form{ margin:0;}
input.text1{font-family: Verdana; font-size: 10px; width:110px; height:19px;}
input.text2{font-family: Verdana; font-size: 10px; width:110px; height:19px;}
select.hm {
FONT-SIZE: 10px;
COLOR: #595959;
FONT-FAMILY: Verdana;
BACKGROUND-COLOR: #ffffff;
border: 1px solid #B9B9B9;
padding-left: 4px;
padding-right: 4px;
padding-top: 1px;
padding-bottom: 1px;
width:135px;
}
input.hm {
font-family: Verdana; font-size: 10px; border-style: solid; border-width: 1px; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px; width:130px; height:18px;
}
strong.boxheadings { font-family:"Trebuchet MS"; font-size:22px; color:#006633; font-weight:bold}
a.Redlinks{ font-family:"arial"; font-size:12px; font-weight:bold; color:#ffffff; text-decoration:none;}
a.Redlinks:visited{ font-family:"arial"; font-size:12px; font-weight:bold; color:#ffffff; text-decoration:none;}
a.Redlinks:hover{ font-family:"arial"; font-size:12px; font-weight:bold; color:#C6F2FD; text-decoration:none;}
/* changed padding from 5px */
a.topform{ font-family:"arial"; font-size:11px; color:#000000; text-decoration:none; padding:1px;}
a.topform:visited{ font-family:"arial"; font-size:12px; color:#000000; text-decoration:none;}
a.topform:hover{ font-family:"arial"; font-size:12px; color:#B4001D; text-decoration:none;}
a.Greenlinks{ font-family:"arial"; font-size:12px; font-weight:bold; color:#008300; text-decoration:none;}
a.Greenlinks:visited{ font-family:"arial"; font-size:12px; font-weight:bold; color:#008300; text-decoration:none;}
a.Greenlinks:hover{ font-family:"arial"; font-size:12px; font-weight:bold; color:#B4001D; text-decoration:none;}
a.photolink{ font-family:"arial"; font-size:11px; font-weight:bold; color:#C70320; text-decoration:none; }
a.photolink:visited{ font-family:"arial"; font-size:11px; font-weight:bold; color:#C70320; text-decoration:none; }
a.photolink:hover{ font-family:"arial"; font-size:11px; font-weight:bold; color:#C70320; text-decoration:none; }
a.howtoplaylink{ font-family:"arial"; font-size:13px; font-weight:bold; color:blue; text-decoration:none; }
a.howtoplaylink:visited{ font-family:"arial"; font-size:13px; font-weight:bold; color:blue; text-decoration:none; }
a.howtoplaylink:hover{ font-family:"arial"; font-size:13px; font-weight:bold; color:black; text-decoration:none; }
.bluebar{ font-family:arial; font-size:13px; color:#1C00D6; font-weight:900;}
.bottomred{ font-family:arial; font-size:13px; color:#F8062C; font-weight:900;}
.boxheading{font-family:arial; font-size:13px; padding-left:10px; font-weight:900; color:#140098;}
a.bottomlinks{ font-family:"arial"; font-size:11px; font-weight:normal; color:#323232; text-decoration:none; padding:6px;}
a.bottomlinks:visited{font-family:"arial"; font-size:11px; font-weight:normal; color:#323232; text-decoration:none;}
a.bottomlinks:hover{ font-family:"arial"; font-size:11px; font-weight:normal; color:#323232; text-decoration:underline;}
#header {background: #FFF url(../images/maintop.gif) no-repeat top center; padding: 0px 50px 20px 50px; margin: 0 auto 0;}
#main {background: #fff url(../images/mainbody.gif) repeat-y top center; margin: 0 auto; }
.padder {padding: 0 50px;}
#breadcrumb {background: transparent url(../images/mainbottom.gif) no-repeat bottom center; width: 720px; border: 0; margin-top: 0; padding-bottom: 41px;
padding-left: 990px;}
#breadcrumb1 {background: transparent url(../images/mainbottom.gif) no-repeat bottom center; width: 720px; border: 0; margin-top: 0; padding-bottom: 41px;
padding-left: 270px;}
.BoxDesignPageLayoutOuter{background:url(../images/Center.png) repeat-y;width:872px}
.BoxDesignPageLayout{background:url(../images/Top.png) top left no-repeat}
.BoxDesignPageLayoutInner{background:url(../images/Bottom.png) bottom left no-repeat;padding:20px 12px 24px 12px}
.BoxDesignPageLayoutOuter1{background:url(../images/Center.gif) repeat-y;width:795px}
.BoxDesignPageLayout1{background:url(../images/Top.gif) top left no-repeat}
.BoxDesignPageLayoutInner1{background:url(../images/Bottom.gif) bottom left no-repeat;padding:20px 12px 24px 12px}
/* specific divs */
/* fixed width rather than percentage ... */
/* IE center align "hack" */
body {
text-align:center;
}
#container {text-align: left; width: 1000; font-size: 12 px; padding: 0; margin: 0 auto; }
#header {width: 1000;}
/*
#googleAd {position: absolute; top: 1px; left: 1px; width: 728px;}
#logIn { font-size: 10px; width: 275px; float: right;}
#banner {width: 20%;}
#prizes {width: 40%;}
#howToPlay {width: 10%;}
*/
.lowerright{margin: 1%; text-align:right; vertical-align: bottom;}
.centeralign {margin: 0; padding 0; text-align:center}
#linkbar {clear: both; margin: 0 auto; width: 980;}
/* linkbar background colors */
table.link {margin: 0 auto; width: 980; text-align: center; border-spacing: 0; border: 1px solid black;}
/* td.orange {border: 1px solid black; background-color: #FF9933;} */
/* td.orange {border: 1px solid black; background-color: #F1A629;} */
td.orange {border: 1px solid black; background-color: #FF3333;}
/* td.green {border: 1px solid black; background-color: #336633;} */
td.green {border: 1px solid black; background-color: green;}
td.grey {border: 1px solid black; background-color: #CCCCCC;}
td.yellow {border: 1px solid black; background-color: #FFFF33;}
/* td.blue {border: 1px solid black; background-color: #3366CC;} */
td.blue {border: 1px solid black; background-color: #CCFFCC;} /* color for favorite host */
td.pink {border: 1px solid black; background-color: #FF99CC;}
/* td.lightblue {border: 1px solid black; background-color: #339FFF;} */
td.lightblue {border: 1px solid black; background-color: #66FFFF;} /* color for favorite category */
/* td.lightgreen {border: 1px solid black; background-color: 99FF66;} */
td.lightgreen {border: 1px solid black; background-color: #33CCFF;} /* color for prizes and forum/blog */
td.lime {border: 1px solid black; background-color: lime;}
td.YellowOrange {border: 1px solid black; background-color: #ffcc00;} /* Color for category */
td.BlueGreen {border: 1px solid black; background-color: #00cccc;}
td.RedPurple {border: 1px solid black; background-color: #cc00cc;}
/* linkbar hyperlink */
a.linkbarlink{ font-family:"arial"; font-size:11px; font-weight:bold; color:black; text-decoration:none; }
a.linkbarlink:visited{ font-family:"arial"; font-size:11px; font-weight:bold; color:black; text-decoration:none; }
/* a.linkbarlink:hover{ font-family:"arial"; font-size:11px; font-weight:bold; color:white; text-decoration:none; } */
a.linkbarlink:hover{ font-family:"arial"; font-size:11px; font-weight:bold; color:blue; text-decoration:none; }
#content {width: 930px; margin-left: 25; margin-right: 25;}
#firstContentRow {margin-top: 20; width: 925px; height: 375px; clear:both;}
#picture { width: 450; height: 375px; float: left;}
/* #picture { width: 450; height: 375px; position:fixed; left;} */
/* caption new height original height:20 */
#caption {height: 80; width: 450; border: 1px float: left; overflow:auto}
/* caption original height height:20 */
/* #caption {height: 20; width: 450; border: 1px float: left;} */
#eventList { margin-top:0; padding-top:0; height: 375; width: 450; float: right;}
/* #eventList2 { margin-top:0; padding-top:0; height: 375; width: 450; float: left;} */
#stories {height: 375; width: 450; border: 1px solid black; float: left;}
#eventList2 { margin-top:0; padding-top:0; height: 375; width: 450; float: right;} /* Add eventlist2 */
#secondContentRow {margin-top: 10; width: 925px; height: 385px; clear:both;}
/* #stories {height: 375; width: 450; border: 1px solid black; float: left;} */
#eventScoreboard {height: 375; width: 450; float: right;};
#eventPredictions {height: 100; width: 450; float: left;}
/* why does height need to be larger on eventPredictions vs forumList
/* position: absolute; right: 1%; */
#forumList {height: 100; width: 450; float: left;}
#thirdContentRow {margin-top: 10; width: 925px; height: 105px; clear:both;}
#eventPredictions {height: 100; width: 450; float: left;}
/* why does height need to be larger on eventPredictions vs forumList
/* position: absolute; right: 1%; */
#forumList {height: 100; width: 450; float: right;}
#footer {width: 980; background: #728FCE; clear:both; margin: 0 auto;}
img.fullpic { width:450px; height: 350px;}
/* img.thumbnail { width:100px; height:108px; } */
img.thumbnail { width:160px; height:120px; }
/* original */
/* img.thumbnail { width:75px; height:75px; } */
li {line-height: 1.7em; font-size: 12px; margin-left: 1% ; text-align: left;}
/* padding-bottom: 0 ; margin-bottom: 0; line-height: 1.6em; */
h1, h2{text-align: center; padding: 0; margin: 0; font-weight: bold; border: 1px solid black;}
h1{font-size: 16px;}
h2{font-size: 14px;}
h2.blueblack {background: #3399FF; color:black;}
h2.greenblack {background: green; color: black;}
h2.limeblack {background: lime; color: black;} /* color use to event score board heading */
h3 {margin: 0; text-align: center; font-size: 11px; border: 1px solid black; }
h3.whiteblue { color: #728FCE; }
#h3.bluered{ background: #5CB3FF; color: red;}
h3.bluered{ background: #5CB3FF; color: black;}