@font-face {
    font-family: "treb";
    src: url("../fonts/trebuchet.ttf");
}

body{
    font-family:arial, sans;
    font-size:96%;
    padding:0 0 0 0;
    margin:0;
}
#header{
    width:840px;
    text-align:left;
    font-family:'Trebuchet MS', arial, sans;
    padding:0.3em 0.3em 0 0.3em;
}

#footer{
    font-size:74%;
    color:#aaa;
}
#footer a{
  color:#aac;
}

a{
    color:#07c;
}
/*div{border:1px solid #11e;}*/
/*grid like. try and make widths multiples of 50's*/

.wrap{
    width:100%;
    clear:both;
}
.right-text{
    text-align:right;
}
div.grid{
    margin-right:10px;
    float:left;
    width:60px;
}

div.grid-2{
    margin:0;
    margin-right:10px;
    float:left;
    width:130px;
}

div.grid-3{
    margin:0;
    margin-right:10px;
    float:left;
    width:200px;
}

div.grid-4{
    margin:0;
    margin-right:10px;
    float:left;
    width:270px;
}

div.grid-5{
    margin:0;
    margin-right:10px;
    float:left;
    width:340px;
}

div.grid-6{
    margin:0;
    margin-right:10px;
    float:left;
    width:410px;
}

div.grid-7{
    margin:0;
    margin-right:10px;
    float:left;
    width:480px;
}

div.grid-8{
    margin:0;
    margin-right:10px;
    float:left;
    width:550px;
}

div.grid-9{
    margin:0;
    margin-right:10px;
    float:left;
    width:620px;
}
div.grid-10{
    margin:0;
    margin-right:10px;
    float:left;
    width:690px;
}

div.grid-11{
    margin:0;
    margin-right:10px;
    float:left;
    width:760px;
}

div.grid-12{
    margin:0;
    margin-right:10px;
    float:left;
    width:830px;
}

div.last{
    margin:0;
    clear:right;
}

div.last:after {
   content: ".";
   visibility:hidden;
   display: block;
   height: 0;
   clear: both;
}
#banner{
    padding:2em 2em 2em 2em ;
    text-align:center;
}
#container{
    margin:0;
    border:none;
    width:100%;
    margin:0;
    padding:0 0 0 0 ;
    }
#content{
    padding:0 0 0 0 ;
    margin:0;
    width:840px;
    text-align:left;
}
#heading{
    font-size:108%;
    font-weight:bold;
    color:#777;
    padding:0.8% 0.8% 0.8% 0 ;
    border-bottom:1px solid #888;
    margin-bottom:0.8%;
}
#heading-desc{
    font-size:81%;
    color:#777;
    background:#eee;
    padding:1em 1em 1em 1em ;
}
#topnav{
    text-align:left;
    width:840px;
    
}
.hi-there{
    font-weight:bolder;
    font-size:11px;
}
.close,.close-new{
    display:inline-block;
    cursor:pointer;
    color:#b11;
    float:right;
    padding:2px 0px 2px 2px;
    font-size:88%;

}

.desc{
    font-size:72%;
}
.faint{
    color:#bbb;
}
.gray{
    color:#777;
}
.required{
    color:#d12;
}
.form-error{
    color:#333;
    font-size:72%;
    width:216px;
    background:url(../images/art_tooltip_arrow.gif) repeat-x  -102px 0;
    background-color:#fbeab1;
}
.form-error div{
    padding:1em 0.8em 0.3em 0.8em ;
}
form p{
    margin-top:4px;
    margin-bottom:4px;
}
input[type=password], input[type=text]{
    padding:4px 3px 4px 3px ;
    font-size:103%;
    color:#444;
    border:1px solid #444;
    background:#fff;
}
input[type=password]:focus, input[type=text]:focus, select:focus{
    border:2px solid #44d;
}
textarea{
    border:1px solid #888;
    padding:4px 3px 4px 3px ;
}
textarea:focus{
    border:1px solid #111;
    padding:4px 3px 4px 3px ;
}

input[type=submit],input[type=button]{
    border:1px solid #555;
    border-top:1px solid #aaa;
    border-left:1px solid #aaa;
    background:#ccc;
    color:#666;
    text-shadow: #eee 1px 1px 1px;
    padding:0.3em 0.4em 0.3em 0.4em ;
    margin-top:0.8em;
    margin-bottom:1em;
    font-size:110%;
    font-weight:bold;
    -moz-border-radius:2px;
    -moz-border-radius:2px; 
    border-radius:2px;   
    text-decoration:none; 
}
input[type=submit]:focus,input[type=button]:focus{
    border:1px solid #555;
    border-bottom:1px solid #aaa;
    border-right:1px solid #aaa;
}
label{
    margin:0;
    font-weight:bold;
    color:#555;
}
textarea,input,select{
    font-family:arial;
}
textarea.hint,input.hint,select.hint{
    color:#bbb;
}
.input{
    font-size:13px;
    color:#222;
}
input[type=checkbox]{
    margin:0;
}

select{
    background:#eee;
    border:2px solid #eee;
    color:#777;
    padding:3px 3px 3px 3px ;
}

select:focus{
    border:2px solid #dde;
}


#notice{

    font-family:'Trebuchet MS',  Verdana, Sans-Serif;
    width:100%;
    border:none;
    margin-top:1%;
    margin-bottom:1%;
    background:#fff;
    color:#000;
    font-size:0.9em;
    filter:alpha(opacity=91);
    opacity:0.91;
    display:none;
    cursor:move;
}
#notice .container{
    filter:alpha(opacity=99);
    opacity:0.99;
    background-color:#f3efc2;
    bordeR:1px solid #000;
    padding:1em 1em 1em 1em ; 
}
#notice * ul{
    margin:0;
    margin-left:1.4%;
    padding:1% 3% 4% 1% ;
}

#notice * ul li{
    list-style:square inside;
    padding:0.2em 0.2em 0.2em 0.2em ;
    
}
#notice .error{
    border:4px solid #eee;
}

#notice .pass,#notice .info{
    border:2px solid #eee;
}

#users .user {
    padding:0.6em 0 0.4em 0;
}

.block-bg{
    padding:0.4em 0.4em 0.4em 0.4em ;
    background:#ddd;
    margin:4px;
    margin-left:0;
    display:inline-block;
    text-decoration:none;
    font-weight:bold;
    
    vertical-align:middle;

}
a.block-bg{color:#fff;}
a.block-bg.smaller{
    color:#15a;
    border-right:1px solid transparent;
    border-bottom:1px solid transparent;
}

a.block-bg.smaller:hover{
    border-right:1px solid #ccc;
    border-bottom:1px solid #aaa;
}

#header * a.block-bg:hover{
    background:#79b635;
    border:none;
}
#logout.block-bg:hover{
    background:#9a4444;
}
.maroon{
    background:#9a4444;
}
.gray{
    background:#888;
}
.smaller{
    padding:0.4em 0.4em 0.4em 0.4em ;
    display:inline-block;
    text-decoration:none;
    background:#eee;
    font-weight:normal;
    font-size:84%;
    border:1px solid #eee;
}
a.smaller{
    color:#11b;
}
.orange{
    background:#e07604;
    color:#fff;
    text-decoration:none;

}
.bluish{
    background:#67699a;
    color:#fff;
    text-decoration:none;

}
.blue{
    background:#cce;
    color:#119;
    text-decoration:none;
}
.green{
    background:#79b635;
    color:#fff;
    text-decoration:none;

}
.yellow{
    background:#ddcc22;
    color:#119;
    text-decoration:none;

}
.greenish{
    background:#8a8;
    color:#fff;
    text-decoration:none;

}
.reddish{
    background:#e7450f;
    color:#fff;
    text-decoration:none;

    
}
.bordered{
    border:1px solid #444;
    background:none;
    text-decoration:inherit;
    font-weight:bold;
    text-decoration:none;

}
.bordered-red{
    border:1px solid #911;
    background:none;
    text-decoration:inherit;
    margin-top:4px;
    margin-bottom:4px;
    text-decoration:none;
}
.bordered-gray{
    border:1px solid #ddd;
    background:none;
    text-decoration:inherit;
    margin-top:4px;
    margin-bottom:4px;
    text-decoration:none;
}
.borderless{
    padding:0.4em 0.4em 0.4em 0 ;
    margin:1px;
    background:none;
    font-weight:normal;

}
a.borderless{
    color:#119;
} 
.treb{
    font-family:'Trebuchet MS', arial, sans;
}
.georg{
    font-family:georgia, times, arial, sans;
}
.dark-green{
    color:#75845c;
    background:none;
    border:none;
}
.borderless-2{
    border:none;
    background:none;
    text-decoration:inherit;
    margin-top:4px;
    margin-bottom:4px;
    text-decoration:none;
}
.section{
    font-weight:bold;
    border-bottom:1px solid #000;
    padding-bottom:0.4em;
    margin-bottom:0.4em;
    margin-top:0.4em;
    width:100%;
}
.smaller-faint{
    font-size:85%;
    color:#888;
}
.hidden{
    display:none;
}
.underlined-faint{
    border-bottom:1px solid #eee;
}
.link-like{
    color:#11b;
    cursor:pointer;
}
input.link-like{
    border:none;
    text-decoration:underline;
    background:none;
}

#enquiry-desc{
    margin-top:1.7em;
    padding:1em 1em 1em 1em ;
    font-size:small;
    background:#eee;
    color:#888;
    text-shadow: #fff 1px 1px 1px;
    -moz-border-radius:2px;
    -moz-border-radius:2px; 
    border-radius:2px;   
    border:1px solid #ddd;  
}
.font-blue{
    color:#116;
}
.item-home{
    border:1px solid #fff;

    margin-bottom:7px;
}
#item .item-home{
    border:none;
}
.item-home-selected{
    background:#f7f7f7;
}
a.item-title{
    text-decoration:none;
}
a.item-title:hover{
    text-decoration:underline;   
}

.comment{
    border-top:2px solid #fff;
}

.item-comments .comment{
    padding:0.3em 0.3em 0.3em 0.3em ;
}

.comments-2{
    background:#ddcc22;
    color:#fff;
    -moz-border-radius:2px;
    -moz-border-radius:2px; 
    border-radius:2px;    
}

.comments-1{
    background:#e07604;
    color:#fff;
    -moz-border-radius:2px;
    -moz-border-radius:2px; 
    border-radius:2px;    
}

.comments-0{
    background:#eee;
    color:#fff;
    -moz-border-radius:2px;
    -moz-border-radius:2px; 
    border-radius:2px;    
}
.comments-hot{
    background:#c70;
    color:#fff;
    -moz-border-radius:2px;
    -moz-border-radius:2px; 
    border-radius:2px;    
}
.big-font{
    font-size:18px;
}
a.color-dark-blue{
    color:#338;
}
.huge-font{
    font-size:128%;
}