/* CSS */

/* general */
* {padding:0; margin:0; border:0;}
ul, ol {list-style-position: inside;}
.cleaner {clear:both; height:1px; font-size:1px; line-height:1px;}
.hidden {display:none;}
.padd {
	padding:0 0px 0 0px;
	color:#FFFFFF;	
	background:transparent url(./img/up_table.gif) no-repeat scroll 0%;
	height:22px;
	_height:25px;
	margin:0px 0px 0px 13px;
	width:100%;
}
	
.bigpadd p{
margin:0px 20px 0px 20px;
}

.left {float:left;}
.right {float:right;}
p, li {line-height: 130%;}
.noborder {border:none !important;}
.welcome {background:#f4fafb; border:1px solid #D6E4E9; padding:10px 20px;}

.img-right, #main-col .img-left, #main-col .img-center {display:block; margin:0 10px 0 10px;}
.img-right {float:right; margin-right:0 !important;}
.img-left {float:left; margin-left:0 !important;}
.img-center {width:auto; margin:0 auto; text-align:center;}
.img-right img, .img-left img, inmg-center img {border:5px solid #eee;}
.img-right em, #main-col .img-left em, #main-col .img-center em {display:block; font-size:0.7em; text-align:center; margin-top:3px; color:#999;}
.img-center em {margin-bottom:12px;}
img.border {border:5px solid #eee;}

body {background:#eeedea url("./img/body2.gif") repeat-x; text-align:center; font-family:Tahoma, "Lucida Grande CE", lucida, sans-serif; font-size:70%;}

#all  {width:760px; text-align:left; margin:17px auto;}
#allI {background:url("./img/head.gif") top left no-repeat;}

  #head {height:80px; background:url("./img/cards.gif") top right no-repeat;}
    #h1 {padding:25px 0 0 35px;}
    #h1 a {display:block; width:378px; height:54px; font-size:22px; font-weight:bold; color:#686868; text-decoration:none;}

  #foot {height:38px; background:url("./img/foot.gif") no-repeat;}
  #foot, #foot * {color:#fff;}
  #foot .left {padding:7px 0 0 26px;}
  #foot .right {padding:7px 26px 0 0;}
  #foot .right a {font-weight:bold; color:#fff; }
  #foot .left a {font-weight:bold; color:#fff; }

  /* #content */
  #content {padding-top:3px; background:url("./img/shaddow.gif") repeat-y; width:100%;}
    #content p { margin-left:20px;}
    h1 {font-weight:normal; margin:0px 0px 0px 0px; font-size:130%; color:#090;}
	h2 {font-weight:bold; margin:0px 0px 0px 0px; font-size:140%; color:#090;}
	h3, h4 {font-weight: bold; border:none; padding:0; font-size:130%; color:#090;}
    #content a {color:#069;}

    
    #prologue {width:500px; margin-bottom:1em;}
    #prologue img {border:5px solid #f5f5f5; margin:0 10px;}
    #prologue .left {float:left;}
    #prologue .right {float:right;}

  #main-col   {width:500px; float:left; margin-top:-10px;}
  #box-col  {width:255px; float:left;}
    #box-col p h4 {font-size:1em; color:red;}
    #text-col {width:230px; float:right;}
  #r-col   {width:209px; float:right; }
  #r-colI {padding:0 0.5em 0 1em; /* border:1px dashed red; */}

  #main-col h3 {color:#000; font-size:120%; font-weight: bold; margin-top:1em; padding-top:5px;}
  #main-col h3 a {color:#3A8727;}

  /* #text-col */
  #text-col h3 {color:#1C7507; margin-bottom:0.4em;}
  #text-col h4 {color:#333; margin-bottom:0.4em; font-size:120%; font-weight:bold;}
  #text-col p.toall {margin:-0.3em 0 2em 0; font-weight: bold;}
  #text-col p.toall.rtext {text-align:right; margin-right:1.5em;}

  
  #main-col .bonus h3 {color:#fc0;}
  #main-col .bonus p {background:#ffc; padding:10px; color:#555;}
  #main-col .button {display:block; width:150px; height:25px; background:url("./img/but_bonus.jpg") top left no-repeat; margin:10px 0 10px 180px;}
  #main-col .button span {display:none;}
  
  #main-col .score h3 {color:#000}
  #main-col .score strong {display:block; text-align:center; font-size:2.6em; margin-bottom:10px 0;}
  
  #main-col table.info {width:100%; margin:10px 0;}
  #main-col table.info th, #main-col table.info td {text-align:left; border:1px solid #ccc; padding:5px;}
  #main-col table.info th {background:#eee;}
  #main-col table strong.red {color:red;}
  #main-col table strong.green {color:green;}


  .title {cursor:help; text-decoration:underline;}