body{font: 76%/1.5 Arial,sans-serif;background: #FFF;color: #333;text-align:center;margin:0;padding:1px}
div#container{float:left; width: 750px;margin:0 auto}
div#content{float:left;width:480px}
div#navigation{float:right;width:230px}
div#navigation a{color: #009}
h1{color: #3CA3FF;margin: 1em 0 0;letter-spacing: -2px}
p{margin: 0 0 1.7em}
a{color: #00F;font-weight:bold}
a:hover{color: #F00}

#graph-content {

   background-color : #ccffff;
   width : 100%;
   margin : 0.1em auto;
   border : 1px solid black;
   text-align : left;
   max-width : 1024px;

}
#med-content {

   background-color : #ccffff;
   width : 93%;
   margin : 0.1em auto;
   text-align : left;
   max-width : 1024px;

}
#header {

   background : url("images/head.jpg");
   width : 100%;
   height : 50px;
   padding-top : 0;

}
#sidebar {

   float : left;
   width : 90px;
   background-color : #6ff;
   margin : 0;
}
#top-sidebar {
   float : left;
   width : 6.99%;
   background : url("images/medside1.jpg");
   margin : 0;
}
#med-sidebar {
   float : left;
   width : 7%;
   background : url("images/medside2.jpg");
   margin : 0;
}
#sidebar-content {

   margin : 0;
   padding : 0.3em;
   font-size : 100%;

}
#main {

   margin : 0 0 0 7.1%;
   padding : 0;

}
#main-content {

   margin : 0;
   width : 84%;
   font-size : 100%;

}
hr.cleaner {

   clear : both;
   height : 1px;
   margin : -1px 0 0;
   padding : 0;
   border : none;
   visibility : hidden;

}
#menu a {

   display : block;
   width : 62px;
   margin : 1em 0 0;
   padding : 6px 0 20px;
   font-weight : bold;
   font-size : 12px;
   font-family : sans-serif;
   color : #000;
   text-decoration : none;

}
#menu a:link:active {

   background-position : -120px 0;
   color : #000000;

}
#menu a:visited:hover {

   background-position : -180px 0;
   color : #0033ff;

}
#menu a:focus:hover {

   background-position : -60px 0;
   color : #00ff00;

}
#menu a:link:hover {

   background-position : -60px 0;
   color : #aa2222;

}

a {
   font-weight:bold;
   font-size : 11px;
   color : #3333ff;

}
a:visited {

   color : #0000a0;

}
a:hover {

   color : #0088ff;

}
a:active {

   color : #3399ff;

}

#menoo {

   display : block;
   margin : 1em 0 0;
   padding: 6px 0 20px;
   font-weight : bold;
   font-size : 12px;
   font-family : sans-serif;
   color : #000;
   background-color : #66ffff;
   text-decoration : none;
   position : absolute;
   top : 56px;
   left : 90px;
   width : 90px;
   z-index : 1;

}
h1 {
	letter-spacing: -2px;
	margin: 1em 0 0;
    font-size : xx-large;
    color : #3CA3FF;

}
h2 {

   font-size : x-large;
   color : #336666;

}
h3 {

   font-size : large;
   color : #333399;

}
h4 {

   font-size : medium;
   color : #3333cc;

}
#list1 {

   left : 0;

}
#list2 {
   right : 0;
   font-weight : 300;
   color : black;
}
.list3 {
   font-size : small;
   line-height : 1em;
}
.list4 {
   font-size : 1em;
}
.head1 {
   font-size : x-large;
   color : #0000ff;
   font-weight : bold;
   padding: 10px 0 0 0;
}
ul, li {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   line-height : 2em;
   font-weight : bold;
   font-variant : normal;
   text-transform : none;
   color : #004;
   text-decoration : none;
   list-style-position : outside;
   list-style-image : url("images/arrow.gif");
   list-style-type : square;
   margin : 3px;

}
.style1 {

   font-size : medium;

}
.box {
   font-family : Arial, Helvetica, sans-serif;
   font-size : 12px;
   border : 1px solid #000000;

}
.bluebox {
   font-family : Arial, Helvetica, sans-serif;
   font-size : 12px;
   font-weight : bolder;
   color : #ffffff;
   background-color : #006699;
   border : 1px solid #000000;

}
.maincell {

   font-family : Arial, Helvetica, sans-serif;
   font-size : 12px;
   padding : 5px;
   border : 1px solid #006699;

}
.errmsg {

   font-family : Helvetica, "Courier New", Courier, mono;
   font-size : medium;
   font-weight : bolder;
   color : #cc0000;

}
.courmsg {

   font-family : courier;
   font-size : 12px;
   font-weight : bold;
   color : #cc0000;

}
.medmsg {


   font-family : Arial, Helvetica, sans-serif;
   font-size : 12px;
   font-weight : bolder;
   line-height : 1em;
   color : #cc0000;

}
.bb4 {

   font-family : Arial, Helvetica, sans-serif;
   line-height: 1em;
   padding: 6px 0 0 0;
   font-size : small;
   font-weight : 800;
   color : #000000;
}
.rb3 {

   font-family : Arial, Helvetica, sans-serif;
   font-size : 12px;
   font-weight : bolder;
   line-height : 1em;
   color : #ff0000;
}
.bigmsg {

   font-family : Arial, Helvetica, sans-serif;
   font-size : 14px;
   font-weight : bolder;
   line-height : 2em;
   color : #cc0000;

}
.fb {

   width : 60px;
   height : 32px;
   font : bold 12px sans-serif;
   color : #000;
   text-decoration : none;

}
.button60x30 {

   font-family : "Trebuchet MS", Verdanna, Arial, Helvetica, sans-serif;
   font-size : 13px;
   font-weight : bold;
   width : 60px;
   height : 30px;
   background-image : url(images/coin_X.gif);
   background-color : transparent;
   border-style : none;
   color : #000;

}
.button60x30over {

   font-family : "Trebuchet MS", Verdanna, Arial, Helvetica, sans-serif;
   font-size : 13px;
   font-weight : bold;
   width : 60px;
   height : 30px;
   background-image : url(images/coin_Z.gif);
   background-color : transparent;
   border-style : none;
   color : #999;

}
.button60x30click {

   font-family : "Trebuchet MS", Verdanna, Arial, Helvetica, sans-serif;
   font-size : 13px;
   font-weight : bolder;
   width : 60px;
   height : 30px;
   background-image : url(images/coin_Y.gif);
   background-color : transparent;
   border-style : none;
   color : #00f;

}
.button60x30down {

   font-family : "Trebuchet MS", Verdanna, Arial, sans-serif;
   font-size : medium;
   font-weight : bolder;
   width : 60px;
   height : 30px;
   background-image : url(images/coin6.gif);
   background-color : transparent;
   border-style : groove;
   color : #f88;

}
.button {

   border : none;
   padding : 10 0 0 0;
   background-color : #ccffff;
   font-family : Helvetica, Verdana, Arial, sans-serif;
   font-size : small;
   font-weight : 500;
   line-height : 2em;
   color : #000044;
   text-transform : uppercase;
   text-align : center;
   text-decoration : underline;

}
.buttonReset {

   color : #fcc;
   background-color : #900;
   font-size : 1.5em;
   border : 1px solid #660;
   padding : 4px;

}
.buttonResetRoll {

   color : white;
   background-color : #660;
   font-size : 1.5em;
   border : 1px solid #660;
   padding : 4px;

}
.buttonSubmit {

   color : #fcc;
   background-color : #c00;
   font-size : 1.5em;
   border : 1px solid #660;
   padding : 4px;

}
.buttonSubmitRoll {

   color : white;
   background-color : #cc0;
   font-size : 1.5em;
   border : 1px solid #660;
   padding : 4px;

}
.button60x30down {

   font-family : "Trebuchet MS", Verdanna, Arial, sans-serif;
   font-size : 14px;
   font-weight : bolder;
   width : 60px;
   height : 30px;
   background-image : url(images/coin6.gif);
   background-color : transparent;
   border-style : groove;
   color : #f88;

}
.buttonSubmit {

   font-family : "Trebuchet MS", Verdanna, Arial, Helvetica, sans-serif;
   font-size : 13px;
   font-weight : bold;
   width : 60px;
   height : 30px;
   background-image : url(images/coin_X.gif);
   background-color : transparent;
   border-style : none;
   color : #446;

}
.buttonSubmitRoll {

   font-family : "Trebuchet MS", Verdanna, Arial, Helvetica, sans-serif;
   font-size : 13px;
   font-weight : bolder;
   width : 60px;
   height : 30px;
   background-image : url(images/coin_Z.gif);
   background-color : transparent;
   border-style : none;
   color : #000;

}
.buttonSubmitDown {

   font-family : "Trebuchet MS", Verdanna, Arial, Helvetica, sans-serif;
   font-size : 13px;
   font-weight : bolder;
   width : 60px;
   height : 30px;
   background-image : url(images/coin6.gif);
   background-color : transparent;
   border-style : none;
   color : #999;
}