/*
6-color matching palette:      
#0000EE base blue
#0000A1 dark blue
#8E8EED light gray blue //#9e9efd
#6060A1 blueish gray
#121212 black-ish
#EDEDED white-ish
*/
dt {
  font-weight:bold;
  margin-top:15px;
}
#header {
    background-color:#9e9efd;
    width:100%;
}

body {
    margin:0;
margin-top:10px;
  margin-bottom:10px;
font-family:Verdana;
font-size:9pt;
background-color:#f7f7f7;
color:#121212;
}
.tiny { font-size:7pt; font-weight:normal;}
.smallish { font-size:9pt; }
.larger { font-size:11pt; }
.message {
margin:0 auto;
margin-top:150px;
text-align:center;
}
body a:hover {
    text-decoration:underline;
}

#adsdisplay h3 { /*width:100%; */}
#adsdisplay {
    margin:0 auto;
}
.tet-logo a:hover {
       text-decoration:none;
}
a img {
 border:none;
}
.tet-logo img {
 border:none;
}
   .tet-logo {
   font-family:'FrankRuehl';
   font-weight:bold;
   margin: -30px 10px 0px;
   color:#00e;
   font-weight:medium;
 }

   #box1 {
       height:800px;
       width:20%;
   }
#box1 form {
     margin-left:37px;
   }
.highlight {
 color:green;
 font-weight:bold;
}
#columnscontainer {
    width:79%;
}

  .box {
    //width:150px;
    width:21%;
    
    margin:30px auto;
    margin-top:0;
    /*border:solid red 1px;*/
    }

.suggestion_link,.suggestion_link:hover {  text-decoration:none; }
/*.suggestion_link_explanation { display:none; }*/

.user_info {
     background-color:#bebeff;
}

.box .subcat {
    font-size:11pt;
     background-color:#bebeff;
}

   .box ul {
 clear:both;
     list-style:none;
 }

#myaccount {
list-style:none;
}
#myaccount dt {
font-size:20pt;
}
   .box h4 a {
     background-color:#bebeff;
     color:#0000a1;
 }

#ads_filter_form table {
     background-color:#bebeff;
}

.midheader {

     background-color:#aaa;/*#8e8eed;*/
 color:#ededed;
}
.box_ad {
width:49%;
}
.box_ad ul {
list-style:none;
}
.box_ad ul span {
    width:80px;
}

marquee {
width:86%;
padding-bottom:10px;
}

.box h4 {
    font-size:10pt;
}

   .box a {
     text-decoration:none;
 }

.gray {
    color:#aaa;
}
.signup {
    margin:0 auto;
width:500px;
}

thead {
    background-color:#99f;
}

.error {
font-size:80%;
color:red;
}
.signup input { }

#footer {
   font-size:small;
clear:both;
   }
.tet-logo a:visited {
 color:#00e;
 }


/* form code */

.cssform h3 {
clear:both;
}
.cssform p{
width: 500px;
margin: 0;
padding: 5px 0 8px 0;
border-top: 1px dashed gray;
height: 1%;
}

.cssform label {
font-weight: bold;
width: 450px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.pagelink {
 display:block;
  float:left;
  padding-left:10px;
  padding-right:10px;
   margin-right:10px;
   background-color:gray;
 }
.cssform select,input {
margin-bottom:5px;
}


.cssform textarea{
  /*width: 350px;
    height: 150px;*/
 width:100%;
}

.box input {
width:50px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/


#columnscontainer {
    width:79%;
float:right;
}
.box {
    float:left;
 }
.float {
    float:left;
 }
.box_ad {
float:left;
 }
.attached_images
{    float:right;}

.cssform label {
float: left;
 }
.cssform comment {
    float:right;
 }
.cssform textarea {
  float:right;

 }

* html .threepxfix{
margin-right: 3px;
}
.cssform label {
margin-right: -155px; /*width of right column*/

}
.cssform p {
clear: right;
padding-right: 55px; /*width of right column containing the label elements*/
}

#footer {
margin-right:100px;
text-align:right;
}

.attached_images img {
padding-right:10px;
}
.cssform .comment {
    clear:left;
}
.tet-logo {   
  margin-top:10px;
  float:left;
  font-size:70pt;
 }

marquee {
margin-left:35px;

}

.box h4 {
    margin-left:35px;
}