/***************************************************************************
                                  HTML TAGS
***************************************************************************/
body{
  color:black;
  background:#D2DBEA;
  padding:0;
  margin:none 10px 10px 10px 10px;
  font: 11px Verdana, Arial, Helvetica, sans-serif;}
small {
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  color: #888}
img {
  border:0
}
p {
  margin:0;
  padding:0
}
table {
  font: 10px Verdana, Arial, Helvetica, sans-serif;}
form {
  margin:0;
  padding:0
}
input, textarea, select
{
  color: #000000;
  border: 1px solid #AAA;
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  background-color: #AFC6DB;
}
a
{
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  color: #1E4C81;
  text-decoration: none
}
a:hover
{
  color: #0099FF;
  text-decoration: underline
}


/***************************************************************************
                                 DIV ID's
***************************************************************************/
#titel{
  color: #1E6EB0;
  text-decoration: none;
  padding:0;
  margin: 0;
  font:50px "Trebuchet MS","Arial","Verdana",sans-serif;
}
#titel a, #titel h1{
  color: #1E6EB0;
  text-decoration: none;
  padding:0;
  margin: 0;
  font:50px "Trebuchet MS","Arial","Verdana",sans-serif;
  letter-spacing: 10px;
}
#titel a:hover{
  color: #08528F;
  }
#titel img {
  float:left}
#ad {
  margin-top: -4px;
  float:right;
}  

#head{
  background:#145D99;
  border:1px solid #145D99;
  padding:5px;
  margin:0px;
  background-image:url("imgs/head-bg-1.gif");
  }
  #head a{
    padding: 0px 10px 0px 10px;
    color:white;
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    }
  #head a:hover{
    text-decoration:none;
    color: #ddd;
    }
#head2{
  height: 10px;
  color:black;
  background:#B8C2CA;
  border-color:black;
  border:1px solid #AAA;
  border-top:0px;
  padding: 11px 5px 11px 5px;
  margin:0px 0px 10px 0px;
  }

#menu{
  float:left;
  width:200px;
  margin:0;}
#menu_right{
  float:right;
  width:200px;
  margin:0;}

#menu_right_ad{
  float:right;
  width:160px;
  margin:0;}
 
#content{ /* Two Cols */
  position:relative;
  margin: 10px 0px 10px 210px;
  padding: 0;
  }
#content2{ /* Three Cols */
  position:relative;
  margin: 10px 210px 10px 210px;
  padding: 0;
  }
#content3{ /* One Col */
  position:relative;
  margin: 10px 0px 10px 0px;
  padding: 0;
  }
#content_ad_middle{ /* Three Cols */
  position:relative;
  margin: 10px 170px 10px 210px;
  padding: 0;
  }
#content_ad_right{ /* Two Cols */
  position:relative;
  margin: 10px 0px 10px 210px;
  padding: 0;
  }
  
#content h2, #content2 h2, #content_ad_middle h2, #content3 h2{
  color: #fff;
  padding: 0px;
  margin:0px 0px 0px 0px;
  font: bold 11px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;}
#content h3, #content2 h3, #content_ad_middle h3, #content3 h3{
  color: #fff;
  padding: 0px;
  margin:0px 0px 0px 0px;
  font: bold 10px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;}
  
#bottom{
  text-align:center;
  color:black;
  padding: 0;
  margin: 10px 0 0 0;
  clear: both;}
  
/***************************************************************************
                                  CLASSES
***************************************************************************/

.help {
  cursor:help;
  border-bottom:1px dashed #CCC
}
.hand {
  cursor:hand;}
.none {
  background: none;
  border: 0;
  padding:0;
  margin:0;
  display:none}
.clearright {
  clear: right;
  }
.clearleft {
  clear: left;
  }
.right{
  float: right}
.left{
  float: left}
.t-center{
  text-align: center}
.t-left{
  text-align:left}
.t-right{
  text-align:right}
.head3, .head3:hover{
  color: #fff;
  padding: 0;
  margin: 0;
  font: bold 10px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  }
.padding4 {
  padding:4px}
.radiobutton{
  background:none;
  border:0;
  }
.margintop5{
  margin-top:5px;}
.error{
  color: #C20303;}
input.error, textarea.error, select.error, tr.error{
  color: #AAA;
  background-color: #C20303;}

div.untermenu{
  margin: 0px 0px 10px 0px;
  background: #B8C2CA;
  }
  div.untermenu h2{
    color: #fff;
    background: #145D99;
    padding: 4px;
    margin:0px 0px 0px 0px;
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    background-image:url("imgs/um-title-bg-2.gif");}
  div.untermenu-content-a {
    padding: 7px;
    }
  div.untermenu-content {
    padding: 7px;
    border:1px solid #AAA;
    }
  div.untermenu-content-a A{
    color: #145D99;
    width:178px;
    display:block;
    margin: 0;
    padding:3px;
    }
  div.untermenu-content-a A:hover{
    color: #145D99;
    background: #ddd;
    text-decoration:none;
    }
  div.untermenu-indent{
    margin-left: 10px;
    width:168px;}
  div.untermenu-indent A 
    {width:168px;}
  div.untermenu-indent A:hover 
    {width:168px;}
    
div.title_bg {
  border-right:1px solid #145D99;
  border-bottom:1px solid #145D99;
  background: #145D99;
  padding:4px;
  background-image:url("imgs/ct-title-bg.gif");
  margin:0;
  }
div.news_box {
  padding: 4px;
  margin: 10px 0 0 0;
  background:#AAA;
  background-image:url("imgs/ct2-title-bg.gif");
  }
  
div.content_box{
  padding: 4px;
  margin: 0;
  background:#B8C2CA;
  border:1px solid #AAA;
  }
div.critique_1{
  padding: 4px;
  margin: 0;
  background:#B1BAC1;
  border:1px solid #AAA;
  border-top:0;
  }
div.critique_2{
  padding: 4px;
  margin: 0;
  background:#B8C2CA;
  border:1px solid #AAA;
  border-top:0;
  }
div.reply{
  margin-left: 10px;
  padding: 4px;
  color: #666;
  }
  
div.row {
  margin-bottom:10px;
  }
div.row span.lineup {
  background:#B8C2CA;
  text-align: center;
  margin-bottom:10px;
  float: right;
  width: 33%;
  }
p.poll {
  text-align:left;
  margin-top: 0;
  margin-bottom: 10px;
  line-height:7px;}

  
p.affiliates A{
  display:block;
  margin-bottom:3px;}
p.width64{
  width:64px}
p.margin_bottom_10{
  display:block;
  text-align: center;
  margin-bottom:10px;}
p.white{
  color: #fff;}
p.black{
  color: #000;}
p.sort{
  color: #666;}
p.sort a{
  margin-left:20px;
  color: #666;}
p.sort a:hover{
  color: #ddd;
  text-decoration:none}
a.rate
{
  color: #888;
  text-decoration: none
}
a.rate:hover
{
  color: #ddd;
  text-decoration: none
}

/*************************************/
/* AD Squares                        */

#adSquares {
  text-align: center;
  margin: 10px auto;
  background-color: #B8C2CA;;
  width: 264px;
  height: 82px;
  padding: 1px;
}

.adSquare {
  margin: 1px;
  float: left;
  background-color: #e9e9e9;
}

.adSquare a {
  height: 20px;
  display: block;
  width: 20px;
  height: 20px;
}

.adSquare a:hover {
  background-color: #fff;
}