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

body { background: url(../images/background.jpg); background-repeat:no-repeat; background-color:#000000; height:100%; background-attachment:fixed; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#726659; line-height:20px;}
#maincontainer { width:950px; }
#mobilecontainer{width:320px; }
#topsection { background: url(../images/topframeborder.png); background-repeat:no-repeat; height:221px;}
#bottomsection { background: url(../images/bottomframeborder.png); background-repeat:no-repeat; height:125px; } 
#maincontent { background: url(../images/contentbg.png); background-repeat:repeat-y; text-align:left; }
#footer { color:#FFF; font-size:12px;}
#rightcolumn { padding-left:90px; float:left; width:250px; }
#leftcolumn { padding-left:20px; padding-right:90px; float:left; width:500px; }
#doublewide { padding-left:90px; padding-right:90px; width:770px; }
#clearboth { clear:both; }
img { border:0px; }

/* CHART STYLES */
#yellowchart { background:url(../images/chartbg.png); background-repeat:repeat-y; width:333px; padding-right: 50px; float:left;}
#yellowcharttop { background:url(../images/yellowchart.png); background-repeat:no-repeat; width:333px; height:71px; }
#yellowchartmobile{ background:url(../images/chartbg.png); background-repeat:repeat-y; width:320px; padding-right: 50px; float:left;}
#yellowcharttopmobile { background:url(../images/yellowchart.png); background-repeat:no-repeat; width:320px; height:71px; }
#charttopcontent { padding: 35px 40px 40px 40px; }
#greenchart { background:url(../images/chartbg.png); background-repeat:repeat-y; width:333px; float:left; padding-right:50px; }
#greencharttop { background:url(../images/greenchart.png); background-repeat:no-repeat; width:333px; height:71px; }
#greenchartmobile { background:url(../images/chartbg.png); background-repeat:repeat-y; width:320px; float:left; padding-right:50px; }
#greencharttopmobile { background:url(../images/greenchart.png); background-repeat:no-repeat; width:320px; height:71px; }
#chartcontent { padding:0px 40px 0px 40px; }
#chartbottom { background: url(../images/chartbottom.png); background-repeat:no-repeat; height:32px; }

.eventDiv0 { background-color: #ffffff; padding:0px; height:10px;}
.eventDiv1 { background-color: #CCC; padding:0px; height:10px;}

.charttitle { color:#FFF; font-size:23px; font-family:Georgia, "Times New Roman", Times, serif;}


a { color:#093; }
a.footerlink { text-decoration:none; color:#fff; }
a.cplink { text-decoration:none; color:#f2b00a; }
h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; line-height:30px; padding:0px; margin:0px;}